*{margin:0;box-sizing:border-box; margin: 0; text-decoration: none; padding: 0; font-family:Helvetica; transition: all .2s;}::-webkit-scrollbar-track{background-color:#f7f7f7}::-webkit-scrollbar{width:1rem;}::-webkit-scrollbar-thumb{background:#c9c9c9; border-radius: 3rem;} .fullFULL {position: absolute !important; width: 0 !important; height: 0 !important; visibility: hidden; overflow: hidden !important;} a {color: #000146; font-size: 1rem;}

#full {position: relative; width: 100%; margin: 0 auto; display: grid;} .botFIX {position: fixed; font-size: 1.7rem; padding: 1rem; background: #00BFFF; border-radius: 50%; z-index: 100; bottom: .2rem; right: .2rem;} .botFIX:hover {background: #FFBE0D; color: #fff;}.anime {transform: scale(0); opacity: 0;} .anime-start {transform: scale(1); opacity: 1;}

.titPADR {position: relative; width: 90%; margin: 0 auto; text-align: center; color: #000146; padding: 1rem 0; font-size: 1.8rem;} .subtitPADR {font-size: 1rem; color: #000146; width:80%; margin: 0 auto; text-align: center;}

#topo [type=checkbox]{display:none}input[type=checkbox]{visibility:hidden}#full{position:relative;width:100%;height:100%;left:0;right:0;margin:0 auto;}#topo{position:fixed;width:100%;height:auto;top:0;left:0;right:0;margin:0 auto;grid-area:topo;z-index:9999;transition:1s;display: flex; justify-items: center;}*,.nav-item__link{outline:0; font-size: .96rem;}.mobile-menu-button{width:2rem;height:2rem;padding:.5rem;left:1rem;display:block;position:relative;z-index:100;background:#00BFFF;box-sizing:content-box;border-radius:50%;text-indent:100%;color:transparent;white-space:nowrap;cursor:pointer;overflow:hidden;border:none}.mobile-menu-button__open{top:50%;margin-top:-1px;left:50%;margin-left:-12px}.mobile-menu-button__open,.mobile-menu-button__open::after,.mobile-menu-button__open::before{position:absolute;width:24px;height:2px;background:#fff;border-radius:3em;transition:all .3s}.mobile-menu-button__open::after,.mobile-menu-button__open::before{left:0;content:""}.mobile-menu-button__open::before{top:6px}.mobile-menu-button__open::after{bottom:6px}.mobile-menu-button__close{background:0 0;transform:rotate(180deg)}.mobile-menu-button__close::before{transform:translateY(-6px) rotate(45deg)}.mobile-menu-button__close::after{transform:translateY(6px) rotate(-45deg)}.navigation{position:absolute;top:0;left:2em;height:100%;margin:auto;overflow:hidden}.navigation .nav{transform:translateX(-110%);background-color:#00BFFF; transition:all .5s ease-in-out;}.navigation.on .nav{transform:translateX(0);width:45rem !important;border-radius: 3rem;}.nav{font-size:0;top:0;}.nav__item{display:inline-block;transition:all .2s;}.nav__item:first-child .nav-item__link{padding-left:30px}.row-padding{padding:3rem 0}.nav-item__link{padding:1rem;display:block;background-color:transparent;color:#131313;text-transform:uppercase;transition:all .2s ease-in-out}.nav-item__link--on,.nav-item__link:hover{background-color:#FFBE0D; border-radius: 2rem; color:#fff!important}.wrapper{margin:0 auto}.Module{margin-top:.3em;margin-bottom:.3em;position:relative;transition:all .3s ease-in-out}.hide{transform:rotateY(180deg);background:#1a1a1a;transition:all .2s;opacity:0} .mobile-menu-button:hover {background: #FFBE0D;} .nav__item0 {border-bottom-left-radius: 2rem; border-top-left-radius: 2rem;}.nav__item1 {border-bottom-right-radius: 2rem; border-top-right-radius: 2rem;} #topo span {font-size: .9rem;}

#slid {
    position: relative;
    width: 100%;
    height: 110vh;
    top: 0;
    left: 0; 
    background-image: url(../imgs/capa/climao-ar-condicionado-fulldynamic-00.webp); background-position: bottom; background-repeat: no-repeat; background-size: 100%;
    overflow: hidden;
    display: grid; place-items: center;
  } .titSLID {text-align: left;} #slid a {padding: 1rem; margin-left: 1.5rem; border-radius: 3rem; background: #00BFFF; color: #020624;} #slid a:hover {background: #FFBE0D;}

  
#slid::after {content: ''; position: absolute; width: 50%; left: 0; height: 50%; bottom: 0; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(../imgs/capa/climao-ar-condicionado-fulldynamic.webp);}

  
  .item-1, 
  .item-2,
  .item-3 {
  position: absolute;    
    display: block;
    color: #000146;
  width: 30%;
  left: 0;
  margin: -17rem 0 0 7rem;  
  font-size: 1.9rem;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
        font-weight: bold;
  }
  
  .item-1{
  -webkit-animation-name: anim-1;
          animation-name: anim-1;
  }
  
  .item-2{
  -webkit-animation-name: anim-2;
          animation-name: anim-2;
  }
  
  .item-3{
  -webkit-animation-name: anim-3;
          animation-name: anim-3;
  }
  
  @-webkit-keyframes anim-1 {
  0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 0; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
  }
  
  @keyframes anim-1 {
  0%, 8.3% { left: -100%; opacity: 0; }
  8.3%,25% { left: 0; opacity: 1; }
  33.33%, 100% { left: 110%; opacity: 0; }
  }
  
  @-webkit-keyframes anim-2 {
  0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 0; opacity: 1; }
  66.66%, 100% { left: 110%; opacity: 0; }
  }
  
  @keyframes anim-2 {
  0%, 33.33% { left: -100%; opacity: 0; }
  41.63%, 58.29% { left: 0; opacity: 1; }
  66.66%, 100% { left: 110%; opacity: 0; }
  }
  
  @-webkit-keyframes anim-3 {
  0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 0; opacity: 1; }
  100% { left: 110%; opacity: 0; }
  }
  
  @keyframes anim-3 {
  0%, 66.66% { left: -100%; opacity: 0; }
  74.96%, 91.62% { left: 0; opacity: 1; }
  100% { left: 110%; opacity: 0; }
  }
  
  #sol {position: relative; padding: 3rem 0; width: 100%; margin: 0 auto; display: grid; grid-template-areas: "titSOL titSOL titSOL titSOL" "subtitSOL subtitSOL subtitSOL subtitSOL" "blocSOL blocSOL blocSOL blocSOL"; place-items: center; place-content: center; grid-gap: 2rem;} #sol .titPADR {grid-area: titSOL; margin-bottom: 1rem; width: 60%; text-align: center;} #sol .subtitPADR {grid-area: subtitSOL; margin-top: -2rem;} .blocSOL {background: #e2fbff; box-shadow: 0 0 .3rem #aaa; width: 15rem; height: 19rem; border-radius: 1rem; padding: 1rem; display: grid; place-items: center;} .blocSOL1 {background: #faeabe;} 
 
  .svgSOL {position: relative; width: 7rem; height: 7rem; padding: .5rem; border-radius: 50%; margin: .1rem auto; background: #fff; border: .2rem solid #00BFFF;} .svgSOL1 {border-color: #FFBE0D;} .blocSOL:hover {background: #fff; cursor: pointer;}
  .titSOL {font-size: 1.3rem; font-weight: 600; margin: .1rem auto; color: #022054; text-align: center;} .descSOL {font-size: 1rem; text-align: center; padding: .5rem; color: #020624;}  .blocSOL2 {transition: all .5s;} .blocSOL3 {transition: all .8s;} .blocSOL4 {transition: all 1s;}

  #port {position: relative; width: 100%;  margin: 0 auto; background-position: center; background-size: cover; background-repeat: no-repeat;  background-attachment: fixed; background-image: url(../imgs/capa/climao-ar-condicionado-fulldynamic-01.webp); padding: 5rem 0; display: grid; grid-template-areas: "titPORT titPORT titPORT titPORT" "subtitPORT subtitPORT subtitPORT subtitPORT" "blocPORT blocPORT2 blocPORT3 blocPORT4"; grid-gap: 2rem; place-content: center;} #port .titPADR {grid-area: titPORT; margin-bottom: 1rem;} #port .subtitPADR {grid-area: subtitPORT; margin-top: -2rem;} .blocPORT {width: 15rem; height: 15rem; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer; border: .2rem solid #FFBE0D;} .blocPORT1 {border-color: #00BFFF;}
.blocPORT:nth-child(4) {background-image: url(../imgs/clt/instalacao-de-ar-condicionado-fulldynamic-01.webp);} .blocPORT:nth-child(5) {background-image: url(../imgs/clt/instalacao-de-ar-condicionado-fulldynamic-02.webp)} .blocPORT:nth-child(6) {background-image: url(../imgs/clt/instalacao-de-ar-condicionado-fulldynamic-03.webp);} .blocPORT:nth-child(7) {background-image: url(../imgs/clt/instalacao-de-ar-condicionado-fulldynamic-04.webp);} .blocPORT:nth-child(8) {background-image: url(../imgs/clt/instalacao-de-ar-condicionado-fulldynamic-05.webp);} .blocPORT:nth-child(9) {background-image: url(../imgs/clt/instalacao-de-ar-condicionado-fulldynamic-06.webp);} .blocPORT:nth-child(10) {background-image: url(../imgs/clt/instalacao-de-ar-condicionado-fulldynamic-07.webp);} .blocPORT:nth-child(11) {background-image: url(../imgs/clt/instalacao-de-ar-condicionado-fulldynamic-08.webp);} .blocPORT:nth-child(12) {background-image: url(../imgs/clt/instalacao-de-ar-condicionado-fulldynamic-09.webp);} .blocPORT:nth-child(13) {background-image: url(../imgs/clt/instalacao-de-ar-condicionado-fulldynamic-10.webp);} .blocPORT:nth-child(14) {background-image: url(../imgs/clt/instalacao-de-ar-condicionado-fulldynamic-11.webp);} .blocPORT:nth-child(15) {background-image: url(../imgs/clt/instalacao-de-ar-condicionado-fulldynamic-12.webp);} .blocPORT:nth-child(16) {background-image: url(../imgs/clt/instalacao-de-ar-condicionado-fulldynamic-13.webp);} .blocPORT:nth-child(17) {background-image: url(../imgs/clt/instalacao-de-ar-condicionado-fulldynamic-14.webp);} .blocPORT:nth-child(18) {background-image: url(../imgs/clt/instalacao-de-ar-condicionado-fulldynamic-15.webp);} .blocPORT:nth-child(19) {background-image: url(../imgs/clt/instalacao-de-ar-condicionado-fulldynamic-16.webp);}

.blocPORT:hover {border-radius: 0; z-index: 100;} 

#bnf {position: relative; width: 75%; margin: 0 auto; padding: 5rem 0;  display: grid;} .blocBNF {margin: 3rem auto 0 auto; padding: 2rem;} .titBNF {font-size: 1.6rem; padding: 1rem; width: 50%; font-weight: 600; color: #040A3C;} .descBNF {padding: 1rem; font-size: 1.3rem; width: 50%;} .imgsBNF1 { background-image: url(../imgs/icons/icons-climao-fulldynamic-01.webp);} .imgsBNF {background-position: center;background-repeat: no-repeat; background-size: contain; position: relative; right: 0; width: 50%; border: .1rem solid #e7e7e7; padding: .5rem; border-radius: 3rem; height: 100%; top: -100%; left: 50%; display: block;} .imgsBNF2 {transform: translateX(-100%); background-image: url(../imgs/icons/icons-climao-fulldynamic-02.webp);} .titBNF2,.descBNF2 {transform: translateX(100%);} .imgsBNF3 {background-image: url(../imgs/icons/icons-climao-fulldynamic-03.webp);} .blocBNF .anime {transform: translateX(-100rem);} .blocBNF .anime-start {transform: translateX(0);}

.va-carrousel-section {
        position: relative;
        width: 98vw;
        left: 0;
        right: 0;
        margin: 0 auto 3rem auto; background: #00BFFF; 
        padding: 2rem 0 3rem 0;
      } .va-carrousel-section .titPADR {color: #000146;} .nomFEED {width:100%; padding: .3rem; background: #FFBE0D; text-align: center;} .descFEED {width:100%; padding: .3rem; margin-top: .5rem; text-align: center;}
      
      .descFEED a {background: #05C2E3; color: #020624; font-size: .9rem; padding: .2rem;}
      
      .link-plain,
      .link-plain:hover,
      .link-plain:active,
      .link-plain:visited {
        text-decoration: none;
      }
      
      .link-plain-f,
      .link-plain-f:hover,
      .link-plain-f:active,
      .link-plain-f:focus,
      .link-plain-f:visited {
        color: initial;
        text-decoration: none !important;
      }
      
      .div-center {
        display: inline-block;
        width: 100%;
        text-align: center;
      }
      #va_container {
        position: relative;
        max-width: 80%; 
        margin: 2rem auto;
      }
      
      .va-carrousel-flexbox {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none; 
      }
      
      .va-carrousel-flexbox .va-card { width: 15rem; height: auto;  place-items: center; display: grid;
        flex: 0 0 auto; margin: 0 .5rem; background: #fff; border: .1em solid #c6c7c8; padding: .5rem; border-radius: .3rem;}
      
      .va-carrousel-flexbox .va-card:last-child::after {
        content: ' ';
        display: inline-block;
      }
      
      .va-card { 
        user-select: none;
        outline: none;  
      }
      
      .va-carrousel,
      .va-carrousel-flexbox {
        width: 100%;
        -webkit-overflow-scrolling: touch;
      }
      
      .va-carrousel::-webkit-scrollbar,
      .va-carrousel-flexbox::-webkit-scrollbar {
        display: none;
      }
      
      .deals-paddle {
        height: 1rem;
        width: 1rem; 
        margin: auto;
        position: absolute;
        background: none;
        border: none; margin-left: -2rem; margin-right: -2rem;
        display: flex; place-items: center;
      cursor:pointer;
      }
      
      .deals-paddle:focus {
        outline: none;
      }
      
      .deals-paddle:active {
        border-style: solid;
        outline: none;
        user-select: none;
      }
      
      .deals-paddle svg {
        width: 1rem; color: #FFBE0D;
      }
      
      .deals-scroll-left {
        top: 0;
        left: 5px;
        bottom: 0;
      }
      
      .deals-scroll-right {
        top: 0;
        bottom: 0;
        right: -.3em;
      }
      
      .va-whitewrap {
      /*         background-color: white; */
        padding-top: 1rem;
        margin-top: 1rem;
      }

#marc {position: relative; width: 100%; padding: 2rem 0; margin: 0 auto;}
#exttMARC {position: relative; width: 80%; margin: 2rem auto; display: grid; grid-template-areas: "blocMARC blocMARC blocMARC blocMARC blocMARC"; grid-gap: 1rem;} .blocMARC {position: relative;width: 100%; height: 10rem; box-shadow: 0 0 .3rem #b4b4b4; background-position: center; background-repeat: no-repeat; background: #fff; background-size: 100%; background-repeat: no-repeat; background-position: center; border-radius: .3rem;} 
.blocMARC:nth-child(1) {background-image: url(../imgs/marcas/ar-condicionado-carrier.webp);} .blocMARC:nth-child(2) {background-image: url(../imgs/marcas/ar-condicionado-daikin.webp);} .blocMARC:nth-child(3) {background-image: url(../imgs/marcas/ar-condicionado-fujitsu.webp);} .blocMARC:nth-child(4) {background-image: url(../imgs/marcas/ar-condicionado-gree.webp);} .blocMARC:nth-child(5) {background-image: url(../imgs/marcas/ar-condicionado-hitachi.webp);} .blocMARC:nth-child(6) {background-image: url(../imgs/marcas/ar-condicionado-lg.webp);} .blocMARC:nth-child(7) {background-image: url(../imgs/marcas/ar-condicionado-midea.webp);} .blocMARC:nth-child(8) {background-image: url(../imgs/marcas/ar-condicionado-mitsubishi.webp);} .blocMARC:nth-child(9) {background-image: url(../imgs/marcas/ar-condicionado-panasonic.webp);} .blocMARC:nth-child(10) {background-image: url(../imgs/marcas/ar-condicionado-samsung.webp);}

#roda {position: relative; width: 100%; margin: 2rem auto 0 auto; box-shadow: 0 0 .3rem #c6c7c8; display: grid; background-repeat: no-repeat; background-image: url(../imgs/capa/climao-ar-condicionado-fulldynamic.webp); background-position: 5rem -10rem; background-size: 100%; grid-template-areas: "cntFT linkFT" "dirFT dirFT"; } .blocLINKFT {margin-top: 1rem; display: block;} .blocFTPADR {padding: 2rem;} .titFT {color: #030331; font-weight: 600; font-size: 1.2rem;} #roda a {font-size: .9rem;} #cntFT {width:80%; margin-left:20%;} #rdsFT {padding: 0 2rem;} #linksFT {display: grid; position: relative; width: auto;} #linksFT a {margin: .2rem 0;} #roda a:hover {opacity: .5;} .blocLINKFT1 {display: grid; } #imgFT {width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;} .btPADR2 { font-size: 1.1rem; display: block; line-height: 1.5rem; padding: .2rem; margin: .2rem 0;} .btPADR2 a { padding: .2rem; } .btPADR2:hover {color: #00BFFF;} .rdsFT {background: #00BFFF; color: #070A75; padding: .5rem; border-radius:50%;} .rdsFT:hover {border-radius: 50%; background: #FFBE0D; color: #fff !important; text-shadow: 0 0 .1em #a7a7a7;} .rdsFT:nth-child(3) {font-weight: bold; color: #030331; }

#dirFT {border-top: .1rem solid #c6c7c8; background: rgba(255, 255, 255, .7); width: 100%; grid-area: dirFT; padding: 1rem; text-align: center; } 
 #dirFULL {font-size: .7rem; padding: 1rem 0;} #FULLRDP {position: absolute; width: 2.5rem; height: 2.5rem; left: 2.5rem; background-image: url(../imgs/fulldynamic-digital.webp); background-repeat: no-repeat; background-size: 90%; background-position: center; margin-top: .2rem; } 


@media screen and (min-width:1000px) and (max-width:1100px) {*{font-size: .8rem;}}

@media screen and (min-width:1900px) {*{font-size: 1.4rem;}}

@media screen and (min-width:2200px) {*{font-size: 1.6rem;}}

@media screen and (min-width:300px) and (max-width:990px) {.subtitPADR {width: 80%;} #topo {background: #e2fbff;}
#topo ol {display: none;} .navigation.on{position:relative; width: 99vw; transform:translateX(-1.9rem); }.nav{display:grid;}.nav-item__link{position: relative; width: 99vw; left: 0; text-align: center;}

  #slid {height: 30rem;}
 .item-1,.item-2,.item-3 { width: 90%; top: 7rem; display: grid; justify-items: center; left: 0; right: 0; margin: 0 auto;} .titSLID {text-align: center;}
 #slid a {margin: 0 auto; left: 0; right: 0;} #slid::after {display: none;}

 #sol {grid-template-areas: "titSOL titSOL" "subtitSOL subtitSOL" "blocSOL blocSOL"; grid-gap: 1rem 0;} #sol .titPADR {width: 90%;} #port {grid-template-areas: "titPORT titPORT" "subtitPORT subtitPORT" "blocPORT blocPORT2"; grid-gap: 1rem 0;} .blocSOL,.blocPORT {width: 46vw; border-radius: 2rem; height: 22rem;}

 #bnf {position: relative; width: 100%; padding: 3rem 0;} .blocBNF {margin: .5rem auto 0 auto; padding: 1rem;} .imgsBNF {border: none;}

#exttMARC {position: relative; width: 90%; margin: 2rem auto; display: grid; grid-template-areas: "blocMARC blocMARC"; grid-gap: .5rem;}

 #roda {grid-template-areas: "cntFT" "linkFT" "locFT" "dirFT"; } .blocLINKFT {margin-top: 1rem; width: 90%;} .blocFTPADR {padding: 2rem 0;} #cntFT {width:80%; margin: 2rem;} #rdsFT {padding: 0;} #linksFT {display: grid; margin-left: 2rem;} #imgFT {width: 100%; margin: 0 auto; transform: translateX(0); background-position: bottom;} #rdsFT {margin-top: 1rem;}

 #dirFT {border-top: .1rem solid #c6c7c8; width: 100%; grid-area: dirFT; padding: 1rem; text-align: center; } 
  #dirFULL {font-size: .7rem; padding: 1rem 0 5rem 0;} #FULLRDP {left: 0; right: 0; margin: 3.5rem auto 0 auto; background-size: 100%;} 
}


@media screen and (min-width:600px) and (max-width:990px) {*{font-size: 1.2rem;}}