/*
Theme Name: InnovaHidro 2023
Theme URI: https://uebb.digital
Author: Uébb Digital
Author URI: https://uebb.digital
Description: Website/One Page/Landing Page
Version: 2023
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 */

:root {
  --primary400:    #00F2F3;
  --primary500:    #00D7D8;
  --primary600:    #00BEBF;

  --secundary400:  #00D2FF;
  --secundary500:  #00B8E0;
  --secundary600:  #00A2C6;

  --dark100:       #FFFFFF;
  --dark200:       #FAFBFB;
  --dark300:       #E7EAEB;
  --dark400:       #C3CACE;
  --dark500:       #9FABB1;
  --dark600:       #6F8089;
  --dark700:       #576C76;
  --dark800:       #334B58;
  --dark900:       #0F2C3B;

  --alert-r500:    #FF0034;
  --alert-r100:    #FFD9E1;
  --alert-y500:    #FF9700;
  --alert-y100:    #FFEFD9;
  --alert-g500:    #00DF54;
  --alert-g100:    #D9FAE5;

  --primary-font-family: 'Montserrat', sans-serif;
  --secundary-font-family: 'Heebo', sans-serif;
}

/* 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: 13px !important; } }



/* start type */
.header0       { font-family: var(--primary-font-family); font-weight: 700; font-size: 5.250rem; line-height: 4.750rem; letter-spacing: -0.000rem; text-transform: none;      -webkit-font-smoothing: antialiased; }
.header1       { font-family: var(--primary-font-family); font-weight: 700; font-size: 3.625rem; line-height: 3.500rem; letter-spacing: -0.000rem; text-transform: none;      -webkit-font-smoothing: antialiased; }
.header2       { font-family: var(--primary-font-family); font-weight: 700; font-size: 3.125rem; line-height: 3.250rem; letter-spacing: -0.010rem; text-transform: none;      -webkit-font-smoothing: antialiased; }
.header3       { font-family: var(--primary-font-family); font-weight: 700; font-size: 2.625rem; line-height: 2.750rem; letter-spacing: -0.010rem; text-transform: none;      -webkit-font-smoothing: antialiased; }
.header4       { font-family: var(--primary-font-family); font-weight: 700; font-size: 2.250rem; line-height: 2.375rem; letter-spacing: -0.010rem; text-transform: none;      -webkit-font-smoothing: antialiased; }
.header5       { font-family: var(--primary-font-family); font-weight: 700; font-size: 1.750rem; line-height: 1.875rem; letter-spacing: -0.010rem; text-transform: none;      -webkit-font-smoothing: antialiased; }
.header6       { font-family: var(--primary-font-family); font-weight: 700; font-size: 1.375rem; line-height: 1.500rem; letter-spacing: -0.010rem; text-transform: none;      -webkit-font-smoothing: antialiased; }

.subtitle1     { font-family: var(--primary-font-family); font-weight: 500; font-size: 2.000rem; line-height: 2.250rem; letter-spacing: -0.010rem; text-transform: none;      -webkit-font-smoothing: antialiased; }
.subtitle2     { font-family: var(--primary-font-family); font-weight: 500; font-size: 1.625rem; line-height: 1.875rem; letter-spacing: -0.010rem; text-transform: none;      -webkit-font-smoothing: antialiased; }

.body1         { font-family: var(--secundary-font-family); 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: var(--secundary-font-family); font-weight: 400; font-size: 1.000rem; line-height: 1.375rem; letter-spacing: 0.000rem;  text-transform: none;      -webkit-font-smoothing: antialiased; }

.button-text   { font-family: var(--primary-font-family);   font-weight: 700; font-size: 0.875rem; line-height: 0.875rem; letter-spacing: 0.000rem;  text-transform: none;      -webkit-font-smoothing: antialiased; }
.caption-text  { font-family: var(--secundary-font-family); font-weight: 400; font-size: 0.750rem; line-height: 1.250rem; letter-spacing: 0.000rem;  text-transform: none;      -webkit-font-smoothing: antialiased; }
.overline-text { font-family: var(--secundary-font-family); font-weight: 400; font-size: 0.750rem; line-height: 1.250rem; letter-spacing: 0.200rem;  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:            var(--primary400); }
.primary400-brd    { border-color:     var(--primary400); }
.primary400-bgd    { background-color: var(--primary400); }

.primary500-txt    { color:            var(--primary500); }
.primary500-brd    { border-color:     var(--primary500); }
.primary500-bgd    { background-color: var(--primary500); }

.primary600-txt    { color:            var(--primary600); }
.primary600-brd    { border-color:     var(--primary600); }
.primary600-bgd    { background-color: var(--primary600); }

/* secundary color*/
.secundary400-txt  { color:            var(--secundary400); }
.secundary400-brd  { border-color:     var(--secundary400); }
.secundary400-bgd  { background-color: var(--secundary400); }

.secundary500-txt  { color:            var(--secundary500); }
.secundary500-brd  { border-color:     var(--secundary500); }
.secundary500-bgd  { background-color: var(--secundary500); }

.secundary600-txt  { color:            var(--secundary600); }
.secundary600-brd  { border-color:     var(--secundary600); }
.secundary600-bgd  { background-color: var(--secundary600); }

/* dark color*/
.dark100-txt       { color:            var(--dark100); }
.dark100-brd       { border-color:     var(--dark100); }
.dark100-bgd       { background-color: var(--dark100); }

.dark200-txt       { color:            var(--dark200); }
.dark200-brd       { border-color:     var(--dark200); }
.dark200-bgd       { background-color: var(--dark200); }

.dark300-txt       { color:            var(--dark300); }
.dark300-brd       { border-color:     var(--dark300); }
.dark300-bgd       { background-color: var(--dark300); }

.dark400-txt       { color:            var(--dark400); }
.dark400-brd       { border-color:     var(--dark400); }
.dark400-bgd       { background-color: var(--dark400); }

.dark500-txt       { color:            var(--dark500); }
.dark500-brd       { border-color:     var(--dark500); }
.dark500-bgd       { background-color: var(--dark500); }

.dark600-txt       { color:            var(--dark600); }
.dark600-brd       { border-color:     var(--dark600); }
.dark600-bgd       { background-color: var(--dark600); }

.dark700-txt       { color:            var(--dark700); }
.dark700-brd       { border-color:     var(--dark700); }
.dark700-bgd       { background-color: var(--dark700); }

.dark800-txt       { color:            var(--dark800); }
.dark800-brd       { border-color:     var(--dark800); }
.dark800-bgd       { background-color: var(--dark800); }

.dark900-txt       { color:            var(--dark900); }
.dark900-brd       { border-color:     var(--dark900); }
.dark900-bgd       { background-color: var(--dark900); }

/* gradient color*/
.gradient400-bgd { background: linear-gradient(203.96deg, #00F2F3 0%, #00D2FF 100%); }
.gradient500-bgd { background: linear-gradient(270deg, #00D7D8 22.34%, #00B8E0 100%); }
.gradient600-gbd { background: linear-gradient(203.96deg, #00F2F3 5.1%, #00A2C6 100%); }

/* alert color */
.alert-r500-txt    { color:            var(--alert-r500); }
.alert-r500-brd    { border-color:     var(--alert-r500); }
.alert-r500-bgd    { background-color: var(--alert-r500); }

.alert-r100-txt    { color:            var(--alert-r100); }
.alert-r100-brd    { border-color:     var(--alert-r100); }
.alert-r100-bgd    { background-color: var(--alert-r100); }

.alert-y500-txt    { color:            var(--alert-y500); }
.alert-y500-brd    { border-color:     var(--alert-y500); }
.alert-y500-bgd    { background-color: var(--alert-y500); }

.alert-y100-txt    { color:            var(--alert-y100); }
.alert-y100-brd    { border-color:     var(--alert-y100); }
.alert-y100-bgd    { background-color: var(--alert-y100); }

.alert-g500-txt    { color:            var(--alert-g500); }
.alert-g500-brd    { border-color:     var(--alert-g500); }
.alert-g500-bgd    { background-color: var(--alert-g500); }

.alert-g100-txt    { color:            var(--alert-g100); }
.alert-g100-brd    { border-color:     var(--alert-g100); }
.alert-g100-bgd    { background-color: var(--alert-g100); }

/* end colors */

body { color: var(--dark900); }


/* start buttons */

/* button setup */

/* default size */
.button {
  border-radius: 27px;
  border: 1.5px solid transparent;
  padding: 0.905rem 1.15rem 0.945rem 1.45rem !important;
  display: inline-block;
  white-space: nowrap;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.button.small-btn {
  padding: 0.405rem 1rem 0.545rem 1.3rem !important;
}

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



/* button colors */

/* button gradient500 */
/* on */
.button.btn-gradient500 {
  background: linear-gradient(203.96deg, #00F2F3 0%, #00D2FF 100%);
  border-color: transparent;
  color: var(--dark100);
  opacity: 1.00;
}

/* hover */
.button.btn-gradient500:hover {
  background: linear-gradient(203.96deg, #00F2F3 0%, #00D2FF 100%);
  border-color: transparent;
  color: var(--dark100);
  opacity: 0.60;
}

/* button primary500 text */
/* on */
.button.btn-primary500-text {
  color: var(--primary500);
  opacity: 1.00;
  border-radius: none !important;
  border: none !important;
  padding: 0 !important;
}

/* hover */
.button.btn-primary500-text:hover {
  color: var(--dark400);
  opacity: 1.00;
}

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

/* hover */
.button.btn-alert-g500-text:hover {
  color: var(--alert-g500);
  opacity: 0.60;
}

/* button alert-g500 outline */
/* on */
.button.btn-alert-g500-outline {
  background: transparent;
  border-color: var(--alert-g500);
  color: var(--alert-g500);
  opacity: 1.00;
}

/* hover */
.button.btn-alert-g500-outline:hover {
  background: var(--alert-g500);
  border-color: var(--alert-g500);
  color: var(--dark100);
  opacity: 1.00;
}

/* button alert-g500 */
/* on */
.button.btn-alert-g500 {
  background: var(--alert-g500);
  border-color: var(--alert-g500);
  color: var(--dark100);
  box-shadow: 0px 5px 15px rgb(0 223 84 / 40%);
  opacity: 1.00;
}

/* hover */
.button.btn-alert-g500:hover {
  background: var(--alert-g500);
  border-color: var(--alert-g500);
  color: var(--dark100);
  box-shadow: 0px 5px 15px rgb(0 223 84 / 40%);
  opacity: 0.80;

}

/* button dark900 */
/* on */
.button.btn-dark900 {
  background: var(--dark900);
  border-color: var(--dark900);
  color: var(--dark100) !important;
  opacity: 1.00;
}

/* hover */
.button.btn-dark900:hover {
  background: var(--dark900);
  border-color: var(--dark900);
  color: var(--dark100) !important;
  opacity: 0.80;
}

/* button primary500 outline */
/* on */
.button.btn-primary500-outline {
  background: transparent;
  border-color: var(--primary500);
  color: var(--primary500);
  opacity: 1.00;
}

/* hover */
.button.btn-primary500-outline:hover {
  background: var(--primary500);
  border-color: var(--primary500);
  color: var(--dark100);
  opacity: 1.00;
}

/* end buttons */

/* end guideline */



/* header */
.logo {
  padding: 0.350rem 0;
}

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

.nav-label-phone {
  font-family: var(--primary-font-family);
  font-weight: 400;
  font-size: 0.750rem;
  line-height: 0.750rem;
  padding: 0.000rem;
  margin-bottom: 0.188rem;
}

.nav-number-phone {
  font-family: var(--primary-font-family);
  font-weight: 600;
  font-size: 1.250rem;
  line-height: 1.250rem;
  padding: 0.000rem;
  margin: 0.000rem;
}



/* nav-hidden */
@media (max-width: 1549px) { .nav-hidden-1550 { display: none; } }
@media (max-width: 1499px) { .nav-hidden-1500 { display: none; } }
@media (max-width: 1279px) { .nav-hidden-1280 { display: none; } }
@media (max-width: 991px) { .nav-hidden-992 { display: none; } }
@media (max-width: 767px) { .nav-hidden-768 { display: none; } }
@media (max-width: 459px) { .nav-hidden-460 { display: none; } }



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

  .nav-item-menu {
    color: var(--dark800) !important;
  }

  .nav-item-menu:hover span {
    color: var(--dark900) !important;
  }
}

.nav-item-menu {
color: rgba(255, 255, 255, 0.478);
}

.nav-item-menu:hover span {
  color: var(--dark900) !important;
}



/* 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: var(--dark800);
}

a:active, a:focus {
  color: var(--primary500);
}

a:hover, a:active {
  color: var(--primary500);
}


/* 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: var(--dark200);
}

.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 */
.slideshow-img-bg {
  background-image: url(./images/img-banner-background.jpg);
  background-size: cover;
  background-position: center bottom;
}

.slideshow-img-prod {
  padding: 0;
}

.slideshow-item { min-height: 700px; }

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

@media (max-width: 575px) {
  
  .slideshow-lens-overlay {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.2) 47.82%, #FFFFFF 100%);
  }

}

@media (max-width: 991px) {

  .slideshow-lens-overlay-img-prod {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 21.81%, rgba(255, 255, 255, 0.15) 41%, rgba(255, 255, 255, 0.35) 52.37%, rgba(255, 255, 255, 0.601726) 59.91%, rgba(255, 255, 255, 0.75) 65.11%, #FFFFFF 69.36%);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
  }

  .slideshow-img-height { height:450px; }

}

@media (max-width: 449px) { .slideshow-img-height { height:425px !important; } }
@media (max-width: 424px) { .slideshow-img-height { height:400px !important; } }
@media (max-width: 399px) { .slideshow-img-height { height:375px !important; } }
@media (max-width: 374px) { .slideshow-img-height { height:350px !important; } }
@media (max-width: 349px) { .slideshow-img-height { height:325px !important; } }
@media (max-width: 324px) { .slideshow-img-height { height:300px !important; } }



.swiper-slide { position: relative; }

@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; } }



/* products */
.products-logo { width: 19.250rem; }


#products-box-item .products-bg {
  padding: 3.215rem 1.750rem 2.150rem 1.750rem;
  background: #FFF;
  border-radius: 6px;
}

#products-box-item .products-bg:hover {
  padding: 2.615rem 1.150rem 1.550rem 1.150rem;
  background: linear-gradient(160.65deg, #E7EAEB 0%, #F2F4F4 29.33%, #FAFBFB 70.51%);
  border-radius: 6px;
}

#products-box-item h2:hover {
  font-weight: 700;
}


.products-acess-height { height:160px; }

@media (max-width: 991px) { .products-acess-height { height:150px; } }

@media (max-width: 767px) { .products-acess-height { height:180px; } }

@media (max-width: 575px) { .products-acess-height { height:160px; } }


/* products item one */
.products-box-item-type-one {
  padding: 1.950rem 0;
  background-color: var(--dark100);
  border-radius: 6px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
}

/* products item two */
.products-box-item-type-two {
  padding: 1.950rem 0;
  background-color: var(--dark200);
  border-radius: 6px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
}

/* products item three */
.products-box-item-type-three {
  padding: 0 1.550rem;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
}

.lens-overlay-img-prod {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 42.19%, rgba(255, 255, 255, 0.8) 74.63%, #FFFFFF 92.59%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.products-margin-type-three { margin-top: -55px; }

@media (max-width: 767px) {

  .products-margin-type-three { margin-top: -40px; }

}




/* contact */
.contact-link-btn       { opacity: 1.0; }

.contact-link-btn:hover { opacity: 0.75; }

.box-contact-form {
  border-radius: 18px;
  box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.15);
}



/* social buttons */
.social-icon-btn       { opacity: 1.0; }

.social-icon-btn:hover { opacity: 0.75; }



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

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

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



/* input contact form */
input.input-bg,
textarea.input-bg,
select.input-bg {
  font-family: var(--secundary-font-family);
  font-size: 1.250rem;
  line-height: 1.500rem;
  letter-spacing: 0.000rem;
  border: 1.5px solid var(--dark300);
  color: var(--dark800);
  background-color: var(--dark100);
  border-radius: 6px;
  padding: 17px 15px;
  margin-bottom: 0px;
}

textarea.input-bg {
  max-height: 120px;
}

input.input-bg:focus,
textarea.input-bg:focus,
select.input-bg:focus {
  border: 1.5px solid var(--primary400) !important;
  color: var(--dark800);
  background-color: var(--dark200);
  font-weight: 600;
}

.input-bg::-webkit-input-placeholder {
  font-family: var(--secundary-font-family);
  color: var(--dark500);
  font-size: 1.250rem;
  line-height: 1.500rem;
  letter-spacing: 0.000rem;
}

.input-bg::-moz-placeholder {
  font-family: var(--secundary-font-family);
  color: var(--dark500);
  font-size: 1.250rem;
  line-height: 1.500rem;
  letter-spacing: 0.000rem;
}

.input-bg:-ms-input-placeholder {
  font-family: var(--secundary-font-family);
  color: var(--dark500);
  font-size: 1.250rem;
  line-height: 1.500rem;
  letter-spacing: 0.000rem;
}

/* mensage send mail */
.wpcf7-response-output {
  border: none !important;
  background: var(--alert-g100) !important;
  text-align: center !important;
  color: var(--alert-g500) !important;
  border-radius: 6px !important;
  padding: 25px !important;
  margin: 40px 0 0 0 !important;
}

@media (min-width: 768px) {

  .sm-display-view { display:none; }

}


/* xs mobile text */
@media (max-width: 991px) {

  .header5.xs-h5 { font-size: 2.650rem !important; line-height: 2.700rem !important; }
  .caption-text.xs-caption-text { font-size: 1.000rem !important; line-height: 1.550rem !important; }

}

@media (max-width: 767px) {

  .products-img-box { height:300px; }

  .body1.xs-b1 { font-size: 1.650rem !important; line-height: 1.650rem !important; }
  .header5.xs-h5 { font-size: 3.150rem !important; line-height: 3.150rem !important; }
  .header4.xs-h4 { font-size: 3.150rem !important; line-height: 3.150rem !important; }
  .caption-text.xs-caption-text { font-size: 1.250rem !important; line-height: 1.850rem !important; }

}

@media (max-width: 575px) {

  .products-img-box { height:240px; }

  .header2.xs-h2 { font-size: 2.525rem !important; line-height: 2.725rem !important; }

}

/* google recaptcha */
.grecaptcha-badge { display:none !important; }