@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto&display=swap');

* {margin: 0; padding: 0;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


html {overflow-y: scroll; }
html {color: #4c4c4c; min-height: 100%; height: 100%; font-size:16px; font-family: 'PT Sans', sans-serif;}
body input,
body select,
body textarea {resize:none;font-family: 'PT Sans', sans-serif;}
b, strong {font-weight: bold!important;}
a {color:inherit; text-decoration:none;}
a:hover {text-decoration:none;}
:focus {outline: 0;}
.hidden {display: none;}
ul, ol, li {list-style: none;}
html, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%; margin: 0;}
body { /*height: 100%; min-height: 100%;*/font-family: 'PT Sans', sans-serif;}
/* CLEAR FIX*/
.clearfix:after {content: "."; display: block; height:0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
input {border-radius: 5px;}
input[type=button], input[type=submit], button {-webkit-appearance: none; -webkit-border-radius: 0;}
.hide { display: none !important; }
img { display: block; max-width: 100%; max-height: 100%; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family: 'PT Sans', sans-serif;}

/* ESQUELETO */

.wrap-loading {width: 100%; height: 100%; top: 0; left: 0; position: fixed; background: rgba(0,0,0,.6) url(../images/loading.svg) center no-repeat; z-index: 10000; display: none;}

.reveal, .revealX, .revealXR {opacity: 0; transition: opacity 1s, transform 1.3s cubic-bezier(0.215, 0.61, 0.355, 1) !important;}
.reveal {transform: translateY(60px);}
.revealX {transform: translateX(-60px);}
.revealXR {transform: translateX(60px);}
.reveal--in {opacity: 1; transform: none;}

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-8_3, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-12_5, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-lg-25 {float: left; padding-right: 20px; margin: 0 0 25px; position: relative; box-sizing: border-box;}
.col-lg-1 {width: 4%;}
.col-lg-2 {width: 8%;}
.col-lg-3 {width: 12%;}
.col-lg-4 {width: 16%;}
.col-lg-5 {width: 20%;}
.col-lg-6 {width: 24%;}
.col-lg-7 {width: 28%;}
.col-lg-8 {width: 32%;}
.col-lg-8_3 {width: calc(100% / 3);}
.col-lg-9 {width: 36%;}
.col-lg-10 {width: 40%;}
.col-lg-11 {width: 44%;}
.col-lg-12 {width: 48%;}
.col-lg-12_5 {width: 50%;}
.col-lg-13 {width: 52%;}
.col-lg-14 {width: 56%;}
.col-lg-15 {width: 60%;}
.col-lg-16 {width: 64%;}
.col-lg-17 {width: 68%;}
.col-lg-18 {width: 72%;}
.col-lg-19 {width: 76%;}
.col-lg-20 {width: 80%;}
.col-lg-21 {width: 84%;}
.col-lg-22 {width: 88%;}
.col-lg-23 {width: 92%;}
.col-lg-24 {width: 96%;}
.col-lg-25 {width: 100%;}
.col-last {padding: 0;}
.col-margin-10 {margin: 0 0 10px;}
.col-margin-15 {margin: 0 0 15px;}
.col-margin-30 {margin: 0 0 1.55vw;}
.col-margin {margin: 0;}

.desktop { display: block; }
.mobile { display: none; }

#wrapper { width: 100%; overflow-x: hidden; }

#wrapper > .wrap { padding: 90px 0 0; }

.d-block { display: block }
.d-none { display: none }
.d-flex { display: flex; }
.flex-wrap { flex-wrap: wrap; }
.flex-no-wrap { flex-wrap: nowrap; }
.flex-column { flex-direction: column; }
.align-items-center { align-items: center; }
.align-items-start { align-items: flex-start; }
.align-items-end { align-items: flex-end; }
.align-self-end { align-self: flex-end; }
.row-reverse { flex-direction: row-reverse; }
.justify-content-around { justify-content: space-around; }
.justify-content-between { justify-content: space-between; }
.justify-content-center { justify-content: center; }
.justify-content-end { justify-content: flex-end; }
.justify-content-start { justify-content: flex-start; }
.h-100 { width: 100% !important; }
.h-auto { width: auto !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }
.relative { position: relative; }
.absolute { position: absolute; }

.default-btn { width: 100%; height: 50px; background: #001754; border-radius: 60px; color: #FFF; font-size: 16px;font-family: 'PT Sans', sans-serif;}
.default-btn img { margin: 0 10px 0 0; }
.default-btn.whatsapp { background: #6CC24A; }

#error404 { padding: 150px 0; }
#error404 h1 { font-size: 41px; line-height: 50px; color: #8d8d8d; font-weight: bold }

body #popup_title,
body #popup_panel input,
body #popup_panel input:hover { background: #00ABE5; color: #FFF; }
body #popup_container { border: none; }

.indent { width: 1328px; max-width: 90%; margin: auto; }

.title { font-size: 42px; text-transform: uppercase; font-weight: bold;font-family: 'PT Sans', sans-serif; line-height: 1.1; color: #0077C0; }
.title.dark { color: #3F4D4F; }
.text { font-size: 18px; line-height: 1.4; color: #84868F;font-family: 'PT Sans', sans-serif;}


@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/PTSans-Narrow.eot');
    src: url('../fonts/PTSans-Narrow.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PTSans-Narrow.woff2') format('woff2'),
        url('../fonts/PTSans-Narrow.woff') format('woff'),
        url('../fonts/PTSans-Narrow.ttf') format('truetype'),
        url('../fonts/PTSans-Narrow.svg#PTSans-Narrow') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/PTSans-NarrowBold.eot');
    src: url('../fonts/PTSans-NarrowBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PTSans-NarrowBold.woff2') format('woff2'),
        url('../fonts/PTSans-NarrowBold.woff') format('woff'),
        url('../fonts/PTSans-NarrowBold.ttf') format('truetype'),
        url('../fonts/PTSans-NarrowBold.svg#PTSans-NarrowBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


#header .space{  width: 100%; }
#header .logo-mobile{display: none;}
#header .search-mobile{display: none;}
#header .nav{position: fixed; top:0; display: flex; align-items: center; justify-content: center; width: 100%; padding: 10px 0; background: #ffffff; z-index: 2000; -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, .2); box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, .2);}
#header .indent{display: flex; align-items: center; justify-content: space-between; margin: 0; }
#header .indent button{border: 0; background: 0; display: flex; align-items: center; cursor: pointer; }
#header .indent button:hover svg path { fill: #0077C0; }
#header .indent .logoimg{height: 90px; width: auto;}
#header .navbuttons{display: flex; align-items: center; justify-content: space-between; width: 65%; text-transform: uppercase; font-size: 16px;color: #3F4D4F; font-weight: 100;}
#header .navbuttons a:hover, #header .navbuttons a.active{ text-shadow: 1px 0 0 #0077C0; color:#0077C0}
#header .indent .restrictareabutton{display: flex; display: flex; align-items: center; justify-content: center;}
#header .separetedbutton{margin-left: 100px;}
#header .separetedbutton p{margin-right: 10px; color: #78828F;font-weight: 100;}

#header .accordioncontainer{position: relative;}

#header .navbuttons { position: relative; }
#header .navbuttons .accordion{cursor: pointer;  z-index: 1100;}
#header .navbuttons .accordion span{text-transform: uppercase; margin-right: 6px; font-family: "PT Sans"; color: #3F4D4F; font-weight: 100; font-size: 16px; z-index: 1000;}
#header .navbuttons .accordion span:hover, #header .navbuttons .accordion.active p{ text-shadow: 1px 0 0 #0077C0; color:#0077C0}
#header .navbuttons .accordion img{z-index: 1000; transition: all .3s ease;}
#header .navbuttons .accordion.open img { transform: rotate(-180deg); }
#header .navbuttons .accordion .leftarrow{display: none;}

#fProcurar { display: none; position: absolute; width: 235px; top: 50%; transform: translateY(-50%); right: 0; z-index: 10000; border-radius: 5px; background: #FFF; padding: 7px 15px; -webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, .15); box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, .15); }
#fProcurar .container { width: 100%; display: flex; align-items: center; gap: 10px; }
#fProcurar .input { flex: 1; }
#fProcurar .input input { display: block; width: 100%; border: none; font-size: 12px; }
#fProcurar img { width: 10px; height: 10px; cursor: pointer; }

#header .navbuttons .panel{background: #ffffff; -webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.5); box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.5); padding-top: 45px; z-index: 900; display: flex; flex-direction: column; position: absolute;top: -10px; right: -15%;width: 124px; transform: translateX(-50%); left: 50%; min-width: 90px; width: 6.510416666666667vw;}
#header .navbuttons .panel a{text-align: center; margin-bottom: 18px;}
#header .nav .navbuttons .extention-nav .mobile-panel{display: none;}
#header .navbuttons .panel {background-color: white; -webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0); box-shadow: 0px 0px 11px -1px rgba(0,0,0,0); max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
#header .wpbutton{position: fixed; bottom: 40px; right: 0; height: 100px; width: 100px; z-index: 1500;}
#header .wpbutton img{height: 125px; width: auto;}
#header .insbutton{position: fixed; bottom: 58px; left: 2vw; background-color: #FFF; height: 55px; width: 55px; z-index: 1500; display: flex; justify-content: center; align-items: center; border-radius: 100%; -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.5);  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
#header .insbutton img{height: 35px; width: auto; }

#busca { padding: 70px 0; }
#busca .content { margin-top: 40px; }
#busca .content .categoria {display: flex; flex-direction: column; }
#busca .content .item { width: fit-content; }
#busca .content .item p { font-size: 16px; color: #748091; margin-top: 7px; }
#busca .content .categoria h3 { font-size: 26px; font-weight: bold; color: #3F4D4F; margin-bottom: 25px; }

#home .container-banner{height: 842px; overflow: hidden;}
#home .banner{width: 100%;}
#home .banner .item {width: 100%;}
#home .banner .item img { object-fit: contain; max-width: 100%; height: auto; display: block; }
#home .banner .owl-dots{height: 10px; margin-top: -30px; display: flex; align-items: center; justify-content: center;}
#home .banner .owl-dots button{height: 10px; width: 10px;}
#home .banner .owl-dots button.owl-dot{border: 2px solid #ffffff; height: 10px; width: 10px; z-index: 1000; border-radius: 50%; margin: 0 5px;}
#home .banner .owl-dots button.owl-dot.active{background: #ffffff; border: 0px solid #ffffff;}

#home .indent .title.dark{ margin-bottom: 30px;}
#home .section1{padding: 70px 0; padding-bottom: 80px;}
#home .section1 .indent .owl-carousel .lent{background: linear-gradient(to bottom, transparent 0vh, rgba(255,255,255,0.9)); height: 100%; width: 100%; position: absolute; z-index: 100;}
#home .section1 .indent .owl-carousel p{z-index: 200; margin: 20px; font-weight: bold; text-transform: uppercase; color: #3F4D4F; font-size: 18px;}
#home .section1 .indent .owl-carousel img{z-index: 200; margin: 20px; margin-bottom: 35px; height: 20px; width: auto;}
#home .section1 .indent .owl-carousel .products{position:relative; border-radius: 5px; display: flex; align-items: flex-end; justify-content: space-between; height: 320px;}
#home .section1 .indent .owl-carousel .b1{background: url(../images/tecido.webp); }
#home .section1 .indent .owl-carousel .b2{background: url(../images/cortinas.webp); }
#home .section1 .indent .owl-carousel .b3{background: url(../images/persianas.webp) no-repeat center bottom; }
#home .section1 .indent .owl-carousel .b4{background: url(../images/acessorios.webp); }
#home .section1 .indent .owl-carousel .b5{background: url(../images/papeis.webp); }

#home .section2{background: url(../images/sec2-bg.png); background-size: cover;padding: 100px 0; padding-bottom: 50px;}
#home .section2 .indent h1{ margin-bottom: 30px;}
#home .section2 .row{display: flex; align-items: center; justify-content: space-between; margin: 80px 0; margin-left: 30px;}
#home .section2 .item{display: flex; align-items: center; width: 23%;}
#home .section2 .item img{height: 50px; width: auto; margin-right: 20px;}
#home .section2 .item h2{font-weight: bold; color:#748091; font-size: 20px; }

#home .section3{margin: 80px 0;}
#home .section3 .indent h1{ margin-bottom: 50px;}
#home .section3 .indent .flex{display: flex; justify-content: space-between;}
#home .section3 .indent .item{width: 32%; margin-bottom: 50px;}
#home .section3 .indent .item img{margin-bottom: 20PX;}
#home .section3 .indent .item h2{color: #748091; font-weight: bold; font-size: 18px; margin-left: 15px;}
#home .section3 .indent .item h3{color: #748091; margin-left: 15px;}
#home .section3 .indent .button{ display: flex; align-items: center; justify-content: center; background: 0; border: solid 2px #DDE5EF; border-radius: 5px;  color: #748091; text-transform: uppercase; font-family: "PT Sans"; font-size: 18px;  margin: 0 auto; padding: 20px 105px; width: 30%;}
#home .section3 .indent .button img{margin-left: 10px;}
#home .section3 .indent .item img{width: 100%; height: auto;}

#home .section4{background: #F8F8F8; padding: 80px 0; padding-bottom: 100px;}
#home .section4 .indent .item p{color:#748091; margin-top: 20px;}
#home .section4 .indent .top{display: flex; align-items: center; justify-content: space-between;}
#home .section4 .indent .top h1{color: #3F4D4F; font-weight: bold; font-size: 35px; text-transform: uppercase;}
#home .section4 .indent .top a{display: flex; align-items: center; justify-content: center; color:#748091; font-size: 20px;}
#home .section4 .indent .top img{height: 13px; width: auto; margin-left: 10px;}

#home .section4 .indent .owl-prev{position: absolute; left: -40px;  top: 35%; transform: translateY(-35%); font-size: 50px; color:#748091; background: url(../images/leftlightarrow.png); background-size: contain; background-repeat: no-repeat;  width: 20px; height: 35px;}
#home .section4 .indent .owl-next{position: absolute; right: -40px; top: 35%; transform: translateY(-35%);  font-size: 50px; color:#748091;background: url(../images/rightlightarrow.png); background-size: contain; background-repeat: no-repeat; width: 20px; height: 35px;}
#home .section4 .indent .owl-dots{height: 10px; margin-top: 30px; display: flex; align-items: center; justify-content: center;}
#home .section4 .indent .owl-dots button{height: 10px; width: 10px;}
#home .section4 .indent .owl-dots button.owl-dot{border: 2px solid #748091; height: 10px; width: 10px; z-index: 1000; border-radius: 50%; margin: 0 5px;}
#home .section4 .indent .owl-dots button.owl-dot.active{background: #27A8E3; border: 0px solid #748091;}
.owl-carousel .owl-item img{height: auto!important;}


#empresa .section1{padding: 50px 0;}
#empresa .section1 .flex{display: flex; align-items: center; justify-content: space-between;}
#empresa .section1 .flex+.flex{margin-top: 50px;}
#empresa .section1 .flex img{width: 45%; height: auto;}
#empresa .section1 .column{display: flex; flex-direction: column; width: 50%;}
#empresa .section1 .column h1{margin-bottom: 20px;}
#empresa .section1 .column p{margin-bottom: 20px;}
#empresa .section1 .column .container-icons{max-width: 600px; width: 100%; height: auto; margin-top: 30px;}
#empresa .section1 .column .container-icons img{width: 100%; height: auto;}
#empresa .section1 .column h1{color: #3F4D4F;}
#empresa .section1 .column p {color: #3F4D4F;}

#empresa .section2 {padding: 70px 0;}
#empresa .section2 .indent h1{ margin-bottom: 20px;}
#empresa .section2 .indent .owl-prev{position: absolute; left: -40px;  top: 45%; transform: translateY(-45%); font-size: 50px; color:#748091; background: url(../images/leftlightarrow.png); background-size: contain; background-repeat: no-repeat;  width: 20px; height: 35px;}
#empresa .section2 .indent .owl-next{position: absolute; right: -40px; top: 45%; transform: translateY(-45%); font-size: 50px; color:#748091;background: url(../images/rightlightarrow.png); background-size: contain; background-repeat: no-repeat; width: 20px; height: 35px;}
#empresa .section2 .indent .owl-dots{height: 10px; margin-top: 30px; display: flex; align-items: center; justify-content: center;}
#empresa .section2 .indent .owl-dots button{height: 10px; width: 10px;}
#empresa .section2 .indent .owl-dots button.owl-dot{border: 2px solid #748091; height: 10px; width: 10px; z-index: 1000; border-radius: 50%; margin: 0 5px;}
#empresa .section2 .indent .owl-dots button.owl-dot.active{background: #27A8E3; border: 0px solid #748091;}

#empresa .section3{padding: 60px 0;}
#empresa .section3 .indent{ display: flex; flex-direction: column; justify-content: center;}
#empresa .section3 .indent h1{ text-align: center;}
#empresa .section3 .indent .flex{display: flex;  margin-top: 40px; justify-content: space-between; margin-bottom: 40px;}
#empresa .section3 .indent .flex .column{display: flex; flex-direction: column; align-items: center; justify-content: flex-start; color:#3F4D4F; width: 19%;}
#empresa .section3 .indent .flex .column img{height: 80px; width: auto; margin-bottom: 25px;}
#empresa .section3 .indent .flex .column h2{text-align: center; font-weight: bold;  font-size: 20px; text-transform: uppercase; margin-bottom: 25px; color:#3F4D4F;}
#empresa .section3 .indent .flex .column p{text-align: center; font-size: 15px; color:#3F4D4F;}



#produtos h1{ margin-bottom: 20px;}
#produtos h2{color: #3F4D4F; font-size: 25px; text-transform: uppercase; margin:20px 0;}
#produtos span{font-weight: bold;}
#produtos p{color: #3F4D4F;}
#produtos p+p { margin-top: 20px; }
#produtos a{border: 1px solid #3F4D4F; background: 0; border-radius: 3px;display: flex; align-items:center;  justify-content:center;
    color: #3F4D4F; font-weight: bold; text-transform: uppercase; font-family: "PT Sans"; font-size: 16px;
    padding: 15px 0; margin-top: 20px; width: 360px;}
#produtos a span{font-weight: normal; margin-right: 3px; color: #3F4D4F}
#produtos .flex{display: flex; align-items: center; justify-content: space-between;} 
#produtos .column{display: flex; flex-direction: column; align-items: flex-start;  justify-content: flex-start; width: 47%;}

#produtos .section1{margin: 70px 0;}
#produtos .section1 .flex img{width: 47%; height: auto; border-radius: 9px;} 
#produtos .section1 .column a img{width: 6px; height: auto; margin-left: 8px;} 

#produtos .line{width:70%; height: 2px; background: #E8E8E8; margin: 0 auto;}

#produtos .section2{margin: 70px 0;}
#produtos .section2 .flex img{width: 47%; height: auto; border-radius: 9px;} 
#produtos .section2 .column a img{width: 6px; height: auto; margin-left: 8px;} 

#produtos .margin{height:30px;}

#persital .section1{padding: 50px 0;}
#persital .section1 .title.dark{margin-bottom: 20px;}
#persital .section1 .flex{display: flex; align-items: center; justify-content: space-between; gap: 30px;}
#persital .section1 .flex .column{display: flex; flex-direction: column; align-items: flex-start;  justify-content: flex-start; width: 47%;}
#persital .section1 .flex .column.vantagens {width: 60%;}
#persital .section1 .flex .column.vantagens.info {width: 40%;}
#persital .section1 .flex img{width: 47%; height: auto;}
#persital .section1 .flex .column img{width:25%; height: auto; margin:0 auto 20px;}
#persital .section1 .flex .column.vantagens img{width:100%; height: auto; margin:0 auto 20px;}
#persital .section1 .flex .column p{color: #3F4D4F;margin-bottom: 20px;}
#persital .section1 .flex .column p.bold{font-weight: bold; margin-top: 10px;}
#persital .btn{border: 1px solid #3F4D4F; background: 0; border-radius: 3px; display: flex;align-items: center; justify-content: center; color: #3F4D4F; font-weight: bold; text-transform: uppercase; font-family: "PT Sans";font-size: 16px;padding: 10px 0;margin-top: 20px; width: 240px;}

#persital .section2{padding: 50px 0; padding-bottom: 100px;}
#persital .section2 h1{ margin-bottom: 20px;}
#persital .section2 .indent .owl-carousel{display: flex; justify-content: space-between;}
#persital .section2 .indent .owl-carousel .lent{background: linear-gradient(to bottom, transparent 5vh, rgba(255,255,255,0.9)); height: 100%; width: 100%; position: absolute; z-index: 100;}
#persital .section2 .indent .owl-carousel p{z-index: 200; margin: 20px; font-weight: bold; text-transform: uppercase; color: #3F4D4F; font-size: 18px;}
#persital .section2 .indent .owl-carousel img{z-index: 200; margin: 20px; height: 20px; width: auto;}
#persital .section2 .indent .owl-carousel .products{position:relative; border-radius: 5px; background-repeat: no-repeat; background-size: cover; display: flex; align-items: flex-end; justify-content: space-between; height: 340px;  }
#persital .section2 .indent .owl-carousel .b1{background: url(../images/rolo.webp); }
#persital .section2 .indent .owl-carousel .b2{background: url(../images/romana.webp) no-repeat center; background-size: cover; }
#persital .section2 .indent .owl-carousel .b3{background: url(../images/painel.webp);}
#persital .section2 .indent .owl-carousel .b4{background: url(../images/horizontal.webp);}
#persital .section2 .indent .owl-carousel .b5{background: url(../images/vertical.webp) no-repeat center bottom; background-size: cover;}


#contato{margin-bottom: 100px;}
#contato .indent h1{ margin-top: 50px; margin-bottom: 30px;}
#contato .indent .flex{display: flex; justify-content: space-between;}

#contato .indent .flex h2{color: #393939; font-family: "PT Sans"; font-size: 26px; margin-bottom: 10px;}
#contato .indent .flex h3{ font-size: 16px; margin-bottom: 10px;}


#contato .indent .flex .column{display: flex; flex-direction: column; width:47%;}
#contato .indent .flex .column .socialicon{display: flex; justify-content: space-between; width: 140px; margin-bottom: 20px;}
#contato .indent .flex .column .socialicon a img{height: 37px; width: auto;}
#contato .indent .flex .column .map{width:100%; height: 100%; margin-top: 25px; display: flex; justify-content: center; align-items: center;}

#contato .indent .flex form{display: flex; flex-direction: column; width:47%;  padding-left: 15px;}
#contato .indent .flex form .line{width: 100%;height: 2px; background: #EFEFEF; margin-bottom: 20px;  margin-top: 10px;}
#contato .indent .flex form input{width: 100%; height: 40px;  border: 1px solid #C7D6D6; border-radius: 5px; padding-left: 15px;}
#contato .indent .flex form select{width: 100%; border: 1px solid #C7D6D6; border-radius: 2px; height: 40px; padding-left: 15px;}
#contato .indent .flex form .inputflex{display: flex; width: 100%; justify-content: space-between;}
#contato .indent .flex form .inputflex .inputplace{display: flex; flex-direction: column; width: 49%;}
#contato .indent .flex form .inputflex .inputplace input{width: 100%;}
#contato .indent .flex form textarea{width: 100%; border: 1px solid #C7D6D6; border-radius: 5px; padding: 15px;}
#contato .indent .flex form button{border: 0; background: #00ABE5; border-radius: 5px; padding: 18px 0; cursor: pointer; font-family: "PT Sans"; font-weight: bold; color: #ffffff; font-size: 18px;}
#contato .indent .flex form label.error { font-size: 12px; color: red; padding-left: 2px 0 0 3px; }
#contato .indent .flex form > div { margin: 0 0 15px; }
#contato .indent .flex form .check{height: 15px; width: 15px; margin-right: 5px;}
#contato .indent .flex form .text{margin-left: 15px;}
#contato .indent .flex form .link{text-decoration: underline; color: #00ABE5;}

#mostruarios {margin: 80px 0; margin-bottom: 100px;}
#mostruarios .indent .line{width: 100%; height: 1px; background: #E1E1E1;}
#mostruarios .indent h2{color: #3F4D4F; text-transform: uppercase; font-weight: bold; font-size: 30px; margin-bottom: 35px; }
#mostruarios .indent .item { padding: 50px 0; border-top: 1px solid #E1E1E1; }
#mostruarios .indent .grid{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px; }

#mostruarios .indent .topsection .flex{display: flex; justify-content: space-between;}
#mostruarios .indent .topsection .flex .links{width: 37%; display: flex; justify-content: space-between; align-items: center;}
#mostruarios .indent .topsection .flex a{color: #3F4D4F; text-transform: uppercase; font-weight: bold; font-size: 20px; transition: all .3s ease; }
#mostruarios .indent .topsection .flex a:hover, #mostruarios .indent .topsection .flex a.active { color: #0077C0; }
#mostruarios .indent .topsection .line{margin-top: 10px; margin-bottom: 60px;}

#mostruarios .indent .grid a img{width: 100%; height: auto;}



#books{padding-top: 80px;}
#books .topsection .flex{display: flex; justify-content: space-between; margin-bottom: 100px;}
#books .topsection .flex .img{ width:48%;}
#books .topsection .flex .img img { width: 100%; height: auto; }
#books .topsection .flex .column{display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width:47%;}
#books .topsection .flex .column h1{ margin-bottom: 25px;}
#books .topsection .flex .column h2{color: #3F4D4F;  font-size: 28px;margin-bottom: 30px;}
#books .topsection .flex .column p {color: #3F4D4F;}
#books .topsection .flex .column a{border: 2px solid #3F4D4F; background: 0; border-radius: 3px;display: flex; align-items:center;  justify-content:center;
    color: #3F4D4F; font-weight: bold; text-transform: uppercase; font-family: "PT Sans"; font-size: 16px;
    padding: 15px 0; margin-top: 40px; width: 280px;}
#books .topsection .flex .column a img{width: 6px; height: auto; margin-left: 8px;}

#books .bottomsection{margin: 80px 0; margin-top: 0px;}
#books .bottomsection h1{ margin-bottom: 50px;}
#books .bottomsection .flex{display: flex; justify-content: space-evenly; gap: 20px; margin-bottom: 50px;}
#books .bottomsection .item img{margin-bottom: 20PX;}
#books .bottomsection .item h2{color: #748091; font-weight: bold; font-size: 24px; margin-left: 18px;}
#books .bottomsection .item h3{color: #748091; margin-left: 18px; font-size: 19px;}
#books .bottomsection .button{
    display: flex; align-items: center; justify-content: center; background: 0; border: solid 2px #DDE5EF; border-radius: 5px; 
    color: #748091; text-transform: uppercase; font-family: "PT Sans"; font-size: 18px; 
    margin: 0 auto; padding: 20px 100px; width: 30%;}
#books .bottomsection .button img{margin-left: 10px;}
#books .bottomsection .item img{width: 100%; height: auto;}

#blog{padding-top: 50px;}
#blog .indent h1{ margin-bottom: 40px;}
#blog .indent .nav{display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px;}
#blog .indent .nav .links{width: 31%; display: flex; justify-content: space-between; align-items: center;}
#blog .indent .nav .links a{color: #3F4D4F; font-size: 18px; text-transform: uppercase; font-weight: 500; }
#blog .indent .nav .links a:hover, #blog .indent .nav .links a.active {color: #0077C0;}
#blog .indent .nav form{ width: 58%; display: flex; justify-content: space-between; align-items: center;}
#blog .indent .nav form label{color: #3F4D4F; font-size: 16px;}
#blog .indent .nav form input{border: 2px solid #EEEEEE; padding: 5px 15px;  border-radius: 5px; width: 100%; color: #3F4D4F; font-size: 16px;}
#blog .indent .nav form .inputcontainer{width: 60%; position: relative;}
#blog .indent .nav form .inputcontainer button{position: absolute; top: 10px; right: 15px; height: 15px; width: 15px; border: none; background: none; cursor: pointer;}
#blog .indent .nav form select{border: 2px solid #EEEEEE; padding: 5px 15px; border-radius: 5px; width: 25%; color: #3F4D4F; font-size: 16px;}

.blog .indent .grid{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 15px; margin-bottom: 40px;}
.blog .indent .grid .item{display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.blog .indent .grid .item h2{font-size: 16px; font-weight: bold; color: #3F4D4F; margin-left: 10px; margin-top: 10px;}
.blog .indent .grid .item p{ font-size: 18px; color: #3F4D4F;margin-left: 10px; margin-top: 15px; min-height: 46px;}
.blog .indent .grid .item a{ font-size: 18px; font-weight: bold; color: #2B6BAA;margin-left: 10px; margin-top: 15px; margin-bottom: 30px;}
.blog .indent .grid .item .link{margin: 0;}



#blog .indent .buttons{width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 80px;}
#blog .indent .buttons button{border: 1px solid #EFEFEF; border-radius: 5px; background: #ffffff; height: 40px; width: 40px; margin: 0 5px;
    font-family: "PT Sans"; color: #707070; font-size: 18px; 
    display: flex; justify-content: center; align-items: center;}
#blog .indent .buttons .next{margin: 0 15px;}
#blog .indent .buttons .next img{height: 15px; width: auto;}
#blog .indent .buttons button:active{ border: 0px solid #EFEFEF; background: #27AAE2; color: #ffffff;}


#novidades .section1{ background-size: cover; background-repeat: no-repeat; background-position: center;
    height: 50vh; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding-bottom: 40px; padding-top: 10%;}
#novidades .section1 h1{ max-width: 720px; text-align: center; }
#novidades .section1 img{ width: 35px; height: auto;}

#novidades .section2 {margin-top: 80px; margin-bottom: 100px;}
#novidades .section2 .indent p{margin-bottom: 25px;}
#novidades .section2 .indent h2 { font-size: 42px; color: #3F4D4F; font-weight: bold; margin-bottom: 25px; line-height: 1; }
#novidades .section2 .indent h3 { font-size: 24px; color: #3F4D4F; font-weight: bold; margin-bottom: 25px; line-height: 1; }
#novidades .section2 .indent .text {color: #3F4D4F!important;}
#novidades .section2 .indent .text p{color: #3F4D4F!important;}
#novidades .section2 .indent .text span{color: #3F4D4F!important;}
#novidades .section2 .indent .img { margin-bottom: 25px; }
#novidades .section2 .indent .flex{display: flex; justify-content: space-between; margin-bottom: 80px;}
#novidades .section2 .indent .flex .column{display: flex; flex-direction: column; width: 47%;}
#novidades .section2 .indent .flex img{width: 47%; height: auto;}

#novidades .section3{background: #F8F8F8; padding: 80px 0; padding-bottom: 100px;}
#novidades .section3 .indent{ z-index: 500;}
#novidades .section3 .indent .top{display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px;}
#novidades .section3 .indent .top a{display: flex; align-items: center; justify-content: center; color:#748091; font-size: 20px;}
#novidades .section3 .indent .top img{height: 13px; width: auto; margin-left: 10px;}
#novidades .section3 .indent .item {display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
#novidades .section3 .indent .item .link{margin: 0;}
#novidades .section3 .indent .item h2{font-size: 16px; font-weight: bold; color: #748091 ;margin-left: 10px; margin-top: 10px;}
#novidades .section3 .indent .item p{font-size: 18px;color: #748091; margin-top: 15px;min-height: 46px;}
#novidades .section3 .indent .item a{font-size: 18px;font-weight: bold; color: #2B6BAA;margin: 20px 0 20px}

#novidades .section3 .indent .owl-prev{position: absolute; left: -40px;  top: 35%; transform: translateY(-35%); font-size: 50px; color:#748091; background: url(../images/leftlightarrow.png); background-size: contain; background-repeat: no-repeat;  width: 20px; height: 35px;}
#novidades .section3 .indent .owl-next{position: absolute; right: -40px; top: 35%; transform: translateY(-35%);  font-size: 50px; color:#748091;background: url(../images/rightlightarrow.png); background-size: contain; background-repeat: no-repeat; width: 20px; height: 35px;}
#novidades .section3 .indent .owl-dots{height: 10px; margin-top: 30px; display: flex; align-items: center; justify-content: center;}
#novidades .section3 .indent .owl-dots button{height: 10px; width: 10px;}
#novidades .section3 .indent .owl-dots button.owl-dot{border: 2px solid #748091; height: 10px; width: 10px; z-index: 1000; border-radius: 50%; margin: 0 5px;}
#novidades .section3 .indent .owl-dots button.owl-dot.active{background: #27A8E3; border: 0px solid #748091;}
#novidades .section3 .indent .item p{ color: #748091;}
#novidades .section3 .indent .owl-carousel .own-item{z-index: 500;}

#politicadeprivacidade{padding: 80px 0; color: #3F4D4F;}
#politicadeprivacidade h1{font-size: 42px; text-transform: uppercase; text-align: center; margin-bottom: 40px;}
#politicadeprivacidade h2{font-size: 28px; text-transform: uppercase; margin: 30px 0;}
#politicadeprivacidade p{font-size: 18px; margin-bottom: 10px;}

#quarenta-anos {padding: 6em 0 0 0;}
#quarenta-anos img {width: auto; height: auto;}
#quarenta-anos > * {font-family: "PT sans", sans-serif;}
#quarenta-anos .mosaic {margin-bottom: 7.5em;}
#quarenta-anos .mosaic h1 {font-size: 2.5rem; font-weight: 700; text-transform: uppercase; color: #1B2445; margin-bottom: 2.25rem; position: relative;}
#quarenta-anos .mosaic h1::before {content: ""; display: block; width: 5%; height: 2px; background-color: #21AEE4; position: absolute; top: 0; left: 0;}

#quarenta-anos .timeline .indent {display: flex; flex-direction: column; align-items: center; width: 900px;}
#quarenta-anos .timeline .timeline-point-container {width: 100%; display: grid; grid-template-rows: 1fr; gap: 1em; justify-items: center; align-items: center;}
#quarenta-anos .timeline .timeline-point-container:nth-of-type(odd) {grid-template-columns: 35% 65%;}
#quarenta-anos .timeline .timeline-point-container:nth-of-type(odd) img {order: 2;}
#quarenta-anos .timeline .timeline-point-container:nth-of-type(odd) ul {order: 1; justify-self: end;}
#quarenta-anos .timeline .timeline-point-container:nth-of-type(even) {grid-template-columns: 65% 35%;}
#quarenta-anos .timeline .timeline-point-container:nth-of-type(even) img {order: 1;}
#quarenta-anos .timeline .timeline-point-container:nth-of-type(even) ul {order: 2; justify-self: start;}

#quarenta-anos .timeline .timeline-point-container img {background-color: #fff; border: 4px solid #fff; box-shadow: 1px 1px 25px 5px rgba(0, 0, 0, .2); max-width: 100%; width: auto;}
#quarenta-anos .timeline .timeline-point-container img.no-shadow {box-shadow: none;}
#quarenta-anos .timeline .timeline-point-container ul {margin: 0 1.375rem; min-width: 35%;}
#quarenta-anos .timeline .timeline-point-container ul li span {font-size: 1.875rem; font-weight: 700; color: #1B2445; position: relative; margin-bottom: 0.5em;}
#quarenta-anos .timeline .timeline-point-container ul li span::before {content: ""; display: block; width: 0.5rem; height: 0.5rem; background: #21AEE4; position: absolute; top: 50%; left: -1.375rem; transform: translate(0, -50%);}
#quarenta-anos .timeline .timeline-point-container ul li p {font-size: 1.375rem; color: #1B2445; margin-bottom: 0.5em;}
#quarenta-anos .timeline .indent > span {width: 3px; height: 5em; display: block; background: #E6E7E8; appearance: none; border: none; outline: none; position: relative; margin: 2.5em 0;}
#quarenta-anos .timeline .indent > span::before {content: ""; display: block; width: 9px; height: 9px; background: #21AEE4; position: absolute; top: 100%; left: 50%; transform: translate(-50%, 0); ;}

#quarenta-anos .logos .container {display: flex; align-items: stretch; justify-content: space-evenly; gap: 1em; padding: 4em 4em 2em; background: linear-gradient(to right, #F3F3F3, #E2F4FC); margin-top: 5em; }
#quarenta-anos .logos .container li {display: grid; height: auto; align-items: center; justify-content: center; gap: 1em;}
#quarenta-anos .logos .container li > div {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; gap: 1.25em;}
#quarenta-anos .logos .container li span {font-size: 1.25rem; font-weight: 700; color: #1B2445; position: relative; text-align: center; align-self: end;}
#quarenta-anos .logos .container li span::before {content: ""; display: block; width: 1em; height: 2px; position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%); background: #21AEE4;}

@media (max-width: 1028px) {
    #quarenta-anos .logos .container {display: grid; grid-template-rows: 0.5fr 1fr; grid-template-columns: repeat(4, 1fr); gap: 2em; padding: 2em; background: linear-gradient(to bottom, #F3F3F3, #E2F4FC); margin-top: 3em; }
    #quarenta-anos .logos .container li {display: grid; height: auto; align-items: center; justify-content: center; gap: 1em; grid-row: 1 / 2;}
    #quarenta-anos .logos .container li:last-child {grid-row: 2 / 3; grid-column: 1 / 5;}
    #quarenta-anos .logos .container li img {width: auto; max-width: 100%;}
    #quarenta-anos .logos .container li > div {display: grid; grid-template-columns: repeat(3, 1fr); width: 100%;}    
}

#footer .top{background: #FFF; padding: 50px 0;}
#footer .top .indent{display: flex; flex-direction: column; justify-content: center; align-items: center;}
#footer .top .indent h1{color: #3F4D4F; font-weight: bold; font-size: 32px; margin-bottom: 2px;}
#footer .top .indent h2{color: #3F4D4F; font-weight: 100; font-size: 16px; margin-bottom: 20px;}
#footer .top .indent form{display: flex;}
#footer .top .indent input{
    opacity: 0.7;background: 0; border: 1px solid #99CAEE; color:#8BA8BC; font-weight: 100; margin-right: 20px; border-radius: 3px; padding: 0 13px; line-height: 48px; width: 300px; display: block;}
#footer .top .indent button{background: 0; cursor: pointer; border: 2px solid #99CAEE; color:#2B6BAA; font-weight: bold; border-radius: 3px; padding: 0 50px; line-height: 48px; font-family: "PT Sans";}
#footer .top .indent form .input label.error { font-size: 12px; color: red; padding: 2px 0 0 3px; }

#footer .mid{background: #182947;}
#footer .mid .indent{display: flex; color: #ffffff; justify-content: space-between; align-items: flex-start; max-width: 60%; padding: 30px 0;}
#footer .mid .indent .footcolumn{display: flex; flex-direction: column;}
#footer .mid .indent .footcolumn:nth-child(1) { align-self: center; }
#footer .mid .indent .footcolumn .whitelogo{height: 140px; width: auto;}
#footer .mid .indent .footcolumn .perlogo{width: 130px; height: auto;}
#footer .mid .indent .footcolumn.menu a { text-transform: uppercase!important; }

#footer .mid .indent .footcolumn h1{font-weight: bold; margin-bottom: 20px;}
#footer .mid .indent .footcolumn p{font-weight: 100; margin-bottom: 7px; color: #8597AF;}
#footer .mid .indent .footcolumn a{font-weight: 100; margin-bottom: 7px; color: #8597AF;}

#footer .mid .indent .footcolumn .sociallinks{display: flex; margin-left: -10px;}
#footer .mid .indent .footcolumn .sociallinks img{height: 50px; width: auto;}
#footer .mid .indent .mobile-menu{display: none;}

#footer .bot{display: flex; align-items: center; justify-content: center; background: #12213D; width:100%; padding: 10px 0;}
#footer .bot p{color: #8597AF; text-align: center; font-weight: 100; font-size: 13px;}


@media(max-width: 1440px){

    #home .section1 .indent .owl-carousel .products{height: 270px;}
    #home .section3 .indent .button{border-radius: 5px; font-size: 18px; padding: 20px 75px; width: 35%;}

    #persital .section2 .indent .flex  .products{height: 270px; width: 180px;}

    #books .indent .bottomsection .button{border-radius: 5px; font-size: 18px; padding: 20px 75px; width: 35%;}
}

@media(max-width: 1366px){
    #header .separetedbutton{margin-left: 50px;}
    #home .section1 .indent .owl-carousel .products{height: 255px; }
    #home .section1 .indent .owl-carousel p{margin: 15px; font-size: 15px; margin-bottom: 30px;}
    #home .section3 .indent .button{border-radius: 5px; font-size: 18px; padding: 20px 75px; width: 40%;}

    #books .indent .bottomsection .button{border-radius: 5px; font-size: 18px; padding: 20px 75px; width: 40%;}

    #mostruarios .indent .topsection .flex .links{width: 45%;}

    #persital .section2 .indent .owl-carousel  .products{height: 255px;}

    #blog .indent .nav .links{width: 28%;}

}

@media(max-width: 1280px){
    #header .separetedbutton{margin-left: 30px;}
    #header .wpbutton{right:0; bottom: 0;}
    #header .insbutton{left:40px; bottom: 15px;}
    #header .insbutton img{height: 50px;}

    #home .section1 .indent .owl-carousel p{margin: 15px; font-size: 14px; margin-bottom: 30px;}
    #home .section1 .indent .owl-carousel .products{height: 220px;}
    #home .section3 .indent .button{border-radius: 5px; font-size: 18px; padding: 20px 75px; width: 40%;}

    #books .indent .bottomsection .button{border-radius: 5px; font-size: 18px; padding: 20px 75px; width: 40%;}

    #persital .section2 .indent .owl-carousel .products{height: 220px;}

    #mostruarios .indent .topsection .flex .links{width: 45%;}

    #blog .indent .nav .links{width: 30%;}
    #blog .indent .buttons button{height: 50px; width: 50px;}
}

@media(max-width: 1070px){
    #novidades .section1{background-size: contain; height: 23.239583vw; padding: 0;}
}

@media(max-width: 1024px){
    #wrapper > .wrap {padding: 60px 0 0;}
    /* #header .space{ height:80px;} */
    #header .indent .logoimg{height: 60px; width: auto;}
    #header .separetedbutton{margin-left: 10px;}
    #header .navbuttons{width: 70%;font-size: 13px;}
    #header .navbuttons .accordion span{margin-right: 2px; font-size: 13px;}
    #header .navbuttons .accordion img{z-index: 1000;}
    #header .navbuttons .panel{ padding-top: 40px; z-index: 900; top: -10px; right: -12%;width: 5.208333333333333vw; min-width: 70px;}
    #header .navbuttons .panel a{text-align: center; margin-bottom: 14px;}

    #home .section1 .indent .owl-carousel p{margin: 12px; font-size: 13px; margin-bottom: 20px;}
    #home .section1 .indent .owl-carousel .products{height: 200px;}
    #home .section1 .indent .owl-carousel img{z-index: 200; margin: 10px; margin-left: 0px; margin-bottom: 25px;}
    #home .section2 .row{margin: 50px 0; margin-left: 10px;}
    #home .section2 .item img{height: 40px; margin-right: 20px;}
    #home .section2 .item h2{font-size: 18px; }
    #home .section1 .indent .title.dark { margin-left: 20px; }

    #books .topsection .flex img{ width:48%; height: auto;}
    #books .topsection .flex .column h1{font-size: 30px; text-transform: uppercase; margin-bottom: 20px;}
    #books .topsection .flex .column h2{font-size: 22px;margin-bottom: 17px;}
    #books .topsection .flex .column p{font-size: 14px;}
    #books .topsection .flex .column a{font-size: 13px;padding: 15px 0; margin-top: 20px; width: 270px;}
    #books .topsection .flex .column a img{width: 6px; margin-left: 8px;}
    #books .bottomsection .item h2{font-size: 20px; margin-left: 10px;}
    #books .bottomsection .item h3{margin-left: 10px; font-size: 16px;}
    
    #blog .indent .nav .links a{font-size: 15px;}
    #blog .indent .nav form label{font-size: 13px;}
    #blog .indent .nav form input{font-size: 13px;}
    #blog .indent .nav form .inputcontainer{width: 57%;}
    #blog .indent .nav form select{width: 27%; font-size: 13px;}
    .blog .indent .grid{grid-template-columns: repeat(3, 1fr); grid-gap: 15px; margin-bottom: 40px;}
    .blog .indent .grid .item h2{font-size: 14px; margin-left: 5px; margin-top: 8px;}
    .blog .indent .grid .item p{ font-size: 16px; margin-left: 5px; margin-top: 8px;}
    .blog .indent .grid .item a{ font-size: 16px; margin-left: 5px; margin-top: 8px; margin-bottom: 20px;}
    #wrapper > .wrap.blog.novidades{padding: 0;}

    #contato .indent .flex form button{padding: 10px 0;}

    #empresa .section1 .column h1{font-size: 30px; margin-bottom: 15px; color: #3F4D4F;}
    #empresa .section1 .column p { font-size: 14px; margin-bottom: 15px;  color: #3F4D4F;}
    #empresa .section3{padding: 40px 0;}
    #empresa .section3 .indent{max-width: 75%; }
    #empresa .section3 .indent .flex .column{width: 22%;}
    #empresa .section3 .indent .flex .column img{height: 65px;margin-bottom: 20px;}
    #empresa .section3 .indent .flex .column h2{font-size: 17px;margin-bottom: 20px; color: #3F4D4F;}
    #empresa .section3 .indent .flex .column p{font-size: 13px; color: #3F4D4F;}

    #mostruarios .indent .topsection .flex h1{font-size: 32px;}
    #mostruarios .indent .topsection .flex .links{width: 45%;}
    #mostruarios .indent .topsection .flex a{font-size: 16px;}
    #mostruarios .indent .topsection .line{margin-top: 10px; margin-bottom: 60px;}

    #novidades .section1 h1{font-size: 34px;}
    #novidades .section2 {margin-top: 80px; margin-bottom: 100px;}
    #novidades .section2 .indent p{margin-top: 14px;}
    #novidades .section2 .indent .flex{margin-bottom: 80px; align-items: center;}
    #novidades .section2 .indent .flex img{width: 47%; height: 60%;}
    #novidades .section2 .indent h1{font-size: 28px; }

    #persital .section1{padding: 40px 0;}
    #persital .section1 .flex .column img{width:30%; height: auto; }
    #persital .section1 .flex .column p{color: #3F4D4F;margin-bottom: 15px; font-size: 14px;}
    #persital .section2 .indent .owl-carousel  p{margin: 12px; font-size: 13px; margin-bottom: 27px;}
    #persital .section2 .indent .owl-carousel  .products{height: 200px;}
    #persital .section2 .indent .owl-carousel  img{z-index: 200; margin: 10px; margin-left: 0px; margin-bottom: 25px;}

    #produtos h1{font-size: 30px;  margin-bottom: 15px;}
    #produtos h2{ font-size: 20px; margin:15px 0;}
    #produtos p{font-size: 14px;}
    #produtos a{ font-size: 14px; width: 300px;}
    #produtos .margin{height:25px;}

    #footer .top .indent input{margin-right: 20px; border-radius: 3px; padding: 9px; width: 250px; line-height: 34px;}
    #footer .top .indent button{padding: 9px 30px;  line-height: 33px;}
    #footer .mid .indent{max-width: 75%; padding: 30px 0;}
    #footer .mid .indent .footcolumn .whitelogo{height: 110px;}
    #footer .mid .indent .footcolumn .perlogo{width: 105px;}
}