/*
Theme Name: Ionix 2022
Theme URI: https://uebb.digital
Author: Uébb Digital
Author URI: https://uebb.digital
Description: Website/One Page/Landing Page
Version: 2021
License: Uébb Digital
License URI: https://uebb.digital
Tags: desenvolvimento de sites goiania, otimizacao de sites goiania, seo goiania, redes sociais Goiania, criacao de sites goiania, redes sociais para empresas, social media, marketing digital goiania, mkt digital goiania, planejamento estrategico digital goiania, posicionamento de sites no google
Text Domain: Uébb Digital
*/



/* start guideline */



/* desktop (rem) base size */
@media (min-width: 1367px) { html { font-size: 16px !important; } }

/* laptop (rem) base size */
@media (max-width: 1366px) { html { font-size: 14px !important; } }

/* mobile (rem) base size */
@media (max-width: 991px) { html { font-size: 12px !important; } }



/* start type */
.header1       { font-family: 'Circular Std', sans-serif; font-weight: 600; font-size: 3.625rem; line-height: 3.500rem; letter-spacing: -0.156rem; text-transform: none;      -webkit-font-smoothing: antialiased; }
.header2       { font-family: 'Circular Std', sans-serif; font-weight: 600; font-size: 3.125rem; line-height: 3.000rem; letter-spacing: -0.125rem; text-transform: none;      -webkit-font-smoothing: antialiased; }
.header3       { font-family: 'Circular Std', sans-serif; font-weight: 600; font-size: 2.625rem; line-height: 2.625rem; letter-spacing: -0.094rem; text-transform: none;      -webkit-font-smoothing: antialiased; }
.header4       { font-family: 'Circular Std', sans-serif; font-weight: 600; font-size: 2.250rem; line-height: 2.375rem; letter-spacing: -0.063rem; text-transform: none;      -webkit-font-smoothing: antialiased; }
.header5       { font-family: 'Circular Std', sans-serif; font-weight: 600; font-size: 1.750rem; line-height: 2.000rem; letter-spacing: -0.063rem; text-transform: none;      -webkit-font-smoothing: antialiased; }
.header6       { font-family: 'Circular Std', sans-serif; font-weight: 600; font-size: 1.375rem; line-height: 1.625rem; letter-spacing: -0.031rem; text-transform: none;      -webkit-font-smoothing: antialiased; }

.subtitle1     { font-family: 'Circular Std', sans-serif; font-weight: 400; font-size: 2.000rem; line-height: 2.250rem; letter-spacing: -0.063rem; text-transform: none;      -webkit-font-smoothing: antialiased; }
.subtitle2     { font-family: 'Circular Std', sans-serif; font-weight: 400; font-size: 1.625rem; line-height: 1.625rem; letter-spacing: -0.031rem; text-transform: none;      -webkit-font-smoothing: antialiased; }

.body1         { font-family: 'Circular Std', sans-serif; font-weight: 400; font-size: 1.250rem; line-height: 1.500rem; letter-spacing: 0.000rem;  text-transform: none;      -webkit-font-smoothing: antialiased; }
.body2         { font-family: 'Circular Std', sans-serif; font-weight: 400; font-size: 1.000rem; line-height: 1.250rem; letter-spacing: 0.000rem;  text-transform: none;      -webkit-font-smoothing: antialiased; }

.button-text   { font-family: 'Circular Std', sans-serif; font-weight: 600; font-size: 0.875rem; line-height: 0.875rem; letter-spacing: 0.094rem;  text-transform: uppercase; -webkit-font-smoothing: antialiased; }
.caption-text  { font-family: 'Circular Std', sans-serif; font-weight: 400; font-size: 0.750rem; line-height: 1.000rem; letter-spacing: 0.000rem;  text-transform: none;      -webkit-font-smoothing: antialiased; }
.overline-text { font-family: 'Circular Std', sans-serif; font-weight: 400; font-size: 0.750rem; line-height: 1.000rem; letter-spacing: 0.094rem;  text-transform: uppercase; -webkit-font-smoothing: antialiased; }

.txt-italic    { font-style: italic; }
.txt-subscribe { font-style: underline; }



/* start colors - green002 */
/* primary color */
.primary400-txt    { color:            #0073A9; }
.primary400-brd    { border-color:     #0073A9; }
.primary400-bgd    { background-color: #0073A9; }

.primary500-txt    { color:            #004278; }
.primary500-brd    { border-color:     #004278; }
.primary500-bgd    { background-color: #004278; }

.primary600-txt    { color:            #002A4C; }
.primary600-brd    { border-color:     #002A4C; }
.primary600-bgd    { background-color: #002A4C; }

/* secundary color*/
.secundary400-txt  { color:            #53A649; }
.secundary400-brd  { border-color:     #53A649; }
.secundary400-bgd  { background-color: #53A649; }

.secundary500-txt  { color:            #397532; }
.secundary500-brd  { border-color:     #397532; }
.secundary500-bgd  { background-color: #397532; }

.secundary600-txt  { color:            #295424; }
.secundary600-brd  { border-color:     #295424; }
.secundary600-bgd  { background-color: #295424; }

/* dark color*/
.dark100-txt       { color:            #FFFFFF; }
.dark100-brd       { border-color:     #FFFFFF; }
.dark100-bgd       { background-color: #FFFFFF; }

.dark200-txt       { color:            #FBFBFB; }
.dark200-brd       { border-color:     #FBFBFB; }
.dark200-bgd       { background-color: #FBFBFB; }

.dark300-txt       { color:            #E9E9EB; }
.dark300-brd       { border-color:     #E9E9EB; }
.dark300-bgd       { background-color: #E9E9EB; }

.dark400-txt       { color:            #C7C9CD; }
.dark400-brd       { border-color:     #C7C9CD; }
.dark400-bgd       { background-color: #C7C9CD; }

.dark500-txt       { color:            #A6A9AF; }
.dark500-brd       { border-color:     #A6A9AF; }
.dark500-bgd       { background-color: #A6A9AF; }

.dark600-txt       { color:            #797D87; }
.dark600-brd       { border-color:     #797D87; }
.dark600-bgd       { background-color: #797D87; }

.dark700-txt       { color:            #636873; }
.dark700-brd       { border-color:     #636873; }
.dark700-bgd       { background-color: #636873; }

.dark800-txt       { color:            #4C504E; }
.dark800-brd       { border-color:     #4C504E; }
.dark800-bgd       { background-color: #4C504E; }

.dark900-txt       { color:            #202737; }
.dark900-brd       { border-color:     #202737; }
.dark900-bgd       { background-color: #202737; }

/* gradient color*/
.gradient400-bgd { background: linear-gradient(203.96deg, #53A649 0%, #295424 100%); }
.gradient500-bgd { background: linear-gradient(203.96deg, #0073A9 0.36%, #002A4C 100%); }
.gradient600-gbd { background: linear-gradient(203.96deg, #0073A9 0%, #295424 100%); }

/* alert color */
.alert-r500-txt    { color:            #FF0034; }
.alert-r500-brd    { border-color:     #FF0034; }
.alert-r500-bgd    { background-color: #FF0034; }

.alert-r100-txt    { color:            #FFD9E1; }
.alert-r100-brd    { border-color:     #FFD9E1; }
.alert-r100-bgd    { background-color: #FFD9E1; }

.alert-y500-txt    { color:            #FF9700; }
.alert-y500-brd    { border-color:     #FF9700; }
.alert-y500-bgd    { background-color: #FF9700; }

.alert-y100-txt    { color:            #FFEFD9; }
.alert-y100-brd    { border-color:     #FFEFD9; }
.alert-y100-bgd    { background-color: #FFEFD9; }

.alert-g500-txt    { color:            #00DF54; }
.alert-g500-brd    { border-color:     #00DF54; }
.alert-g500-bgd    { background-color: #00DF54; }

.alert-g100-txt    { color:            #D9FAE5; }
.alert-g100-brd    { border-color:     #D9FAE5; }
.alert-g100-bgd    { background-color: #D9FAE5; }

/* end colors */



/* start buttons */

/* button setup */

/* default size */
.button {
  border-radius: 8px;
  border: 2px solid transparent;
  padding: 1.063rem 1.250rem 1.125rem 1.250rem !important;
  display: inline-block;
  white-space: nowrap;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

/* icon size */
.button.button-text .uil {
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-weight: 400;
}



/* button colors */

/* button primary400 */
/* on */
.button.btn-primary400 {
  background: #0073A9;
  border-color: #0073A9;
  color: #FFFFFF;
  opacity: 1.00;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 115, 169, 0.4);
  -moz-box-shadow: 0px 5px 20px rgba(0, 115, 169, 0.4);
  box-shadow: 0px 5px 20px rgba(0, 115, 169, 0.4);
}

/* hover */
.button.btn-primary400:hover {
  background: #0073A9;
  border-color: #0073A9;
  color: #FFFFFF;
  opacity: 0.85;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 115, 169, 0.4);
  -moz-box-shadow: 0px 5px 20px rgba(0, 115, 169, 0.4);
  box-shadow: 0px 5px 20px rgba(0, 115, 169, 0.4);
}

/* button primary400 outline */
/* on */
.button.btn-primary400-outline {
  background: transparent;
  border-color: #0073A9;
  color: #0073A9;
  opacity: 1.00;
}

/* hover */
.button.btn-primary400-outline:hover {
  background: #0073A9;
  border-color: #0073A9;
  color: #FFFFFF;
  opacity: 1.00;
}

/* button primary400 text */
/* on */
.button.btn-primary400-text {
  color: #0073A9;
  opacity: 1.00;
  border-radius: none !important;
  border: none !important;
  padding: 0 !important;
}

/* hover */
.button.btn-primary400-text:hover {
  color: #0073A9;
  opacity: 0.60;
}

/* button primary600 */
/* on */
.button.btn-primary600 {
  background: #002A4C;
  border-color: #002a4c;
  color: #FFFFFF;
  opacity: 1.00;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 42, 76, 0.4);
  -moz-box-shadow: 0px 5px 20px rgba(0, 42, 76, 0.4);
  box-shadow: 0px 5px 20px rgba(0, 42, 76, 0.4);
}

/* hover */
.button.btn-primary600:hover {
  background: #002A4C;
  border-color: #002A4C;
  color: #FFFFFF;
  opacity: 0.85;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 42, 76, 0.4);
  -moz-box-shadow: 0px 5px 20px rgba(0, 42, 76, 0.4);
  box-shadow: 0px 5px 20px rgba(0, 42, 76, 0.4);
}

/* button primary600 outline */
/* on */
.button.btn-primary600-outline {
  background: transparent;
  border-color: #002A4C;
  color: #002A4C;
  opacity: 1.00;
}

/* hover */
.button.btn-primary600-outline:hover {
  background: #002A4C;
  border-color: #002A4C;
  color: #FFFFFF;
  opacity: 1.00;
}

/* button primary600 text */
/* on */
.button.btn-primary600-text {
  color: #002A4C;
  opacity: 1.00;
  border-radius: none !important;
  border: none !important;
  padding: 0 !important;
}

/* hover */
.button.btn-primary600-text:hover {
  color: #002A4C;
  opacity: 0.60;
}

/* button alert-r500 */
/* on */
.button.btn-alert-r500 {
  background: #FF0034;
  border-color: #FF0034;
  color: #FFF;
  opacity: 1.00;
}

/* hover */
.button.btn-alert-r500:hover {
  background: #FF0034;
  border-color: #FF0034;
  color: #FFF;
  opacity: 0.85;
}

/* button alert-r500 outline */
/* on */
.button.btn-alert-r500-outline {
  background: transparent;
  border-color: #FF0034;
  color: #FF0034;
  opacity: 1.00;
}

/* hover */
.button.btn-alert-r500-outline:hover {
  background: #FF0034;
  border-color: #FF0034;
  color: #FFFFFF;
  opacity: 1.00;
}

/* button alert-r500 text */
/* on */
.button.btn-alert-r500-text {
  color: #FF0034;
  opacity: 1.00;
  border-radius: none !important;
  border: none !important;
  padding: 0 !important;
}

/* hover */
.button.btn-alert-r500-text:hover {
  color: #FF0034;
  opacity: 0.60;
}

/* button alert-g500 */
/* on */
.button.btn-alert-g500 {
  background: #00DF54;
  border-color: #00DF54;
  color: #FFF;
  opacity: 1.00;
}

/* hover */
.button.btn-alert-g500:hover {
  background: #00DF54;
  border-color: #00DF54;
  color: #FFF;
  opacity: 0.85;
}

/* button alert-g500 outline */
/* on */
.button.btn-alert-g500-outline {
  background: transparent;
  border-color: #00DF54;
  color: #00DF54;
  opacity: 1.00;
}

/* hover */
.button.btn-alert-g500-outline:hover {
  background: #00DF54;
  border-color: #00DF54;
  color: #FFFFFF;
  opacity: 1.00;
}

/* button alert-g500 text */
/* on */
.button.btn-alert-g500-text {
  color: #00DF54;
  opacity: 1.00;
  border-radius: none !important;
  border: none !important;
  padding: 0 !important;
}

/* hover */
.button.btn-alert-g500-text:hover {
  color: #00DF54;
  opacity: 0.60;
}

/* end buttons */

/* end guideline */



/* header */
.logo {
  margin: 0.725rem 0;
}

.nav-icon-phone {
  font-size: 2.000rem;
  padding: 0.000rem;
  margin: 0.000rem;
}

.nav-label-phone {
  font-family: 'Circular Std', sans-serif;
  font-weight: 400;
  font-size: 0.750rem;
  line-height: 0.750rem;
  padding: 0.000rem;
  margin-bottom: 0.188rem;
}

.nav-number-phone {
  font-family: 'Circular Std', sans-serif;
  font-weight: 400;
  font-size: 1.250rem;
  line-height: 1.250rem;
  padding: 0.000rem;
  margin: 0.000rem;
}



/* nav-hidden */
@media (max-width: 1509px) {
  .nav-hidden-1510 {
    display: none;
  }
}

@media (max-width: 1459px) {
  .nav-hidden-1460 {
    display: none;
  }
}

@media (max-width: 1219px) {
  .nav-hidden-1220 {
    display: none;
  }
}

@media (max-width: 991px) {
  .nav-hidden-991 {
    display: none;
  }
}

/* laptop to mobile */

/* nao utilizado
@media (max-width: 1231px) { .nav-hidden-1230           {display: none;} }
@media (max-width: 1044px) { .nav-hidden-1045           {display: none;} }
@media (max-width:  799px) { .nav-hidden-800            {display: none;} }
@media (max-width:  767px) { .nav-hidden-767            {display: none;} }
*/

@media (max-width: 991px) {
  nav.navbar.navbar-default ul.nav>li>a {
    opacity: 1.0 !important;
  }

  .nav-item-menu {
    color: #4C504E !important;
  }
}

.nav-item-menu {
  color: #FFFFFF7A;
}

/* float buttons */
.float-phone {
  right: 0.625rem;
  bottom: 6.250rem;
  opacity: 1;
  z-index: 999;
  position: fixed;
  border-radius: 100%;
  width: 6.250rem;
}

.float-phone:hover {
  right: 0.625rem;
  bottom: 6.250rem;
  opacity: 0.85;
  z-index: 999;
  position: fixed;
  border-radius: 100%;
  width: 6.250rem;
}

.float-wpp {
  right: 0.625rem;
  bottom: 0.625rem;
  opacity: 1;
  z-index: 999;
  position: fixed;
  border-radius: 100%;
  width: 6.250rem;
}

.float-wpp:hover {
  right: 0.625rem;
  bottom: 0.625rem;
  opacity: 0.85;
  z-index: 999;
  position: fixed;
  border-radius: 100%;
  width: 6.250rem;
}

@media (min-width: 992px) {
  .btn-float-phone-hidden {
    display: none;
  }
}



/* links <a> colors */
a {
  color: #4C504E;
}

a:active, a:focus {
  color: #002A4C;
}

a:hover, a:active {
  color: #002A4C;
}


/* dropdown */
.dropdown-box {
  min-width: 18.000rem !important;
  border: none !important;
}

.dropdown-item-custom {
  padding: 0.250rem 0.750rem !important;
  margin: 0 !important;
}

.dropdown-item-custom:hover {
  background-color: #FBFBFB;
}

.box-shadow-dropdown {
  box-shadow: 0 0.625rem 0.625rem rgba(0, 0, 0, .1) !important;
}

.dropdown-position {
  left: 3.125rem !important;
}

.dropdown-menu-float-phone {
  position: fixed !important;
  bottom: 11.250rem !important;
  right: 4.375rem !important;
  float: right !important;
  left: auto !important;
  top: auto !important;
}

.dropdown-menu-float-wpp {
  position: fixed !important;
  bottom: 5.875rem !important;
  right: 4.375rem !important;
  float: right !important;
  left: auto !important;
  top: auto !important;
}



/* slideshow */
@media ( min-width: 1668px ) { .slideshow-height { height: 630px; } }
@media ( max-width: 1667px ) { .slideshow-height { height: 584px; } }
@media ( max-width: 1517px ) { .slideshow-height { height: 537px; } }
@media ( max-width: 1366px ) { .slideshow-height { height: 490px; } }
@media ( max-width: 917px  ) { .slideshow-height { height: 440px; } }
@media ( max-width: 797px  ) { .slideshow-height { height: 390px; } }
@media ( max-width: 767px  ) { .slideshow-height { height: 360px; } }

.slideshow-img-banner {
  position: absolute;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.slideshow-lens-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.15) 11.33%, rgba(0, 0, 0, 0.05) 21.52%, rgba(0, 0, 0, 0) 35.86%, rgba(0, 0, 0, 0) 72.65%, rgba(0, 0, 0, 0.05) 83.04%, rgba(0, 0, 0, 0.15) 90.53%, rgba(0, 0, 0, 0.5) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}




.___slideshow-img-banner {
  position: relative;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  .___slideshow-row-content {
    margin-top: 25px;
  }
}

@media (max-width: 575px) {
  .___slideshow-lens-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.15) 11.33%, rgba(0, 0, 0, 0.05) 21.52%, rgba(0, 0, 0, 0) 35.86%, rgba(0, 0, 0, 0) 72.65%, rgba(0, 0, 0, 0.05) 83.04%, rgba(0, 0, 0, 0.15) 90.53%, rgba(0, 0, 0, 0.5) 100%);
  }

  .___slideshow-title {
    font-size: 2.667rem;
    line-height: 2.467rem;
    font-weight: 500;
    letter-spacing: -0.05rem;
  }

  .___slideshow-row-content {
    margin-top: 40px;
  }
}





/* boxes products */
.box-products {
  text-align: center;
  background-color: #FBFBFB;
  border-radius: 8px;
  padding: 40px 0;
  box-shadow: 0px 5px 5px rgb(0 0 0 / 5%);
  margin: 30px 0 0 0;
}

.box-products:hover {
  background-color: #E9E9EB;
  box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.05);
  margin: 0;
}

.box-products-icon {
  height: 4.375rem;
}



/* product section */
.product-image {
  position: relative;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  padding: 0 50%;
  height: 82%;
  border-radius: 8px;
}

.product-row-title {
  align-items: top;
}

@media (max-width: 991px) {
  .product-image {
    min-height: 450px;
    border-radius: 0;
  }

  .product-row-title {
    align-items: flex-end;
  }
}

@media (max-width: 767px) {
  .product-image {
    min-height: 290px;
    border-radius: 0;
  }
}



.product-lens-overlay {
  opacity: 0.3;
  background: #202737;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.product-box-content {
  border-radius: 8px;
  background: linear-gradient(0deg, #E9E9EB 0%, rgba(234, 235, 234, 0.455237) 17.81%, rgba(234, 235, 234, 0.166486) 40.87%, rgba(234, 235, 234, 0) 100%);
}



/* video */
.video-cover {
  padding: 50%;
  position: relative;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
}

.video-box a .video-cover {
  filter: grayscale(1.0) blur(0) opacity(0.7);
  border-radius: 8px;
}

.video-box a:hover .video-cover {
  filter: grayscale(0.0) blur(0) opacity(1.0);
  border-radius: 8px;
}

.video-box a .video-button {
  position: absolute;
  bottom: 30%;
  left: 25%;
  z-index: 99;
  width: 50%;
  filter: grayscale(1.0) blur(0) opacity(1);
}

.video-box a:hover .video-button {
  position: absolute;
  bottom: 29%;
  left: 24%;
  z-index: 99;
  width: 54%;
  filter: grayscale(1.0) blur(0) opacity(1);
}

.video-box-lens-overlay {
  border-radius: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 25;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  background-color: #202737;
  opacity: 0.4;
}

.video-box a:hover .video-box-lens-overlay {
  border-radius: 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 25;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  background-color: #002A4C;
  opacity: 0.9;
}


/* features */
@media (max-width: 767px) {
  .sm-justify-content-center {
    justify-content: center !important;
  }
}


/* modal */
button.mfp-close, button.mfp-arrow {
  opacity: 1.0;
  top: 0.967rem;
  right: 0.967rem;
  font-size: 3.667rem;
  color: #002A4C;
}

button:hover.mfp-close, button:hover.mfp-arrow {
  opacity: 0.8;
}

.mfp-wrap button.mfp-close { color: #FFF; }

.mfp-fade.mfp-bg.mfp-ready { opacity: .8;}

/* box contact form */
.box-contact-form {
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05);
}

.box-background-img {
  background-image: url('./img/img-bg-form-parallax.jpg');
}

@media (max-width: 767px) {
  .box-background-img {
    background-image: none;
  }
}

.box-lens-overlay {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.7) 83.35%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

/* input contact form */
textarea.input-bg, input.input-bg, select.input-bg {
  font-size: 1.250rem;
  line-height: 1.500rem;
  letter-spacing: 0.000rem;
}

textarea.input-bg {
  border: 2px solid #E9E9EB;
  color: #4C504E;
  background-color: #FFF;
  border-radius: 6px;
  padding: 17px 15px;
  margin-bottom: 0px;
  max-height: 180px;
}

input.input-bg {
  border: 2px solid #E9E9EB;
  color: #4C504E;
  background-color: #FFF;
  border-radius: 6px;
  padding: 17px 15px;
  margin-bottom: 0px;
}

select.input-bg {
  border: 2px solid #E9E9EB;
  color: #4C504E;
  background-color: #FFF;
  border-radius: 6px;
  padding: 17px 15px;
  margin-bottom: 0px;
}

input.input-bg:focus,
textarea.input-bg:focus,
select.input-bg:focus {
  border: 2px solid #002A4C !important;
  color: #4C504E;
  background-color: #FBFBFB;
  font-weight: 600;
}

.input-bg::-webkit-input-placeholder {
  color: #A6A9AF;
  font-size: 1.250rem;
  line-height: 1.500rem;
  letter-spacing: 0.000rem;
}

.input-bg::-moz-placeholder {
  color: #A6A9AF;
  font-size: 1.250rem;
  line-height: 1.500rem;
  letter-spacing: 0.000rem;
}

.input-bg:-ms-input-placeholder {
  color: #A6A9AF;
  font-size: 1.250rem;
  line-height: 1.500rem;
  letter-spacing: 0.000rem;
}

/* mensage send mail */
.wpcf7-response-output {
  border: none !important;
  background: #DCFFE9 !important;
  text-align: center !important;
  color: #00DF54 !important;
  border-radius: 6px !important;
  padding: 25px !important;
  margin: 40px 0 0 0 !important;
}



/* testimonials */
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url('./images/arrow-right.svg');
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url('./images/arrow-left.svg');
}



/* about */
.about-border-radius {
  border-radius: 8px 0 0 8px;
}

.gmaps-border-radius {
  border-radius: 0 8px 8px 0;
}

@media (max-width: 991px) {
  .about-border-radius {
    border-radius: 8px 8px 0 0;
  }

  .gmaps-border-radius {
    border-radius: 0 0 8px 8px;
    height: 450px;
  }
}



/* socials */
.social-button {
  width: 40px;
  height: 40px;
  opacity: .5;
  border-radius: 100%;
}

.social-button:hover {
  opacity: 1;
}

.social-icon {
  margin: 30px 0 0 0;
}



/* footer */
.logo-footer {
  height: 4.000rem;
}

.logo-uebb-footer {
  margin-top: -2px;
}

@media (max-width: 767px) {
  .logo-uebb-footer {
    margin-top: -9px;
  }
}

.nowrap {
  flex-wrap: nowrap;
}

nav.navbar.navbar-default ul.nav>li>a:hover {
  border-top: 5px solid #0073A9;
}



/* portfolio-industrias */
.portfolio-industrias .hover-option4 .swiper-slide.grid-item figcaption {
  opacity: 1;
  background: linear-gradient(190.89deg, rgba(30, 29, 27, 0.5) 30.25%, rgba(30, 29, 27, 0.529355) 40.22%, rgba(30, 29, 27, 0.557912) 48.21%, rgba(30, 29, 27, 0.599715) 58.96%, #1E1D1B 100%);
}

.portfolio-industrias .hover-option4 .swiper-slide.grid-item:hover figcaption {
  opacity: 1;
  background: rgba(255, 255, 255, 0.8);
}

.portfolio-industrias .hover-option4 .swiper-slide.grid-item .header2 {
  position: relative;
}

.portfolio-industrias .hover-option4 .swiper-slide.grid-item:hover .header2 {
  color: #414755;
}

.portfolio-industrias .hover-option4 .swiper-slide.grid-item .header2:before {
  content: '';
  width: 160px;
  height: 3px;
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
  background: #0073A9;
  opacity: 0;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.portfolio-industrias .hover-option4 .swiper-slide.grid-item:hover .header2:before {
  top: -33px;
  opacity: 1;
}

.portfolio-industrias .hover-option4 .swiper-slide.grid-item .button {
  opacity: 0;
  color: #1E1D1B;
  position: relative;
  height: 0;
  border: none;
  padding: 0;
  margin-top: 0;
  display: block;
  overflow: hidden;
}

.portfolio-industrias .hover-option4 .swiper-slide.grid-item:hover .button {
  opacity: 1;
  color: #1E1D1B;
  height: 58px;
  border: none;
  padding: 15px 35px 15px 0;
  margin-top: 15px;
}

.portfolio-industrias .hover-option4 .grid-item figure:hover img {
  opacity: 1;
  filter: blur(0px);
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -ms-filter: blur(0px);
  -o-filter: blur(0px);
}

.portfolio-industrias .hover-option4 .grid-item .portfolio-hover-content {
  bottom: 0;
}

@media (min-width: 1360px) and (max-width: 1519px) {
  .portfolio-industrias .hover-option4 .grid-item .portfolio-hover-content .header2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 992px) and (max-width: 1359px) {
  .portfolio-industrias .hover-option4 .grid-item .portfolio-hover-content .header2 {
    font-size: 2rem;
    line-height: 2.3rem;
  }
}

/* box contact form */
.box-contact-form {
  border-radius: 18px;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05);
}

.box-background-position {
  background-position: center !important;
  background-size: cover;
}

.box-background-position-page {
  background-position: center 160px !important;
}

.box-background-img {
  background-image: url('./images/img-parallax-contact-form.jpg');
}

.no-padding-left {
  padding-left: 0 !important;
}

@media (min-width: 992px) {
  .border-radius-6-tl { border-top-left-radius: 6px; }
  .border-radius-6-bl { border-bottom-left-radius: 6px; }
  .border-radius-6-tr { border-top-right-radius: 6px; }
  .border-radius-6-br { border-bottom-right-radius: 6px; }
}

.about-video-bg {
  background-image: url('./images/thumb-video-institucional.jpg');
  background-position: center;
  background-size: cover;
  position: relative;
}

.about-video-bg > * {
  z-index: 1;
  position: relative;
}
.about-video-bg:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: linear-gradient(90deg, #202737 1.92%, rgba(32, 39, 55, 0.98) 12.1%, rgba(32, 39, 55, 0.950843) 21.72%, rgba(32, 39, 55, 0.906185) 32.58%, rgba(32, 39, 55, 0.8) 55.26%, rgba(32, 39, 55, 0.609319) 81.24%, rgba(32, 39, 55, 0.4) 100%);
}

/* product grid */
.product-grid { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap;}
.product-grid .grid-item {opacity: 1; overflow: hidden;}
.product-grid .grid-item .content {background: #FBFBFB; overflow: hidden; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); border-radius: 6px; height: 100%;}
.product-grid .grid-item figure {margin: 0; position: relative; overflow: hidden}
.product-grid .grid-item figure img {display: block; width: 100%; cursor: pointer; }
.product-grid .grid-item figure img {cursor: pointer; display: block; opacity: 1; width: 100%; transition: all 0.3s ease 0s;}
.product-grid .grid-item figcaption {bottom:0; left:0; opacity: 0; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 100%; height: 100%; padding:45px; z-index: 1; text-align: center}
.product-grid .grid-item figure:hover .product-img {transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.product-grid .grid-item figure .product-img { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.product-grid .grid-item figure:hover img { opacity: 0.15; transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.product-grid .grid-item figure:hover figcaption {opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.product-grid.hover-option2 .grid-item figure:hover img { -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); -o-filter: blur(0px); filter: blur(0px); }
[id^="modal-product"] button.mfp-close { color: #414755; font-size: 2em;  }




@media (min-width: 992px)  { .card-icon-992  { display:none; } };
@media (max-width: 1099px) { .card-icon-1100 { display:none; } }; 
.card-icon-1100 { display:none; }


.grecaptcha-badge { visibility: hidden; }