* {font-family: Trebuchet MS; margin: 0; padding: 0; box-sizing: border-box; text-decoration: none; transition: all .2s;} a {color: #360308; font-size: 1.1rem;}

#full {position: relative; width: 100%; left: 0; right: 0; margin: 0 auto;} ::-webkit-scrollbar-track{background-color:#E5E5E5}::-webkit-scrollbar{width:1.3em}::-webkit-scrollbar-thumb{background:#a7a7a7;border-radius: .2em;} .fullFULL {position: absolute; width: 0; height: 0; overflow: hidden; opacity: 0; visibility: hidden;} .hide {transform: translateY(-100rem); top: 0;} input[type="checkbox"],.botMENU {display: none;} .titPADR {position: relative; font-size: 2rem; color: #360308;} .subtitPADR {font-size: 1.3rem;} .botPADR {position: relative; width: 11rem; background: #E4DE48; height: 100%; padding: 1rem; text-align: center; border-radius: .2rem; font-size: 1.2rem;} .botPADR:hover {background: #E5E5E5;} .botPADR2 {position: relative; width: 11rem; background: #fff; border: .1rem solid #c6c7c8; height: 100%; padding: 1rem; line-height: 200%; text-align: center; border-radius: .2rem; font-size: 1.2rem;} .botPADR2:hover {background: #E4DE48;}

#contFIXZAP{z-index:9999;position:fixed; transition: all .3s; bottom:0;right:0;margin:0;text-align:center;width:auto;height:auto;border-top-left-radius:1rem; padding: .5rem; background:#fff; box-shadow:  0 0 .2rem #7c7c7c; display: flex; place-items: center;} #contFIXZAP p:nth-child(1) {background: #E4DE48; border-radius: .5rem; margin: 0 .3rem; padding: .7rem;}  #contFIXZAP p:nth-child(2){font-size:1.7rem; padding: .3rem; border-radius: 50%; width: 3rem; line-height: 2.5rem; height: 3rem; background: #E4DE48;} #contFIXZAP:hover {opacity: .8;}

#topo {position: fixed; width: 100%; background: #fff; box-shadow: 0 0 .3em #c6c7c8; top: 0; left: 0; display: grid; grid-template-areas: "idtTOP navTOP rdsTOP"; padding: 1rem 0; z-index: 11;} #topo nav a { width: 9rem; text-align: center; font-size: 1rem; padding: .5rem;} #topo nav a::after {content: ''; position: absolute; width: 4.5rem; bottom: 0; margin-left: -.7rem; height: 90%; border-left: .2rem solid #fcfac2; display: grid; border-bottom: .2rem solid #fcfac2; transition: all .2s;} #topo nav a::before {content: ''; position: absolute; width: 4.5rem; top: 0; margin-left: 3.8rem; height: 85%; border-right: .2rem solid #ffced2; display: grid; border-top: .2rem solid #ffced2; transition: all .2s;} #topo nav a:hover::after {width:9rem; border-color: #E4DE48;} #topo nav a:hover::before {width:9rem; margin-left: -.7rem; border-color: #B60A18;}
#idtTOP {position: relative; width: 11rem; height: 2.5rem; left: 3rem; background-image: url(../imgs/c7-eletricistas-fulldynamic-01.webp); background-position: center; background-repeat: no-repeat; background-size: 100%; grid-area: idtTOP;}
#topo nav {position: relative; height: 100%; display: grid; grid-gap: 2rem; top: 0; place-content: center; grid-area: navTOP; grid-template-areas: "navTOP1 navTOP1 navTOP1 navTOP1";}   #topo nav a span {color: #3d3d3d} #topo nav a:hover span {color: #E4DE48;}
#rdsTOP { position: relative; top: 0; justify-content: right; place-items: center; grid-area: rdsTOP; margin-right: 3rem; grid-gap: .6rem; grid-template-areas: "rdsTOP1 rdsTOP2 rdsTOP3"; display: grid;} #rdsTOP a {position: relative; padding: .3rem; text-align: center; border: .1em solid #c6c7c8; font-size: 1.1rem; border-radius: .5rem; background: #fff;} #rdsTOP a:hover {background: #FFF; transform: scale(1.1); color: #B60A18; border: .1em solid #E4DE48}

#slid {position: relative; width: 100%; height: 31rem; left: 0; right: 0; margin: 4rem auto 0 auto; background-position: bottom; background-repeat: no-repeat; background-size: 100%; background-image: url(../imgs/capas/capa-c7-eletricista-fulldynamic.webp);} #exttSLID {position: relative; width: 35%; top: 3.5rem; left: 5rem;} #exttSLID p {margin: .5rem auto;} #slid a {top:2rem; font-size: 1.3rem;} #slid a:hover {opacity: .7;}

#sol {position: relative; width: 100%; height: auto; left: 0; right: 0; margin: 0 auto; padding: 4rem 0; z-index: 3; } #sol .titPADR { width: 50%; margin: 0 auto; text-align: center;} #sol::after {content: ''; z-index: 0; position: absolute; width: 100%; height: 20rem; top: 0; left: 0; margin: 0; background-repeat: no-repeat; background-position: top; background-size: cover; background-image: url(../imgs/capas/capa-c7-eletricista-fulldynamic-02.webp); background-attachment: fixed; z-index: -1;} #exttSOL {position: relative; width: 70%;  top: 0; left: 0; right: 0; margin: 4rem auto; display: grid; place-content: center; grid-gap: 1.2rem; grid-template-areas: "blocSOL1 blocSOL2 blocSOL3 blocSOL4";} .blocSOL {width: 14rem; height: auto; padding: 3rem 0; border-radius: 1rem; background: #fcfac2; border: solid .1rem #c6c7c8; display: grid; place-items: center; place-content: center;}  #exttSOL a:nth-child(2) {transition: all .5s;} #exttSOL a:nth-child(3) {transition: all .7s;} #exttSOL a:nth-child(4) {transition: all .9s;} .blocSOL:hover {background: #E4DE48; box-shadow: none;} #exttBTSOL {position: relative; width: 50%; left: 0; right: 0; margin: 0 auto; display: grid; grid-template-areas: "btSOL1 btSOL2"; place-content: center; grid-gap: .6rem; place-items: center;} .titSOL {text-align: center; font-size: 1.3rem; width: 70%; padding: .5rem; color: #360308; margin-top: -1rem;} #exttSOL span {font-size: 2rem; color: #E4DE48;} .blocSOL:hover span {color: #fff !important; font-size: 2.3rem !important;} #sol .anime {transform: scale(0) translateX(0);}
#sol .anime-start {transform: scale(1) translateX(0);} 

#ivt {position: relative; width: 100%; height: 31rem; background-position: center; background-repeat: no-repeat; border-top: .3rem solid #B60A18; background-size: 100%; background-image: url(../imgs/capas/capa-c7-eletricista-fulldynamic-01.webp); display: grid; place-items: center;} #exttIVT {position: absolute; width: 35%; right: 11%; display: grid; place-content: center; grid-template-areas: "titIVT titIVT titIVT";} #exttIVT .titPADR {grid-area: titIVT; text-align: center; padding: 2rem;} .blocIVT {position: relative; width: 11rem; height: auto; background: #fcfac2; margin: 1rem; display: grid; border-radius: 1rem; place-items: center; border-radius: .5rem; padding: 1rem;} .titIVT {text-align: center; background: #E4DE48; padding: 1rem; font-size: 1.3rem; color: #360308;} .blocIVT span {text-align: center; color: #860711; font-size: 2.7rem; margin: .3rem auto;} .descIVT {padding: .2rem; text-align: center; font-size: 1.1rem; color: #360308;} .blocIVT.anime {opacity: 0; transform: scale(0);} .blocIVT.anime-start {opacity: 1; transform: scale(1);} .blocIVT:nth-child(4) {transition: all .5s;} .blocIVT.anime-start {opacity: 1; transform: scale(1);} .blocIVT:nth-child(5) {transition: all .8s;}

#port {position: relative; width: 100%; left: 0; right: 0; margin: 0 auto; padding-top: 5rem; background: #fcfac2;} #port .titPADR {text-align: center;} #exttPORT {position: relative; width: 100%; place-content: center; display: grid;grid-template-areas: "blocPORT1 blocPORT2 blocPORT3 blocPORT4"; margin: 2.5rem auto 0 auto; overflow-x: hidden;} .blocPORT {width: 25vw; height: 15rem; box-shadow: 0 0 .2rem #a7a7a7; background-position: center; background-repeat: no-repeat; background-size: cover;} .blocPORT:hover {filter: brightness(1); cursor: pointer; z-index: 1;} .blocPORT:nth-child(1) {background-image: url(../imgs/serv/servico-eletrica-fulldynamic-c7-01.webp);} .blocPORT:nth-child(2) {background-image: url(../imgs/serv/servico-eletrica-fulldynamic-c7-02.webp);} .blocPORT:nth-child(3) {background-image: url(../imgs/serv/servico-eletrica-fulldynamic-c7-03.webp);} .blocPORT:nth-child(4) {background-image: url(../imgs/serv/servico-eletrica-fulldynamic-c7-04.webp);} .blocPORT:nth-child(5) {background-image: url(../imgs/serv/servico-eletrica-fulldynamic-c7-05.webp);} .blocPORT:nth-child(6) {background-image: url(../imgs/serv/servico-eletrica-fulldynamic-c7-06.webp);} .blocPORT:nth-child(7) {background-image: url(../imgs/serv/servico-eletrica-fulldynamic-c7-07.webp);} .blocPORT:nth-child(8) {background-image: url(../imgs/serv/servico-eletrica-fulldynamic-c7-08.webp);} .blocPORT:nth-child(9) {background-image: url(../imgs/serv/servico-eletrica-fulldynamic-c7-09.webp);} .blocPORT:nth-child(10) {background-image: url(../imgs/serv/servico-eletrica-fulldynamic-c7-10.webp);}  .blocPORT:nth-child(11) {background-image: url(../imgs/serv/servico-eletrica-fulldynamic-c7-11.webp);}  .blocPORT:nth-child(12) {background-image: url(../imgs/serv/servico-eletrica-fulldynamic-c7-12.webp);}
.blocPORT.anime {opacity: 0; transform: scale(0);} .blocPORT.anime-start {opacity: 1; transform: scale(1);}

#feed {position: relative; width: 100%; background: #FFFEF3; padding: 7rem 0; margin: 0 auto;} #feed .titPADR {text-align: center;}
#exttFEED {position: relative; width: 80%; margin: 3rem auto; display: grid; grid-template-areas: "blocFEED1 blocFEED2 blocFEED3 blocFEED4"; grid-gap: 2rem; place-content: center;} .blocFEED {position: relative; width: 15rem; padding: 3rem 1rem 3rem 1rem; box-shadow: 0 0 .3rem #b4b4b4; background-position: center; background-repeat: no-repeat; background: #fff; background-size: 100% 100%; background-repeat: no-repeat; background-position: top; border-radius: .7rem;} .titFEED {font-size: 1.3rem; color: #3d3d3d; padding: .5rem; font-weight: 600;} .descFEED {font-size: 1.1rem; color: #3d3d3d; padding: .5rem;}

.blocFEED:nth-child(1) {background-image: url(../imgs/feed/feed-c7eletrica-fulldynamic-01.webp);}
.blocFEED:nth-child(2) {background-image: url(../imgs/feed/feed-c7eletrica-fulldynamic-02.webp);}
.blocFEED:nth-child(3) {background-image: url(../imgs/feed/feed-c7eletrica-fulldynamic-03.webp);}
.blocFEED:nth-child(4) {background-image: url(../imgs/feed/feed-c7eletrica-fulldynamic-04.webp);}
.blocFEED:nth-child(5) {background-image: url(../imgs/feed/feed-c7eletrica-fulldynamic-04.webp);}
.blocFEED:nth-child(6) {background-image: url(../imgs/feed/feed-c7eletrica-fulldynamic-03.webp);}
.blocFEED:nth-child(7) {background-image: url(../imgs/feed/feed-c7eletrica-fulldynamic-02.webp);}
.blocFEED:nth-child(8) {background-image: url(../imgs/feed/feed-c7eletrica-fulldynamic-01.webp);}
.blocFEED.anime {opacity: 0; transform: scale(0);} .blocFEED.anime-start {opacity: 1; transform: scale(1);}

#roda {position: relative; width: 100%; margin: 2rem auto 0 auto; background: #fcfac2; display: grid; grid-template-areas: "idtFT cntFT linkFT locFT" "dirFT dirFT dirFT dirFT"; } .blocLINKFT {margin-top: 1rem; width: 10rem; } .blocFTPADR {padding: 2rem;} .titFT {color: #360308; font-weight: 600; font-size: 1.2rem;} #roda a {font-size: .9rem; } #idtFT {position: relative; width: 12rem; height: 5rem; margin: 0 auto; top: 5rem; background-image: url(../imgs/c7-eletricistas-fulldynamic-02.webp); background-position: center; background-repeat: no-repeat; background-size: contain;} #cntFT {width:80%; margin-left:20%;} #rdsFT {padding: 0 2rem;} #linksFT {display: grid;} #linksFT a {margin: .2rem 0;width:auto;} #imgFT {width: 130%; transform: translateX(-23%); height: 100%; background-position: right; background-repeat: no-repeat; background-size:cover; background-image: url(../imgs/capas/capa-c7-eletricista-fulldynamic.webp);} .btPADR2 { font-size: 1.1rem; display: grid; height: 1.2rem; padding: .2rem; margin: .2rem 0;} .btPADR2 a { padding: .2rem;} .btPADR2::after {content: ''; position: absolute; width: .7rem; height: .7rem; transition: all .3s; margin-left: -1rem;} .btPADR2:hover::after {background: #E4DE48; margin-top: .5rem;} .btPADR3:hover::after { margin-top: .3rem;} .rdsFT {background: #fff; box-shadow: 0 0 .2rem #a7a7a7; margin: 0 .2rem; color: #360308; padding: .5rem; border-radius: .5rem;} .rdsFT:hover {background: #E4DE48;}

#dirFT {border-top: .1rem solid #c6c7c8; background: #fff; 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:990px) and (max-width:1100px) {*{font-size: .86rem;}}

 @media screen and (min-width:1900px) {*{font-size: 1.2rem;}}
 
 @media screen and (min-width:2200px) {*{font-size: 1.6rem;}#topo nav a span {font-size: 1rem;}}

 @media screen and (min-width:300px) and (max-width:990px) {
 #rdsTOP {display: none ;} 
 #topo {grid-template-areas: "idtTOP navTOP"; align-items: center; margin: 0 auto; z-index: 11;} #idtTOP { left: 1rem;} .titPADR {font-size: 1.7rem; width: 80%; margin: 0 auto;}
 #topo label {background: #fff; border: .1rem solid #E5E5E5; border-radius: .2rem; right: 0; position: absolute; display: grid; place-items: center; width: 2.5rem; height: 2.5rem; right: 1rem; } #topo label::after {content: ''; position: absolute; transition: all .3s; width: 60%; height: .3rem; margin-top: -.7rem; background: #B60A18;} #topo label::before {content: ''; transition: all .3s; position: absolute; width: 60%; height: .3rem; margin-top: .7rem; background: #E4DE48;} 
 
 #topo input:checked ~ label::after {transform: rotate(45deg); margin:0;} #topo input:checked ~ label::before {margin:0; transform: rotate(-45deg);}
 
 #topo input:checked ~ nav {visibility: visible; opacity: 1; top: 4.4rem; position: fixed;}
 
 #topo nav {position: fixed; left: 0; display: grid; opacity: 0; width: 100%; height: auto; top: -11rem; visibility: hidden; background:#fff; border-bottom: .1em solid #c6c7c8; padding: 1.5rem 0; grid-gap: 0; grid-template-areas: "navTOP1";} #topo nav a {text-align: center;  line-height: 2rem; font-size: .9rem; width: 11rem; border-radius: .2rem;  padding: .5rem; margin: 1rem auto;} 
 #topo nav a::after {height: 3rem; width: 5.5rem; bottom: inherit; margin-top: -2.5rem;}  #topo nav a::before {height: 3rem; top: inherit;  margin-top: -.5rem; margin-left: 5rem; width: 5.5rem;} #topo nav a:hover::after {width:11rem;} #topo nav a:hover::before {width:11rem;}

 #slid {background-size: cover;} #exttSLID {position: relative; width: 70%; top: 3rem; left: 0;} #exttSLID p {position: relative; left:1.5rem; margin: .5rem auto;} #slid a { left: 1.5rem;}

 #txtS .titPADR { width: 80%; margin: 0 auto; } .dsgTXT { position: absolute; width: 5rem; margin-left: 2.5rem;} .descTXTS {width: 80%; height: auto; margin: 3.5rem auto 0 auto; font-size: 1.6rem;} 

 #sol .titPADR { width: 85%;}  #exttSOL {position: relative; width: 100%; margin: 2rem auto 1rem auto; display: grid; place-content: center; grid-gap: .2rem; grid-template-areas: "blocSOL1 blocSOL2";} .blocSOL {width: 100%;}
 #exttBTSOL {width: 100%; grid-gap: .2rem;} #exttBTSOL a {width: 47vw;}

 #ivt {position: relative; width: 100%; height: auto; background-attachment: fixed; background-position: -15rem 15rem; background-size: cover; } #exttIVT {position: relative; width: 100%; padding-top: 2rem; right: 0; grid-template-areas: "titIVT";} #exttIVT .titPADR {background: #fcfac2; margin-bottom: 1rem; width: 95%; text-align: center; padding: 1rem 0;} .blocIVT {width: 75%; padding: .5rem;margin: .5rem auto;} .blocIVT p {text-align: center; padding: .5rem;}

 #port .titPADR {text-align: center; width: 90%;} #exttPORT {width: 100%; place-content: center; display: grid; grid-gap: .2rem; grid-template-areas: "blocPORT1 blocPORT2"; margin: 2.5rem auto;}  .blocPORT {width: 49vw; height: 9.3rem;}

 #exttFEED {width: 100%; grid-template-areas: "blocFEED1"; grid-gap: 1rem;} .blocFEED {width: 70%; margin: 0 auto;}

 #roda {grid-template-areas: "idtFT" "cntFT" "linkFT" "locFT" "dirFT"; } .blocLINKFT {margin-top: 1rem; width: 90%;} .blocFTPADR {padding: 2rem 0;} #idtFT {width: 90%;margin: 0 auto 1rem auto; top: 2rem;} #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:400px) and (max-width:990px) {*{font-size: 1.05rem;}}

@media screen and (min-width:600px) and (max-width:990px) {*{font-size: 1.3rem;} #exttSLID {width:70%; padding:0 1rem; background: rgba(255, 255, 255, 0.5);} #exttFEED {width: 100%; grid-template-areas: "blocFEED1 blocFEED2";} .blocFEED {width: 45vw;}}

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