/*
Theme Name: Vimazi 2025
Theme URI: https://uebb.digital
Author: Uébb Digital
Author URI: https://uebb.digital
Description: Website/One Page/Landing Page
Version: 2025
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:    #00AA41;
  --primary500:    #00702B;
  --primary600:    #003A16;

  --secundary400:  #FFE500;
  --secundary500:  #FFB800;
  --secundary600:  #FF7A00;

  --dark100:       #FFFFFF;
  --dark200:       #FBFBFB;
  --dark300:       #EBEAEB;
  --dark400:       #CCCACB;
  --dark500:       #ADABAC;
  --dark600:       #858183;
  --dark700:       #716C6F;
  --dark800:       #514C4F;
  --dark900:       #332D30;

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

  --primary-font-family: 'Circular Std', sans-serif;
  --secundary-font-family: 'Circular Std', 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: 12px !important; } }



/* start type */
.header1       { font-family: var(--primary-font-family); font-weight: 700; font-size: 3.625rem; line-height: 3.000rem; letter-spacing: -0.156rem; text-transform: none;             -webkit-font-smoothing: antialiased; }
.header2       { font-family: var(--primary-font-family); font-weight: 700; font-size: 3.125rem; line-height: 3.000rem; letter-spacing: -0.125rem; text-transform: none;             -webkit-font-smoothing: antialiased; }
.header3       { font-family: var(--primary-font-family); font-weight: 700; font-size: 2.625rem; line-height: 2.625rem; letter-spacing: -0.094rem; 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.063rem; text-transform: none;             -webkit-font-smoothing: antialiased; }
.header5       { font-family: var(--primary-font-family); font-weight: 700; font-size: 1.750rem; line-height: 2.000rem; letter-spacing: -0.063rem; text-transform: none;             -webkit-font-smoothing: antialiased; }
.header6       { font-family: var(--primary-font-family); font-weight: 700; font-size: 1.375rem; line-height: 1.625rem; letter-spacing: -0.031rem; text-transform: none;             -webkit-font-smoothing: antialiased; }

.subtitle1     { font-family: var(--primary-font-family); font-weight: 500; font-size: 2.000rem; line-height: 2.000rem; letter-spacing: -0.063rem; text-transform: none;             -webkit-font-smoothing: antialiased; }
.subtitle2     { font-family: var(--primary-font-family); font-weight: 500; font-size: 1.625rem; line-height: 1.625rem; letter-spacing: -0.031rem; 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.250rem; 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: 1.000rem; letter-spacing: 0.034rem;  text-transform: uppercase;      -webkit-font-smoothing: antialiased; }
.caption-text  { font-family: var(--secundary-font-family); 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: var(--secundary-font-family); font-weight: 400; font-size: 0.750rem; line-height: 1.000rem; letter-spacing: 0.034rem;  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*/
.gradient300-bgd { background: linear-gradient(282.01deg, #EBEAEA -0.64%, #FFFFFF 100%); }
.gradient400-bgd { background: linear-gradient(203.96deg, #00AA41 0%, #003A16 100%); }
.gradient500-bgd { background: linear-gradient(203.96deg, #00702B 0%, #00AA41 100%); }
.gradient600-gbd { background: linear-gradient(203.96deg, #FFB800 0%, #FFE500 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: 2px solid transparent;
  padding: 0.805rem 1.15rem 0.945rem 1.45rem !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 secundary400 */
/* on */
.button.btn-secundary400 {
  background: var(--secundary400);
  border-color: var(--secundary400);
  color: var(--dark900);
  opacity: 1.00;
  -webkit-box-shadow: 0px 5px 20px rgba(255, 229, 0, 0.4);
  -moz-box-shadow: 0px 5px 20px rgba(255, 229, 0, 0.4);
  box-shadow: 0px 5px 20px rgba(255, 229, 0, 0.4);
}

/* hover */
.button.btn-secundary400:hover {
  background: var(--secundary400);
  border-color: var(--secundary400);
  color: var(--dark900);
  opacity: 0.80;
  -webkit-box-shadow: 0px 5px 20px rgba(255, 229, 0, 0.4);
  -moz-box-shadow: 0px 5px 20px rgba(255, 229, 0, 0.4);
  box-shadow: 0px 5px 20px rgba(255, 229, 0, 0.4);
}



/* button secundary500 */
/* on */
.button.btn-secundary500 {
  background: var(--secundary500);
  border-color: var(--secundary500);
  color: var(--dark100);
  opacity: 1.00;
  -webkit-box-shadow: 0px 5px 20px rgba(255, 184, 0, 0.4);
  -moz-box-shadow: 0px 5px 20px rgba(255, 184, 0, 0.4);
  box-shadow: 0px 5px 20px rgba(255, 184, 0, 0.4);
}

/* hover */
.button.btn-secundary500:hover {
  background: var(--secundary500);
  border-color: var(--secundary500);
  color: var(--dark100);
  opacity: 0.85;
  -webkit-box-shadow: 0px 5px 20px rgba(255, 184, 0, 0.4);
  -moz-box-shadow: 0px 5px 20px rgba(255, 184, 0, 0.4);
  box-shadow: 0px 5px 20px rgba(255, 184, 0, 0.4);
}



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

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



/* button alert-g500 */
/* on */
.button.btn-alert-g500 {
  background: var(--alert-g500);
  border-color: var(--alert-g500);
  color: var(--dark100);
  opacity: 1.00;
  box-shadow: 0px 5px 20px rgba(0, 223, 84, 0.4);
}

/* hover */
.button.btn-alert-g500:hover {
  background: var(--alert-g500);
  border-color: var(--alert-g500);
  color: var(--dark100);
  opacity: 0.85;
  box-shadow: 0px 5px 20px rgba(0, 223, 84, 0.2);
}



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

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



/* button primary500 */
/* on */
.button.btn-primary500 {
  background: var(--primary500);
  border-color: var(--primary500);
  color: var(--dark100);
  opacity: 1.00;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 112, 43, 0.4);
  -moz-box-shadow: 0px 5px 20px rgba(0, 112, 43, 0.4);
  box-shadow: 0px 5px 20px rgba(0, 112, 43, 0.4);
}

/* hover */
.button.btn-primary500:hover {
  background: var(--primary500);
  border-color: var(--primary500);
  color: var(--dark100);
  opacity: 0.85;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 112, 43, 0.4);
  -moz-box-shadow: 0px 5px 20px rgba(0, 112, 43, 0.4);
  box-shadow: 0px 5px 20px rgba(0, 112, 43, 0.4);
}



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

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



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

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

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

/* hover */
.button.btn-red500-outline:hover {
  background: var(--alert-r500);
  border-color: var(--alert-r500);
  color: var(--dark100) !important;
  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 primary400 */
/* on */
.button.btn-primary400 {
  background: var(--primary400);
  border-color: var(--primary400);
  color: var(--dark100);
  opacity: 1.00;
  -webkit-box-shadow: 0px 5px 20px rgba(255, 153, 0, 0.4);
  -moz-box-shadow: 0px 5px 20px rgba(255, 153, 0, 0.4);
  box-shadow: 0px 5px 20px rgba(255, 153, 0, 0.4);
}

/* hover */
.button.btn-primary400:hover {
  background: var(--primary400);
  border-color: var(--primary400);
  color: var(--dark100);
  opacity: 0.85;
  -webkit-box-shadow: 0px 5px 20px rgba(255, 153, 0, 0.4);
  -moz-box-shadow: 0px 5px 20px rgba(255, 153, 0, 0.4);
  box-shadow: 0px 5px 20px rgba(255, 153, 0, 0.4);
}

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

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

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

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

/* button primary600 */
/* on */
.button.btn-primary600 {
  background: var(--primary600);
  border-color: var(--primary600);
  color: var(--dark100);
  opacity: 1.00;
  -webkit-box-shadow: 0px 5px 20px rgba(255, 60, 0, 0.4);
  -moz-box-shadow: 0px 5px 20px rgba(255, 60, 0, 0.4);
  box-shadow: 0px 5px 20px rgba(255, 60, 0, 0.4);
}

/* hover */
.button.btn-primary600:hover {
  background: var(--primary600);
  border-color: var(--primary600);
  color: var(--dark100);
  opacity: 0.85;
  -webkit-box-shadow: 0px 5px 20px rgba(255, 60, 0, 0.4);
  -moz-box-shadow: 0px 5px 20px rgba(255, 60, 0, 0.4);
  box-shadow: 0px 5px 20px rgba(255, 60, 0, 0.4);
}

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

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

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

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



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

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

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

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

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

/* hover */
.button.btn-alert-r500-text:hover {
  color: var(--alert-r500);
  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;
}

/* end buttons */

/* end guideline */



/* header */
.logo {
  padding: 0.850rem 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: 400;
  font-size: 1.250rem;
  line-height: 1.250rem;
  padding: 0.000rem;
  margin: 0.000rem;
}

.nav-index {
  background: #FFFFFF;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.07);
}

.nav-btn-cta       { opacity: 1.0; }
.nav-btn-cta:hover { opacity: 0.6; }




/* 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: 369px) { .nav-hidden-370 { 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: 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(--dark900);
}

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

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


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

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

.slideshow-lens-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.3) 14.41%, rgba(0, 0, 0, 0.15) 34.06%, rgba(0, 0, 0, 0.05) 56.54%, rgba(0, 0, 0, 0) 78.01%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.video-section-lens-overlay {
  background: #191B1F;
  opacity: 0.5;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.swiper-slide { position: relative; }

.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-item {
  min-height: 700px;
}

@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.3) 14.41%, rgba(0, 0, 0, 0.15) 34.06%, rgba(0, 0, 0, 0.05) 56.54%, rgba(0, 0, 0, 0) 78.01%, rgba(0, 0, 0, 0) 100%);
  }

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

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

@media ( min-width: 1367px ) { .slideshow-height { height: 710px; } }
@media ( max-width: 1366px ) { .slideshow-height { height: 730px; } }
@media ( max-width: 1199px ) { .slideshow-height { height: 630px; } }
@media ( max-width: 991px  ) { .slideshow-height { height: 490px; } }
@media ( max-width: 767px  ) { .slideshow-height { height: 590px; } }



/* infobanner */
.cta-infobanner-position { padding: 0; z-index: 9; width: 100%; position: absolute; }

@media ( min-width: 1367px ) { .cta-infobanner-position { margin-top: -80px; } }
@media ( max-width: 1366px ) { .cta-infobanner-position { margin-top: -70px; } }
@media ( max-width: 1199px ) { .cta-infobanner-position { margin-top: -60px; } }
@media ( max-width: 991px  ) { .cta-infobanner-position { margin-top: -50px; } }
@media ( max-width: 767px  ) { .cta-infobanner-position { margin-top: -30px; } }

@media ( min-width: 1367px ) { .cta-infobanner-space-bottom { padding: 42px 0;  } }
@media ( max-width: 1366px ) { .cta-infobanner-space-bottom { padding: 41px 0;  } }
@media ( max-width: 1199px ) { .cta-infobanner-space-bottom { padding: 46px 0;  } }
@media ( max-width: 991px  ) { .cta-infobanner-space-bottom { padding: 110px 0; } }
@media ( max-width: 767px  ) { .cta-infobanner-space-bottom { padding: 227px 0; } }



/* products carousel */

.prod-carousel-lens-overlay {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 53.28%, rgba(255, 255, 255, 0.185047) 69.14%, rgba(255, 255, 255, 0.6) 84.83%, rgba(255, 255, 255, 0.8) 90.24%, #FFFFFF 94.94%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; 
}

.prod-carousel-image {
  margin: 0;
  padding: 0 25px;
}



/* products */

.prod-img-col-left { padding: 0; z-index: 9; width: 100%; height: 100%; position: relative; margin: 0 0 0 40px; }

@media ( max-width: 991px  ) { .prod-img-col-left { margin: 0 0 -70px 0; } }
@media ( max-width: 575px  ) { .prod-img-col-left { margin: 0 0 -80px 0; } }
@media ( max-width: 425px  ) { .prod-img-col-left { margin: 0 0 -90px 0; } }

.prod-img-col-right { padding: 0; z-index: 9; width: 100%; height: 100%; position: relative; margin: 0 0 0 -60px; }

@media ( max-width: 991px  ) { .prod-img-col-right { margin: 0 0 -70px 0; } }
@media ( max-width: 575px  ) { .prod-img-col-right { margin: 0 0 -80px 0; } }
@media ( max-width: 425px  ) { .prod-img-col-right { margin: 0 0 -90px 0; } }

@media ( min-width: 1200px ) { .prod-item-ft { margin-right: 10px; } }
@media ( min-width: 1280px ) { .prod-item-ft { margin-right: 15px; } }
@media ( min-width: 1367px ) { .prod-item-ft { margin-right: 15px; } }
@media ( min-width: 1500px ) { .prod-item-ft { margin-right: 30px; } }
@media ( min-width: 1920px ) { .prod-item-ft { margin-right: 50px; } }



/* features */

.features-icon-position { margin: -50px 0 40px; }

@media ( max-width: 991px  ) { .features-icon-position { margin: -50px 0 80px; } }



/* contact-form */

.contact-form-lens-overlay {
  background: linear-gradient(191deg, rgba(51, 45, 48, 0.60) 10.16%, rgba(51, 45, 48, 0.70) 50.02%, rgba(51, 45, 48, 0.90) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}



/* faq */

.accordion-style2 .panel .panel-heading {
    background: var(--dark200) !important;
    border-radius: 0 !important;
    padding: 18px 28px 19px !important;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid var(--dark300) !important;
}



/* about */

.separator-title {
  background-color: var(--secundary500);
  height: 3px;
  width: 90px;
  margin: 0 auto 20px;
}

.partners-logo { mix-blend-mode:multiply; }

.partners-box { 
  border: 1px solid var(--dark300);
  border-radius: 6px;
  padding: 30px 5px;
}

.partners-box img {
  width: 155px;
}

@media (max-width: 991px) {

  .partners-box img { width: auto; }

}



/* social */

.social-btn       { opacity: 1.0; filter:grayscale(0%); }
.social-btn:hover { opacity: 0.6; filter:grayscale(100%); }



/* google recaptcha */

.grecaptcha-badge { display:none !important; }














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

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

.mfp-wrap button.mfp-close { color: var(--dark600); }

.mfp-fade.mfp-bg.mfp-ready { opacity: .8 !important;}
*/




.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, var(--dark100) 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-family: var(--primary-font-family);
  font-size: 1.250rem;
  line-height: 1.500rem;
  letter-spacing: 0.000rem;
}

textarea.input-bg {
  font-family: var(--primary-font-family);
  border: 2px solid var(--dark300);
  color: var(--dark900);
  background-color: var(--dark100);
  border-radius: 6px;
  padding: 17px 15px;
  margin-bottom: 0px;
  max-height: 120px;
}

input.input-bg {
  font-family: var(--primary-font-family);
  border: 2px solid var(--dark300);
  color: var(--dark900);
  background-color: var(--dark100);
  border-radius: 6px;
  padding: 17px 15px;
  margin-bottom: 0px;
}

select.input-bg {
  font-family: var(--primary-font-family);
  border: 2px solid var(--dark300);
  color: var(--dark900);
  background-color: var(--dark100);
  border-radius: 6px;
  padding: 17px 15px;
  margin-bottom: 0px;
}

input.input-bg:focus,
textarea.input-bg:focus,
select.input-bg:focus {
  font-family: var(--primary-font-family);
  border: 2px solid var(--secundary400) !important;
  color: var(--dark900);
  background-color: var(--dark200);
  font-weight: 600;
}

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

.input-bg::-moz-placeholder {
  font-family: var(--primary-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(--primary-font-family);
  color: var(--dark500);
  font-size: 1.250rem;
  line-height: 1.500rem;
  letter-spacing: 0.000rem;
}

.input-col p {
  margin: 0 !important;
}



/* mensage send mail */
.wpcf7 form.sent .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;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border: none !important;
    background: var(--alert-r100) !important;
    text-align: center !important;
    color: var(--alert-r500) !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: 1.0;
  border-radius: 100%;
}

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

.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 {
  border-top: none;
  margin: 0 0 0 2.950rem;
}


@media (min-width: 992px) and (max-width: 1080px) {
  nav.navbar.navbar-default ul.nav>li>a {
    border-top: none;
    margin: 0 1.3rem;
  }
}

nav.navbar.navbar-default ul.nav>li>a:hover {
  border-top: none;
}

/* 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: 12px;
  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('./img/img-bg-parallax-graytones.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; }
}



/* 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;  }


/*
 *
 * ######  ##  ##  ######  ######  ######  ##    ##     ######  ##  ##  ######  ##    ##  ######
 * ##  ##  ##  ##  ##        ##    ##  ##  ###  ###       ##    ##  ##  ##      ###  ###  ##
 * ##      ##  ##  ######    ##    ##  ##  ########       ##    ######  ####    ########  ####
 * ##  ##  ##  ##      ##    ##    ##  ##  ## ## ##       ##    ##  ##  ##      ## ## ##  ##
 * ######  ######  ######    ##    ######  ##    ##       ##    ##  ##  ######  ##    ##  ######
 *
 */

.header-category {
  font-weight: 600;
  max-width: 9em;
  padding-left: 30px;
  margin-left: 30px;
  position: relative;
}

.header-category::before {
  content: '';
  position: absolute;
  background-color: var(--primary400);
  display: block;
  width: 1px;
  top: 2px;
  bottom: 2px;
  left: 0;
}



/* Products */
#tipos-de-telhas .right .row {
  flex-direction: row-reverse;
}

#tipos-de-telhas .box-image {
  position: relative;
}

#tipos-de-telhas .box-image:before {
  content: '';
  display: block;
  background-image: url('./images/logo-dips-circle.png');
  background-position: center;
  background-size: contain;
  width: 4.25rem;
  height: 4.25rem;
  position: absolute;
  top: 0;
}

#tipos-de-telhas .right .box-image:before {
  right: 0;
}

#tipos-de-telhas .left .box-image:before {
  left: 0;
}

@media (max-width: 991px) {
  #tipos-de-telhas .box-image:before {
    top: -2rem;
    left: 50% !important;
    right: auto;
    transform: translateX(-50%);
  }
}



/* produtos relacionados */
#related_products .box-product {
  position: relative;
  top: 0;
  transition: all .3s .5s;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);
}

#related_products .box-product:hover {
  background-color: var(--dark100);
  top: -1.25rem;
  transition: all .3s;
  box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.05);
}

#related_products .box-image {
  position: relative;
  margin-bottom: 1.875rem;
}

#related_products .box-image img {
  mix-blend-mode: multiply;
}

#related_products .box-image:before {
  content: '';
  display: block;
  background-image: url('./images/logo-dips-circle.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 3.75rem;
  position: absolute;
  bottom: -1.875rem;
  left: 0;
  z-index: 3;
}



/* Categorias */
#categories .item {
  position: relative;
  width: 130px;
}
#categories .item:before {
  content: '';
  position: absolute;
  bottom: 12px;
  width: 60px;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0);
}

#categories .item:hover:before,
#categories .item.active:before {
  background-color: rgba(255, 255, 255, 1);
}

#categories .item img.normal { display: inline-block; }
#categories .item img.hover { display: none; }

#categories .item:hover img.normal { display: none; }
#categories .item:hover img.normal { display: none; }
#categories .item:hover img.hover { display: inline-block; }

#categories .item.active img.normal { display: none; }
#categories .item.active img.hover { display: inline-block; }
#categories .item:hover .body1,
#categories .item.active .body1 { color: var(--secundary600); font-weight: bold }



#quem-somos {
  background-position: bottom center;
  background-size: cover;
  position: relative;
  padding-bottom: 150px;
  height: 90vw;
  max-height: 90rem;
}

#quem-somos::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  display: block;
  content: '';
  background: linear-gradient(180deg, rgba(255, 107, 0, 0) 53.47%, rgba(255, 107, 0, 0.0985353) 65.99%, rgba(255, 107, 0, 0.449926) 83.33%, rgba(255, 107, 0, 0.699402) 92.38%, #FF6B00 100%);
}

@media (max-width: 991px) {
  #quem-somos {
    height: 105vw;
  }
}

@media (max-width: 680px) {
  #quem-somos {
    height: auto;
    padding-bottom: 20em;
  }
}



@media (max-width: 991px) {
  .md-justify-content-around {
    justify-content: space-around;
   }
}

.space-between {
  justify-content: space-between;
}

a .play-button:      { opacity: 1.0; }
a .play-button:hover { opacity: 0.7; }



.box-testemunho {
    margin-bottom: -7.5rem;
    z-index: 2;
    position: relative;
}

.imagem-testemunho {
    mix-blend-mode: multiply;
    max-width: 41.6875rem;
    margin: 0 auto;
    width: 100%;
}












.infobanner-separator {
  border-left: solid 2px #FFF;
  border-bottom: none;
  margin: 15px 0;
  padding: 0;
}

@media (max-width: 767px) {

  .infobanner-separator {
    border-left: none;
    border-bottom: solid 2px #FFF;
    margin: 15px 30%;
    padding: 0;
  }

}

.infobanner-radius-yellow {
  border-radius: 6px 0 0 6px;
}

@media (max-width: 991px) {

  .infobanner-radius-yellow {
    border-radius: 6px 6px 0 0;
  }

}


.infobanner-radius-gray {
  border-radius: 0 6px 6px 0;
}

@media (max-width: 991px) {

  .infobanner-radius-gray {
    border-radius: 0 0 6px 6px;
  }  

}




.download-img-margin {
  margin: -100px 0 40px 0;
}

.related-products-box {
  margin-top: 30px;
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.035);
}

.related-products-box:hover {
  margin-top: 0px;
  box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.035);
}