/*Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size:100%;
}
ul, ol {list-style:none; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p {margin:0; line-height:normal;}
/*Default*/
html {scroll-behavior:smooth; scroll-padding-top:30px;}
body {width:100%; height:100%; font-family:'Rink', sans-serif; font-weight:400; font-optical-sizing:auto; margin:0;}
a {text-decoration:none; transition:all 0.3s linear;}
a:hover {text-decoration:underline; transition:all 0.3s linear;}
a img {border:none;}
*:focus {outline:none;}
a:focus{outline:0}
hr {opacity:1;}
input[type=search]::-ms-clear {display:none; width:0; height:0;}
input[type=search]::-ms-reveal {display:none; width:0; height:0;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display:none;}
a.btTop {right:20px; bottom:90px; z-index:100; width:60px; height:60px;}
a.btWhatsDefault {background:#86E54B; width:60px; height:60px; z-index:110; right:20px; bottom:160px;}
.aligncenter,
.alignleft,
.alignright,
.alignnone {display:block; margin:0 auto 30px; max-width:100%; height:auto;}
.cursor-pointer {cursor:pointer !important;}
.fullWidth {width:100%; max-width:1920px;}
.transition {transition:all 0.2s linear;}
.p-last-mg-0 p:last-child {margin-bottom:0!important;}
.lkCTA,
.tagTitle {border-radius:50px;}
.modal .btFechar {width:50px; height:50px; left:inherit; right:inherit; background:url(../images/bt-close.png) no-repeat 0 0; text-indent:-5000em; opacity:1;}
#popupVideo .modal-content {border-radius:0!important; background:none!important;}
#popupVideo .modal-body {padding:0!important;}
div.paginacao {width:100%;}
div.paginacao span.pages {display:none;}
div.paginacao a,
div.paginacao span.extend {display:inline-block; color:var(--green-default); text-decoration:none; font-size:20px; font-weight:700; margin:0 15px;}
div.paginacao a:hover {color:var(--green-light);}
div.paginacao span.current {display:inline-block; color:var(--green-light); font-size:20px; font-weight:700; margin:0 15px;}
.pageDefault p,
.pageDefault ul {margin-bottom:20px; line-height:26px;}
.pageDefault ul li:before {content:"•"; display:inline-block; font-weight:400; color:var(--red-default); margin-right:6px;}
.pageDefault strong {font-weight:700;}
.pageDefault p a,
.pageDefault ul a {color:var(--red-default);}
.pageDefault p a:hover,
.pageDefault ul a:hover {color:var(--bs-black);}
.pageDefault h2 {font-size:32px; color:var(--red-default); font-weight:600; margin-bottom:20px;}
.pageDefault h3 {font-size:28px; color:var(--red-default); font-weight:600; margin-bottom:20px;}
.pageDefault h4 {font-size:26px; color:var(--red-default); font-weight:600; margin-bottom:20px;}
.pageDefault h5,
.pageDefault h6 {font-size:22px; color:var(--red-default); font-weight:600; margin-bottom:20px;}
.pageDefault .ct-ultimate-gdpr-container {display:none!important;}
.ct-ultimate-gdpr-cookie-popup-modern#ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-content {font-size:12px;}
.ct-ultimate-gdpr-cookie-popup-modern#ct-ultimate-gdpr-cookie-popup #ct-ultimate-gdpr-cookie-content a {color:var(--bs-white);}
#ct-ultimate-gdpr-cookie-change-settings {display:none!important;}
#ct-ultimate-gdpr-cookie-open {font-family:inherit; font-size:12px; padding:10px 15px; font-weight:700;}
.grecaptcha-badge {z-index:10;}
/*Header - Footer*/
.site-header {top:0; z-index:300; width:100%;}
.site-header .header-overlay {
position:fixed; z-index:199; top:0; left:0; width:100%; height:100vh; background-color:rgba(0,0,0,0.7); transition:0.25s; transform:translateX(-100%);
}
.site-header .main-nav {
display:flex; flex-direction:column; position:fixed; z-index:600; top:0; left:0; bottom:0; width:340px; overflow-x:hidden; overflow-y:hidden;
transition:0.35s; transform:translateX(-100%); -webkit-overflow-scrolling:touch;
}
.nav-is-toggled .site-header .header-overlay,
.nav-is-toggled .site-header .main-nav {transform:translateX(0);}
.site-header .btnOpenMenu {border-radius:4px; width:40px; height:36px;}
.site-header .main-nav .nav-wrapper {height:calc(100% - 160px); position:relative;}
.site-header .nav-items {overflow-y:auto; overflow-x:hidden; width:100%;}
.site-header .nav-items.no-scroll {overflow-y:hidden;}
.site-header .nav-items::-webkit-scrollbar {width:8px;}
.site-header .nav-items::scrollbar {width:8px;}
.site-header .nav-items::-webkit-scrollbar-track {background:none; border-radius:4px;}
.site-header .nav-items::scrollbar-track {background:none; border-radius:4px;}
.site-header .nav-items::-webkit-scrollbar-thumb {background:var(--bs-gray-300); border-radius:4px;}
.site-header .nav-items::scrollbar-thumb {background:var(--bs-gray-300); border-radius:4px;}
.site-header .nav-item {margin-bottom:20px; text-align:center;}
.site-header .nav-link {color:var(--gray-extra-dark); font-size:14px; padding:0; text-decoration:none; display:inline-block;}
.site-header .nav-link:hover {color:var(--red-default);}
.site-header .nav-link.lkContato {color:var(--red-default); border-radius:50px; line-height:58px; border:1px solid var(--red-default); padding:0 25px;}
.site-header .nav-link.lkContato:hover {background:var(--red-default); color:var(--bs-white);}
.site-footer {clear:both; border-top:1px solid #d9d9d9;}
.site-footer .navFooter ul li {margin-top:12px;}
.site-footer .navFooter ul a {color:var(--bs-black); text-decoration:none;}
.site-footer .navFooter ul a:hover {color:var(--red-default);}
.site-footer hr {border-color:#d9d9d9;}
.baseSlide .swiper {width:100%; height:660px;}
.baseSlide .swiper-slide {height:auto!important;}
.baseSlide .swiper-wrapper .filtro {z-index:10; left:0; right:0; top:0; bottom:0;}
.baseSlide .swiper-wrapper a.lkOverlay {z-index:35; left:0; right:0; top:0; bottom:0;}
.baseSlide .swiper-wrapper .container {z-index:30;}
.baseSlide .swiper-wrapper h1,
.baseSlide .swiper-wrapper h2 {font-size:38px; line-height:44px; font-weight:500; color:var(--bs-white); margin-bottom:30px;}
.baseSlide .swiper-wrapper p {margin-bottom:25px; line-height:28px;}
.baseSlide .swiper-wrapper .text-center .cta01,
.baseSlide .swiper-wrapper .text-center .cta02 {margin-left:10px; margin-right:10px;}
.baseSlide .swiper-wrapper .text-start .cta01 {margin-right:20px;}
.baseSlide .swiper-wrapper .text-end .cta02 {margin-left:20px;}
.baseSlide .swiper-wrapper .topoVideo {width:100%; height:100%;}
.baseSlide .swiper-wrapper .topoVideo video {width:100%; height:100%; object-fit:cover;}
.baseSlide .swiper-wrapper .baseTxt {z-index:20; left:0; top:0; bottom:0; right:0;}
.baseSlide .swiper-wrapper .baseTxt .container {width:100%;}
.baseSlide .slide-pagination,
.detalheProd .galeria-pagination {width:auto; left:0; right:0; bottom:30px; z-index:50;}
.baseSlide .slide-pagination span {
width:14px; height:14px; margin:0 8px!important; background-color:transparent; border:1px solid var(--bs-white); border-radius:7px; opacity:1;
transition:all 0.2s linear;
}
.baseSlide .slide-pagination span.swiper-pagination-bullet-active {background-color:var(--bs-white); transition:all 0.2s linear;}
.spotPerfis .prodPrev {width:36px; height:36px; left:10px; top:50%; margin-top:-18px;}
.spotPerfis .prodNext {width:36px; height:36px; right:10px; top:50%; margin-top:-18px;}
.spotPerfis .slideProd {width:75%;}
.spotPerfis .slideProd .infoProd,
.spotTelhas ul li {width:100%; max-width:350px;}
.spotPerfis .slideProd .lkImg,
.spotTelhas ul li .lkImg {border-radius:20px; width:100%; height:310px;}
.spotPerfis .slideProd .lkImg img,
.spotTelhas ul li .lkImg img {width:100%; height:100%; object-fit:cover;}
.spotPerfis .slideProd .infoProd div,
.spotTelhas ul li div {margin-top:-45px; z-index:20; border-radius:20px;}
.spotTelhas {background-image:url(../images/bg-spot-telhas.jpg);}
.spotTelhas .diferencial {background-image:url(../images/icone-check.png);}
.spotTelhas .box,
.spotSvc img,
.spotSvc ul li,
.spotSobre img,
#contato .box,
#contato .boxRedes,
.detalheProd img.img-fluid {border-radius:20px;}
.spotSvc ul li:hover {background-color:var(--bs-white); color:var(--bs-black);}
.spotSobre.interno:before {content:" "; display:block; position:absolute; z-index:0; bottom:0; left:0; right:0; background-color:var(--red-light); height:350px;}
.spotSobre ul li {background-image:url(../images/icone-check-large.png);}
.spotSobre ul li strong {display:block; color:var(--red-default); font-size:32px; line-height:30px;}
.spotSobre .lkVideo {width:100%; height:350px;}
.spotSobre .lkVideo .imgVideo {width:100%; height:100%; object-fit:cover;}
.spotSobre .lkVideo img {width:100%; height:100%; object-fit:cover;}
.spotSobre .lkVideo span {z-index:20; top:50%; left:0; right:0; margin-top:-20px;}
.spotSobre .lkVideo span:before {content:"Conheça a Perfilados Sul"; letter-spacing:0.1em;}
.spotSobre .lkVideo span:after {content:"Clique para assistir"; letter-spacing:0.1em;}
.spotSobre .lkVideo span img {width:40px; height:auto;}
.spotSobre .lkVideo:hover span img {opacity:0.4;}
#contato .boxRedes a {width:60px; height:60px;}
.topoPage {min-height:400px;}
.topoPage h1 {letter-spacing:0.02em;}
.sobre h2,
.instuticional .box h3,
.servicos h2 {font-size:32px; font-weight:500; color:var(--gray-extra-dark); margin-bottom:20px;}
.sobre p,
.servicos p {line-height:24px; margin-bottom:20px;}
.sobre p a {display:inline-block; border-radius:50px; background-color:var(--red-default); color:var(--bs-white); text-decoration:none; padding:15px 20px;}
.sobre p a:hover {background-color:var(--gray-extra-dark);}
.instuticional .colImg img {max-width:100%; height:auto; border-radius:20px;}
.instuticional .box,
.instuticional ul li {border-radius:20px; border-bottom:1px solid var(--red-default);}
.instuticional .box p {line-height:24px; margin-bottom:20px;}
.instuticional ul img {max-width:100%; height:auto; margin:0 0 15px;}
.instuticional ul h3 {font-size:32px; font-weight:400; color:var(--bs-black);}
.instuticional ul p {line-height:24px; margin-top:10px;}
.produtos hr {border-width:2px; border-color:#898989;}
.produtos #search-form {border-radius:50px; width:100%; height:48px; max-width:320px;}
.produtos #search-form .input-search {width:calc(100% - 40px);}
.produtos #search-form .search-submit {width:20px;}
.listaProd li {width:100%; max-width:650px;}
.listaProd li .lkLayer {
top:0; bottom:0; left:0; right:0; z-index:10; border-radius:20px; background:linear-gradient(180deg, rgba(255, 255, 255, 0) 15%, #777777 100%);
}
.listaProd li .boxImg {width:100%; height:380px; border-radius:20px;}
.listaProd li .boxImg img {width:100%; height:100%; object-fit:cover;}
.listaProd li .infoProd {z-index:20; left:20px; right:20px; bottom:20px; border-radius:20px;}
.detalheProd p {line-height:24px; margin-top:10px;}
.detalheProd h3 {font-size:20px; font-weight:600; color:var(--red-default); margin-top:30px;}
.detalheProd ul {line-height:24px; margin-top:10px;}
.detalheProd ul li:before {content:"•"; display:inline-block; font-weight:400; color:var(--red-default); margin-right:6px;}
.detalheProd .galeria-pagination span {
width:14px; height:14px; margin:0 8px!important; background-color:transparent; border:1px solid var(--red-default); border-radius:7px; opacity:1;
transition:all 0.2s linear;
}
.detalheProd .galeria-pagination span.swiper-pagination-bullet-active {background-color:var(--red-default); transition:all 0.2s linear;}
.detalheProd .slideGaleria {width:100%; border-radius:20px;}
.detalheProd .slideGaleria .swiper-slide {height:auto!important;}
.detalheProd .slideGaleria .swiper-slide a {height:100%; width:100%}
.servicos:before {content:" "; display:block; position:absolute; z-index:0; top:0; left:0; right:0; height:82%; background-color:#fafafa;}
.servicos .boxAlign {width:100%;}
.servicos .control .svcPrev {width:36px; height:36px;}
.servicos .control .svcNext {width:36px; height:36px;}
.servicos .slideSvc {width:100%;}
.servicos .slideSvc .swiper-slide {height:auto!important; width:300px}
.servicos .slideSvc .boxSvc {height:100%; border-radius:20px; box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.08);}
.servicos .slideSvc .boxSvc img {width:100%; height:150px; object-fit:cover;}
.servicos .slideSvc .boxSvc .lkCTA {left:30px; bottom:45px;}
.galeriaSvc ul li {height:250px; width:100%;}
.galeriaSvc ul li a {width:100%; height:100%;}
.galeriaSvc ul li a img {width:100%; height:100%; border-radius:30px; object-fit:cover;}
@media only screen and (min-width : 576px) {
#ct-ultimate-gdpr-cookie-popup {display:flex; align-items:center;}
#ct-ultimate-gdpr-cookie-content {padding-right:15px;}
#ct-ultimate-gdpr-cookie-popup .ct-ultimate-gdpr-cookie-buttons {padding:0;}
.baseSlide .swiper-wrapper .baseTxt .container,
.servicos .boxAlign {width:540px;}
.spotSobre .lkVideo {height:420px;}
.servicos .slideSvc .swiper-slide {width:380px;}
.servicos .slideSvc .boxSvc img {height:200px;}
.galeriaSvc ul li {width:48%;}
}
@media only screen and (min-width : 768px) {
.aligncenter {display:block; margin:0 auto 30px;}
.alignleft {float:left; margin:0 30px 20px 0; max-width:40%;}
.alignright {float:right; margin:0 0 20px 30px; max-width:40%;}
.alignnone {margin:0;}
.baseSlide .swiper-wrapper .baseTxt .container {width:720px;}
.baseSlide .swiper-wrapper h1,
.baseSlide .swiper-wrapper h2 {font-size:46px; line-height:46px;}
.spotPerfis .slideProd {width:85%;}
.spotTelhas ul li {width:45%;}
.spotSobre .lkVideo span {margin-top:-49px;}
.spotSobre .lkVideo span img {width:98px;}
.sobre h2,
.instuticional .box h3,
.servicos h2 {font-size:40px;}
.instuticional ul li {width:32%; max-width:initial; margin-right:2%;}
.instuticional ul li:nth-child(3n+0) {margin-right:0;}
.servicos .boxAlign {width:355px;}
.servicos .slideSvc .swiper-slide {width:320px;}
.galeriaSvc ul li.brick-1 {width:55%;}
.galeriaSvc ul li.brick-2 {width:43%;}
.galeriaSvc ul li.brick-3 {width:40%;}
.galeriaSvc ul li.brick-4 {width:58%;}
.galeriaSvc ul li.brick-5 {width:47%;}
.galeriaSvc ul li.brick-6 {width:51%;}
}
@media only screen and (min-width : 992px) {
.baseSlide .swiper {height:558px;}
.baseSlide .swiper-wrapper .baseTxt .container {width:940px;}
.baseSlide .swiper-wrapper .swiper-slide {background-size:cover;}
.baseSlide .swiper-wrapper h1,
.baseSlide .swiper-wrapper h2 {font-size:50px; line-height:52px;}
.spotPerfis .slideProd {width:90%;}
.spotTelhas .intro {width:240px;}
.spotSobre .lkVideo {height:615px;}
.bannerRotate {height:70px;}
.bannerRotate .marquee-block {height:70px; width: calc(1620px * 2);}
.bannerRotate .marquee-block .marquee-inner {width:200%; height:100%; animation: marqueeLeft 40s linear infinite;}
.bannerRotate .marquee-inner .marquee-item {width:1620px; height:100%; transition: all .2s ease-out;}
@keyframes marqueeLeft{
0% {
left: 0;
}
100% {
left: -100%;
}
}
#contato .boxRedes {border-radius:0 20px 20px 0;}
#contato .boxRedes:before {
content:" "; display:block; position:absolute; right:100%; top:0; bottom:0; background:url(../images/bg-spot-redes.jpg) no-repeat right top; width:585px;
background-size:cover;
}
.instuticional .colImg img {max-width:initial; width:100%; height:100%; object-fit:cover;}
.listaProd li {width:48.5%;}
.servicos .boxAlign {width:470px;}
.servicos .slideSvc .swiper-slide {width:380px;}
.galeriaSvc ul li.brick-1,
.galeriaSvc ul li.brick-2 {height:290px;}
.galeriaSvc ul li.brick-3,
.galeriaSvc ul li.brick-4 {height:380px;}
.galeriaSvc ul li.brick-5,
.galeriaSvc ul li.brick-6 {height:240px;}
}
@media only screen and (min-width : 1200px) {
.aligncenter {max-width:100%;}
.alignleft,
.alignright {max-width:50%;}
.site-header .main-nav {
position:relative; top:inherit; left:inherit; bottom:inherit; width:auto; height:auto; transform:none; overflow:inherit; background:none!important;
}
.site-header .main-nav .nav-wrapper {height:auto;}
.site-header .nav-items {display:flex; overflow:inherit; align-items:center;}
.site-header .nav-item {line-height:normal; margin:0 0 0 30px; padding:0; border-bottom:none;}
.site-header .nav-item:first-child {margin-left:0;}
.site-header .tel {border-left:1px solid #adadad;}
.baseSlide .swiper {height:660px;}
.baseSlide .swiper-wrapper .baseTxt .container {width:1140px;}
.baseSlide .swiper-wrapper .swiper-slide {background-size:initial;}
.baseSlide .swiper-wrapper h1,
.baseSlide .swiper-wrapper h2 {font-size:60px; line-height:60px;}
.spotTelhas ul {width:calc(100% - 280px);}
.spotTelhas ul li {width:48%;}
.servicos .boxAlign {width:560px;}
.servicos .slideSvc .swiper-slide {width:500px;}
.servicos .slideSvc .boxSvc img {height:250px;}
}
@media only screen and (min-width : 1400px) {
.site-header .nav-item {margin-left:45px;}
.baseSlide .swiper-wrapper .baseTxt .container {width:1320px;}
.spotTelhas ul {width:calc(100% - 330px);}
.spotTelhas ul li {width:auto; max-width:400px;}
.spotSvc img {margin-right:-40px;}
#contato .boxRedes:before {width:670px;}
.sobre h2 {font-size:50px;}
.listaProd li {width:49%;}
.servicos .boxAlign {width:535px;}
.servicos .slideSvc .swiper-slide {width:535px;}
}
@media only screen and (min-width : 1520px) {
.servicos .boxAlign {width:525px;}
}
@media only screen and (min-width : 1600px) {
.servicos .boxAlign {width:515px;}
}
@media only screen and (min-width : 1720px) {
.servicos .boxAlign {width:505px;}
}
@media only screen and (min-width : 1800px) {
.servicos .boxAlign {width:500px;}
}
@media only screen and (min-width : 1920px) {
.servicos .boxAlign {width:490px;}
}