/*  
Theme Name: Fulltime Latam
Author: Mustache
Author URI: https://mustache.com.br
*/

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {margin: 0; padding: 0; }
img, fieldset {border: 0; }
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
/* set img max-width */
/* ie 8 img max-width */
@media \0screen {img { width: auto;} }

/*Formatação Geral*/
body {font-family: 'Montserrat', sans-serif; color: #fff; background: url(images/bg.jpg) no-repeat #7f0809; background-size: cover; background-position: top 300px center;}
a {; text-decoration: none; outline: none;}
a:hover {text-decoration: none; }
p {margin: 0 0 20px; padding: 0; }
ul, ol {margin: 0; padding: 0; line-height: 140%; list-style-position: inside!important; list-style-image: url(images/list.png)!important;}
li {margin: 0 0 .5em 0; padding: 0; }
h1, h2, h3, h4, h5, h6 {line-height: 1.4em; margin: 15px 0 5px; } 
h1 {font-size: 2em; } h2 {font-size: 1.8em; } h3 {font-size: 1.6em; } h4 {font-size: 1.4em; } h5 {font-size: 1.2em; } h6 {font-size: 1em; }
.pagewidth {width: 70%; margin: 0 auto; }
html{scroll-behavior: smooth;}
#cursos, #cursos, #sobre, #depoimentos, #investimento, #duvidas, #contato{ margin-top: -90px; padding-bottom: 90px; }
img{max-width: 100%;}
.wppfloat {width: 80px; height: 80px; position: fixed; bottom: 30px; right: 30px; z-index: 1000;}

/*Menu*/
#menu{width: 100%; padding: 12px 0px; height: 100px; position: sticky; top: 0; right: 0; left: 0; z-index: 1030; background: #fff; font-family: var(--font);}
#menu .content{width: 70%; margin: 0 auto;}
#menu .navbar-brand img{height: 60px; width: auto; margin-bottom: 0px;}
#menu .flag {height: 30px; width: 30px; right: 0%; position: absolute; }
#menu .navbar-expand-lg .navbar-collapse{margin: 0px auto 0px; }
#menu .navbar-expand-lg .navbar-nav{margin: 0px 70px 0px auto; }
#menu .navbar-nav .nav-item{margin: 5px 0px; padding: 10px 5px;}
#menu .navbar-nav .nav-link {color: #6d6e71; font-family: var(--font); font-size: 100%; font-weight: 500; transition: .3s; padding: 10px 12px}
#menu .navbar-nav .nav-link:hover{color: #ed1c26;}
#menu .dropdown-item:hover {display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; color: #ed1c26; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; }
#menu .dropdown-toggle::after {font-weight: 900; font-family: "Font Awesome 5 Free"; content: "\f078"; color: #ed1c26; display: inline-block; font-size: 11px; width: 15px; height: 15px; margin-left: .355em; vertical-align: 0.055em; border-top: 0em solid; border-right: 0em solid transparent; border-bottom: 0; border-left: 0em solid transparent; }
#menu .navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute; background: #fff; font-size: 90%;    margin: 0 -10px;}
#menu .navbar-expand-lg .navbar-nav .dropdown-menu:before {content: ''; top: -16px; position: absolute; left: 10%; width: 0; height: 0; border-right: 8px solid transparent; border-top: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #d9d9d9; }
#menu .titulo-areas {color: #ed1c26; font-weight: 600; font-family: var(--font); margin-left: 0.5rem;  padding: 5px 0px;}
#menu .row{margin: 0px;}
#menu .row .col-sm-4{padding: 0px; font-size: 90%;}
#menu .dropdown-menu {min-width: 250px; } 
#menu .dropdown-menu.columns-2 {min-width: 400px; } 
#menu .dropdown-menu li a {padding: 5px 15px; font-weight: 300; } 
#menu .multi-column-dropdown {list-style: none; margin: 0px; padding: 0px; } 
#menu .multi-column-dropdown li a {display: block; clear: both; transition: .3s; line-height: 1.428571429; color: #333; white-space: normal; padding: 0.25rem 0.5rem; clear: both; font-weight: 400; color: #212529; background-color: transparent; border: 0; } 
#menu .multi-column-dropdown li a:hover {text-decoration: none; color: #ed1c26; }
#menu .navbar-expand-lg .navbar-nav b{font-weight: 600;}
#menu .collapse navbar-collapse{margin-top: 7px;}
#menu .navbar-nav li:hover .dropdown-menu {display: block; }
#menu .navbar{padding: 0;}
#menu .areadocliente{background: #f1f1f1; border-radius: 8px; padding: 12px 25px!important; margin-left: 10px; transition: .3s;}
#menu ul{list-style: none; list-style-image: none!important}
/*Slide*/
.slide{background: #494949; height: auto; width: 100%;}
.slide #owl-slide .item img{width: 100%; height: auto; object-fit: cover;}
.slide #owl-slide .item{height: auto}
.slide #owl-slide .desktop{display: block;}
.slide #owl-slide .mobile{display: none;}
.slide #owl-slide .owl-nav:focus{outline: none; }
.slide button:focus {outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color;}
.slide #owl-slide .owl-nav {height: auto!important; margin-top: -800px!important; width: 100%; z-index: 700; }
.slide #owl-slide .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 31; border-radius: 50px; border: solid 0px transparent; } 
.slide #owl-slide .owl-next {position: absolute; margin-top:370px; border: 0px; right: 2%; width: 60px; height: 60px; font-size: 40px; line-height: 52px; padding: 5px 5px 5px 8px; border-radius: 50%; background: transparent; color: #fff; transition: .2s; }
.slide #owl-slide .owl-prev {position: absolute; margin-top:370px; border: 0px; left: 2%; width: 60px; height: 60px; font-size: 40px; line-height: 52px; padding: 5px 8px 5px 5px; border-radius: 50%; background: transparent; color: #fff; transition: .2s;} 
.slide #owl-slide .owl-prev:hover {color: #ed1c26; background: transparent;}
.slide #owl-slide .owl-next:hover {color: #ed1c26; background: transparent;}
.slide .owl-theme .owl-dots .owl-dot span {width: 20px; height: 20px; background: transparent!important; border: solid 1px #ed1c26; margin: 5px 5px;}
.slide .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #ed1c26!important; }
.slide .owl-theme .owl-nav.disabled+.owl-dots {margin-top: -130px; height: 130px; text-align: left;}
.slide .owl-dots{margin-top: -250px; display: flex; justify-content: center; align-items: center; padding-left: 0px}
.slide .owl-theme .owl-dots .owl-dot span {width: 13px; height: 13px; background: #ffffff99!important; border: solid 1px #ffffff99; margin: 0px 7px; transition: .3s}
.slide .owl-theme .owl-dots .owl-dot.active span {background: #ffffff!important; border: solid 1px #ffffff; transition: .3s}
.slide .owl-theme .owl-dots .owl-dot:hover span {background: #ed1c26!important; border: solid 1px  #ed1c26;}

.animated  {-webkit-animation-duration : 1000ms ; animation-duration : 1000ms ; -webkit-animation-fill-mode : both ; animation-fill-mode : both ;}
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {z-index : 1 }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {z-index : 0 }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {-webkit-animation-name: fadeOut; animation-name: fadeOut; }
@-webkit-keyframes  fadeOut  {0% {opacity : 1   ; } 100% {opacity : 0   ; } } @keyframes  fadeOut  {0% {opacity : 1   ; } 100% {opacity : 0   ; } }


/*Intro*/
.intro{padding: 0px 0px 120px;}
.intro .form{max-width: 750px; margin: 0 auto; background: #fff; padding: 15px; border-radius: 15px;}
.intro .head {color: #fff; text-align: center; margin-bottom: 0px; font-weight: 700; font-size: 200%; background: url(images/form-head.png) no-repeat center; background-size: auto 160px; padding: 80px 0; margin-top: 80px;}
.intro .sub {color: #fff; text-align: center; font-weight: 700; font-size: 230%;}
.intro .subsub{color: #fff; text-align: center; font-weight: 400; font-size: 180%; margin-bottom: 50px;}
.intro .wpcf7-list-item{margin-left: 0px;}
.intro ul, .pagina ol{list-style-position: inside;}
.intro .wpcf7-list-item label{display: flex; align-items: center; margin-right: 20px; margin-bottom: 0px; font-size: 100%;}
.intro .wpcf7-list-item label input {width: auto; margin: 3px 4px 3px 0px;}
.intro span.ramo {color: #ed1c26; font-weight: 700; font-size: 146%; line-height: 190%; text-align: center; width: 100%; margin-bottom: -20px; margin-top: 15px; display: block; }
.intro .ramoselect{width: 100%; background: #f7f7f7; font-family: 'Montserrat', sans-serif; padding: 0px; display: block; justify-content: center; border: solid 1px #f7f7f7; border-radius: 6px; margin: 3px 0px; transition: .3s}
.intro .wpcf7-acceptance .wpcf7-list-item label {display: inline-block!important; color: #fff; background: transparent; padding: 20px 0px; }
.intro a{color: #fff;}

/*Cursos*/
.solucoes{padding: 60px 0px 120px; font-family: 'Montserrat', sans-serif;}
.solucoes .eco{ max-width: 1300px;height: auto;display: block;margin: 0 auto;}
.solucoes .head{color: #7f0809; background: url(images/solucoes-head-lp.png) center no-repeat; background-size: auto 80px; height: 80px; font-size: 200%; width: 100%; margin: 0 auto 80px; text-align: center; line-height: 80px; font-weight: 400;}
.solucoes .box1{background: rgb(255,255,255); background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);}
.solucoes .box1 .titulo{color: #7f7f7f;}
.solucoes .box1 p{color: #7f7f7f;}
.solucoes .box2{background: rgb(240,240,240); background: radial-gradient(circle, rgba(240,240,240,1) 0%, rgba(224,224,224,1) 100%);}
.solucoes .box2 .titulo{color: #616161;}
.solucoes .box2 p{color: #616161;}
.solucoes .box3{background: rgb(240,240,240); background: radial-gradient(circle, rgba(240,240,240,1) 0%, rgba(208,208,208,1) 100%);}
.solucoes .box3 .titulo{color: #454545;}
.solucoes .box3 p{color: #454545;}
.solucoes .box4{background: rgb(240,240,240); background: radial-gradient(circle, rgba(240,240,240,1) 0%, rgba(150,150,150,1) 100%);}
.solucoes .box4 .titulo{color: #ffff;}
.solucoes .box4 p{color: #454545;}
.solucoes .box5{background: rgb(151,151,151); background: radial-gradient(circle, rgba(151,151,151,1) 0%, rgba(100,100,100,1) 100%);}
.solucoes .box5 .titulo{color: #ffff;}
.solucoes .box5 p{color: #fff;}
.solucoes .box6{background: rgb(151,151,151); background: radial-gradient(circle, rgba(151,151,151,1) 0%, rgba(61,61,61,1) 100%);}
.solucoes .box6 .titulo{color: #ffff;}
.solucoes .box6 p{color: #fff;}
.solucoes .box7{background: rgb(151,151,151);background: radial-gradient(circle, rgb(96 96 96) 0%, rgb(6 6 6) 100%);}
.solucoes .box7 .titulo{color: #ffff;}
.solucoes .box7 p{color: #fff;}
.solucoes .box{width: 100%; height: 700px; padding: 60px; clip-path: polygon(100% 0, 100% 90%, 85% 100%, 0 100%, 0 0);}
.solucoes .box .titulo{font-size: 350%; line-height: 85%; text-transform: uppercase;}
.solucoes .box .titulo b{font-weight: 800}
.solucoes .box p{font-size: 150%; line-height: 130%; margin-bottom: 0px; margin-top: 10px; font-weight: 300; min-height: 95px;}
.solucoes .box .botaodark{background: #333333; padding: 8px 15px; font-size: 100%; border-radius: 5px; font-weight: 700; text-transform: uppercase; margin: 20px auto 0; color: #fff; transition: .3s; width: 36%; width: 36%;position: absolute;bottom: 40px;left: 33%;right: 33%;text-align: center;}
.solucoes .box:hover .botaodark{background: #ed1c26; color: #fff;}
.solucoes .box .botaolight{background: #fff; padding: 8px 15px; font-size: 100%; border-radius: 5px; font-weight: 700; text-transform: uppercase; margin: 20px auto 0; color: #333333; transition: .3s; width: 36%; width: 36%;position: absolute;bottom: 40px;left: 33%;right: 33%;text-align: center;}
.solucoes .box:hover .botaolight{background: #ed1c26; color: #fff;}

/*Soluções Slide*/
.solucoes #owl-solucoes {-webkit-box-shadow: 0px 0px 80px 40px rgb(255 45 45); -moz-box-shadow: 0px 0px 80px 40px rgba(255,45,45,1); box-shadow: 0px 0px 80px 40px rgb(255 45 45); padding: 50px 0; margin: 104px 0 50px; background: #0000003d; }
.solucoes #owl-solucoes .item{height: 700px; width: 100%!important;}
.solucoes #owl-solucoes .owl-nav:focus{outline: none; }
.solucoes #owl-solucoes .owl-nav {height: 700px!important; margin-top: -700px!important; width: 100%; z-index: 700; }
.solucoes #owl-solucoes .owl-carousel .owl-dot, .solucoes #owl-solucoes .owl-carousel .owl-nav .owl-next, .solucoes #owl-solucoes .owl-carousel .owl-nav .owl-prev { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 31; border-radius: 50px; border: solid 0px transparent; } 
.solucoes #owl-solucoes .owl-next {position: absolute; margin-top:340px; border: 0px; right: 1%; width: 40px; height: 40px; font-size: 20px; line-height: 32px; padding: 5px 5px 5px 8px; border-radius: 50%; background: #333333; color: #fff; transition: .2s; }
.solucoes #owl-solucoes .owl-prev {position: absolute; margin-top:340px; border: 0px; left: 1%; width: 40px; height: 40px; font-size: 20px; line-height: 32px; padding: 5px 8px 5px 5px; border-radius: 50%; background: #333333; color: #fff; transition: .2s;} 
.solucoes #owl-solucoes .owl-prev:hover {color: rgba(240,240,240,1); background:  #ed1c26;}
.solucoes #owl-solucoes .owl-next:hover {color: rgba(240,240,240,1); background:  #ed1c26;}
.solucoes .owl-theme .owl-dots .owl-dot span {width: 20px; height: 20px; background: #ed1c26!important; border: solid 1px #ed1c26; margin: 5px 5px;}
.solucoes .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #2d363e!important; border: solid 1px #2d363e;}
.solucoes .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 0px; height: 100px; text-align: left;}
.solucoes .owl-theme .owl-dots .owl-dot span {width: 15px; height: 15px; background: #c8c8c8!important; border: solid 1px #c8c8c8; margin: 0px 7px;}
.solucoes .owl-theme .owl-dots .owl-dot.active span {background: #ed1c26!important; border: solid 1px #ed1c26; width: 15px; height: 15px; }
.solucoes .owl-theme .owl-dots .owl-dot:hover span {background: #454545!important; border: solid 1px #454545;}
.solucoes .owl-dots{margin-top: -280px; display: flex; justify-content: center; align-items: flex-end; padding-left: 0px}
.solucoes button:focus {outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color;}

/*Blog*/
.blog-home{padding: 80px 0px 0px;}
.blog-home .head {color: #fff; text-align: center; margin-bottom: 80px; font-weight: 300; font-size: 230%; background: url(images/head-news.png) no-repeat center; background-size: auto 160px; padding: 90px 0; }
.blog-home .head b{font-weight: 600;}
.blog-home .posthome{background: #fff; border-radius: 10px; min-height: 310px; cursor: pointer;}
.blog-home .posthome img{border-radius: 9px 9px 0px 0px; margin-bottom: 20px; width: 100%; height: 225px; object-fit: cover;}
.blog-home .posthome .titulo{padding: 0px 20px 5px; font-weight: 700; font-size: 125%; line-height: 120%; color: #333; transition: .3s; cursor: pointer;}
.blog-home .posthome:hover .titulo{color: #ed1c26;}
.blog-home .posthome .resumo{padding: 0px 20px 20px; font-weight: 400; font-size: 90%; line-height: 160%; color: #333;  cursor: pointer;}
.blog-home .posthome .resumo p{margin: 0px;}

/*Atalhos*/
.atalhos{padding: 160px 0px 150px;}
.atalhos .whitelabel {background: url(images/whitelabel.png) right -30px bottom -30px no-repeat #333333; display: flex; justify-content: center; align-items: center; font-size: 250%; line-height: 115%; padding: 50px 27% 50px 17%; text-align: center; color: #fff; width: 100%; height: 320px; border-radius: 20px; transition: .3s; }
.atalhos .whitelabel:hover{background-color: #494949;}

/*Sobre*/
.sobre{padding: 0px 0px 120px;}
.sobre .headline{font-size: 320%; color: #fff; font-weight: 400; line-height: 100%; margin-bottom: 5px}
.sobre .headline b{font-weight: 700;}
.sobre .texto{font-size: 130%; width: 90%; color: #fff; font-weight: 400;}
.sobre .simbolo{width: 100%; height: auto;}
.sobre .botao{border: solid 1px #ed1c26; border-radius: 2px; padding: 5px 25px; color: #fff; text-transform: uppercase; font-size: 110%; width: max-content; font-weight: 500; transition: .3s; margin-top: 15px;}
.sobre .botao:hover{background: #ed1c26; color: #Fff;}
.sobre .numeros{display: flex; width: 100%; align-items: center; justify-content: center; margin-bottom: 40px;}
.sobre .numero {width: 250px; height: 250px; margin: 20px 20px; padding: 20px; border: solid 5px #ff002a; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff}
.sobre .numero .dado{font-size: 35px;line-height: 100%; width: max-content; margin: 0 auto; font-weight: 700; text-align: center; }
.sobre .numero .info{font-size: 19px; line-height: 110%; width: 100%; font-weight: 400; text-align: center;}
.sobre .numero .maisde:before {content: "+ "; margin-left: -15px; display: block; position: absolute; font-weight: 200; color: #fff ;}
.sobre .sub-numeros{width: 80%; margin: 0 auto 70px; text-align: center; font-size: 120%}

/*Pagina*/
.pagina{padding: 70px 15%; text-align: justify; font-family: 'Montserrat', sans-serif; line-height: 180%; font-size: 120%; color: #fff; font-family: 'Montserrat', sans-serif;}
.pagina .titulo{color: #ed1c26; margin-top: 0px; margin-bottom: 40px; text-align: left; font-weight: 700;  font-size: 240%;}
.pagina a{color: #ed1c26;}
.pagina label{width: 100%; text-align: left; font-size: 90%; transition: .3s}
.pagina select {text-transform: none; width: 100%; color: #8a7a76; background: #f7f7f7; border: 1px solid #f7f7f7; padding: 20px 10px;  font-family: 'Montserrat', sans-serif; border-radius: 6px; margin: 3px 0px; transition: .3s}
.pagina input{width: 100%; background: #f7f7f7; color: #494949; font-family: 'Montserrat', sans-serif; padding: 20px 15px; border: solid 1px #f7f7f7; border-radius: 6px; margin: 3px 0px; transition: .3s}
.pagina textarea{width: 100%; height: 150px; background: #f7f7f7;font-family: 'Montserrat', sans-serif;color: #494949; padding: 20px 15px; border: solid 1px #f7f7f7; border-radius: 3px;margin: 3px 0px; transition: .3s}
.pagina input:focus, .pagina textarea:focus, .pagina select:focus{outline: none;  border: 0px; border: solid 1px #ed1c26; transition: .3s}
.pagina input[type=submit]{width: 100%; background: #ed1c26; font-family: 'Montserrat', sans-serif; color: #fff; padding: 18px 55px; width: auto; border-radius: 6px;  margin-top: 5px; transition: .3s}
.pagina input[type=submit]:hover{background: #494949; color: #fff;}
.pagina .wpcf7-acceptance input{width: auto;}
.pagina .wpcf7-acceptance label{line-height: 130%;}
.pagina .wpcf7-list-item{margin-left: 0px;}
.pagina ul, .pagina ol{list-style-position: inside;}
.pagina h1, .pagina h2, .pagina h3, .pagina h4, .pagina h5, .pagina h6{width: 100%; margin: 15px auto 5px; color: #ed1c26; font-weight: 700; line-height: 142%;}
.pagina th, .pagina td {text-align: left; border: 1px solid #e8e9eb;padding: 10px 14px;}
.pagina ul li ul {margin: 10px 0px 20px 20px; list-style-image: url(images/list-list.png)!important;}
.pagina hr{border-top: 0px; color: #e7e7e7}
.pagina b, .pagina strong{color: #494949}
.pagina .wpcf7-list-item label{display: flex; align-items: center; margin-right: 20px; margin-bottom: 0px; font-size: 100%;}
.pagina .wpcf7-list-item label input {width: auto; margin: 3px 4px 3px 0px;}
.pagina span.ramo{color: #ed1c26; font-weight: 700; font-size: 146%; line-height: 190%;}
.pagina span.ramoselect{width: 100%; background: #f7f7f7; font-family: 'Montserrat', sans-serif; padding: 15px 15px; display: block; border: solid 1px #f7f7f7; border-radius: 6px; margin: 3px 0px; transition: .3s}
.pagina .wpcf7-acceptance .wpcf7-list-item label{display: inline-block!important;}

/*Rodape*/
.footer{padding: 100px 0px 40px; background: #333333; color: #fff; font-family: 'Montserrat', sans-serif;}
.footer img.logo{max-width: 230px;}
.footer .texto-right{text-align: center; padding: 50px 15px 10px; font-size: 100%; color: #fff;}
.footer .texto-right a{color: #fff; transition: .3s; font-weight: 600;} .footer .texto-right a:hover{color: #ed1c26;}
.footer .titulo{color: #fff; font-weight: 700; font-size: 130%; margin-bottom: 8px; text-transform: uppercase;}
.footer ul{list-style: none;  margin: 0 auto;}
.footer ul li{display: block; padding: 2px 0px; }
.footer ul li a{color: #fff; transition: .3s} 
.footer ul li a:hover{color: #ebebeb;}
.footer .redes{margin: 15px 0 0px; width: 205px; display: flex; justify-content: center; align-items: } 
.footer .redes .item{display: inline-block; padding: 10px 0px; width: 40px; height: 40px; text-align: center; color: #fff; background: #ed1c26; line-height: 40px; border-radius: 50%; font-size: 120%; transition: 0.3s; margin: 0px 5px; }
.footer .redes .item:hover{color: #fff; background: #2a2a2a;}
.footer ul.contato li a:hover{color: #fff;}
.footer ul.contato li i{color: #ed1c26; margin-right: 8px}
.footer ul.contato li a{display: flex;}
.footer ul.contato li{line-height: 160%}

.copy{padding: 15px 0px 30px; background: #333333; width: 100%;}
.copy img{width: 50px; margin: 0 auto; display: block; filter: brightness(100);}

/*Formatacao*/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {margin-bottom: 15px; } .alignleft {float: left; margin-right: 30px; } .alignright {float: right; margin-left: 30px; } .aligncenter {text-align: center; display: block; margin-left: auto; margin-right: auto; } .wp-caption {text-align: center; margin-bottom: 15px; max-width: 100%; } .wp-caption-text {font-style: italic; font-size: 95%; line-height: 120%; margin: 6px 0; }
/*Clear*/
.clear {clear: both; } .left {float: left; } .right {float: right; } .textleft {text-align: left; } .textright {text-align: right; } .textcenter {text-align: center; }
/* clearfix */
.clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content{ display: block; zoom: 1; }



@media screen and (max-width: 1500px) {
#menu .content {width: 82%;}
.intro .sub{font-size: 200%;}
.intro .subsub{font-size: 160%}
.intro .head{padding: 80px 0px 90px;}
.pagewidth{width: 82%}
.solucoes {padding: 80px 0px;}
.solucoes .eco {max-width: 1000px;}
.solucoes .box{padding: 35px; height: 530px} 
.solucoes .box .titulo{font-size: 250%}
.solucoes .box p{font-size: 110%; min-height: 70px;}
.solucoes #owl-solucoes .item{height: 530px}
.solucoes .owl-carousel .owl-item img{margin-top: 10px;}
.solucoes #owl-solucoes .owl-nav {height: 530px!important; margin-top: -530px!important;}
.solucoes #owl-solucoes .owl-next, .solucoes #owl-solucoes .owl-prev{margin-top: 240px}
.solucoes .box .botaodark, .solucoes .box .botaolight{width: 50%; left: 25%; right: 25%;}	
.sobre .numero {width: 220px; height: 220px; margin: 20px 10px;}
.sobre .numero .dado{font-size: 30px;}
.sobre .pagewidth{width: 90%;}
.sobre .headline{font-size: 300%;}
.sobre .texto {font-size: 120%; width: 90%;}
.atalhos .whitelabel {height: 280px; font-size: 220%; padding: 50px 28% 50px 12%;}
.atalhos {padding: 120px 0px 130px;}
.footer img.logo{max-width: 200px;}
.footer .redes{width: 180px}
.blog .noticia .titulo{font-size: 115%}
.pagina {padding: 70px 0%; font-size: 100%;}
.pagina .titulo{font-size: 215%;}
.pagina ul{line-height: 200%;}
.blog-home .head {background: url(images/head-news.png) no-repeat center; background-size: auto 140px; padding: 100px 0;}
.blog-home .posthome img{height: 190px;}
}

@media screen and (max-width: 980px) {
#header{height: 80px;}
#menu .content{width: 100%;}
#menu .navbar-brand{margin-left: 10%;}
#menu .navbar-toggler-icon{height: auto; width: auto;}
#menu .navbar-toggler {padding: 0; outline: none; font-size: 200%; color: #6d6e72; line-height: 100%; background-color: transparent; border: 0px solid transparent; border-radius: 0.25rem; margin-right: 18%; height: auto;}
#menu .flag{right: 10%; top: 22px;}
#menu .navbar-expand-lg .navbar-collapse {margin: 15px auto 0px; background: #fff;box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important; padding: 0px 10% 30px;}
#menu .navbar-nav .nav-link{padding: 5px 0px}
#menu .areadocliente {padding: 15px 15px!important; margin-left: 0px;}
#menu .navbar-nav li:hover .dropdown-menu {display: block; border: 0; margin: 7px 0px 0px;}
#menu .navbar-expand-lg .navbar-nav .dropdown-menu:before{left: 5%}
#menu .navbar-expand-lg .navbar-nav .dropdown-menu{position: relative;}
#menu .navbar-nav .nav-item {margin: 0px 0px; padding: 10px 0px;}
.slide #owl-slide .desktop{display: none;}
.slide #owl-slide .mobile{display: block;}
.slide .owl-theme .owl-nav.disabled+.owl-dots {margin-top: -40px; height: 40px;}
.solucoes .head{margin-bottom: 50px;}
.solucoes {padding: 80px 0%;}
.solucoes .box p {font-size: 115%; width: 85%;}
.solucoes #owl-solucoes .item, .solucoes .box {height: 580px;}
.solucoes #owl-solucoes .owl-nav{height: 580px!important; margin-top: -580px!important;}
.solucoes #owl-solucoes .owl-next, .solucoes #owl-solucoes .owl-prev {margin-top: 265px;}
.solucoes .eco {max-width: 95%;}
.sobre .numeros {display: inline-block; padding: 0 10%;}
.sobre .numero {margin: 20px 3.3%; float: left; width: 260px; height: 260px;}
.sobre .pagewidth {width: 80%;}
.sobre .simbolo {width: 50%; height: auto; margin-bottom: 30px;}
.sobre .sub-numeros{text-align: left;}
.blog-home .head{line-height: 120%;}
.blog-home .posthome{min-height: auto; margin: 15px 0px;}
.atalhos .whitelabel {margin: 15px 0px; padding: 50px 30% 50px 4%;}
.footer .redes {width: 180px; margin: 25px auto 30px; }
.footer .texto-right {text-align: center; padding: 30px 0px 0; font-size: 99%;}
.footer ul li {display: block; padding: 8px 0px; text-align: left;}
.footer img.logo {max-width: 200px; margin: 0 auto; display: block; }
.wppfloat {width: 60px; height: 60px; position: fixed; bottom: 20px; right: 20px; z-index: 1000;}
.intro .head {font-size: 170%;background-size: auto 130px;padding: 80px 0px 90px 30px;}
.intro .sub {font-size: 230%;line-height: 110%;}
.intro .subsub{font-size: 170%;}
.blog-home .head {background: url(images/head-news.png) no-repeat center; background-size: 100% 170px; padding: 100px 109px; line-height: 113%;}
.blog-home .posthome img {height: auto; }
.atalhos {padding: 100px 0px 120px;}
.blog-home .posthome .titulo {padding: 0px 20px 35px;}
}

@media screen and (max-width: 480px) {
#menu .navbar-nav li:hover .dropdown-menu{min-width: 80%; border: solid 1px #d9d9d9;}	
#menu .flag{top: 20px;}
#menu .navbar-toggler{margin-right: 20%;}
.solucoes {padding: 60px 0%;}
.solucoes .head {background-size: auto 65px; margin-bottom: 0px}
.solucoes .box p {font-size: 110%; width: 100%;}
.solucoes #owl-solucoes .owl-next{right: 5%;}
.solucoes #owl-solucoes .owl-prev{left: 5%;}
.solucoes .eco {max-width: 97%; margin-top: 50px;}
.solucoes #owl-solucoes .item, .solucoes .box {min-height: 525px; padding: 40px 9%;}
.sobre .numero {margin: 30px auto; float: unset; width: 260px; height: 260px;}
.sobre .numeros{margin-bottom: 0;}
.sobre .sub-numeros{text-align: center; margin-bottom: 40px;}
.sobre .simbolo {width: 60%;}
.sobre .headline {font-size: 250%;}
.sobre .texto {font-size: 105%; width: 100%;}
.sobre {padding: 20px 0px 50px;}
.blog-home {padding: 0px 0px;}
.blog-home .head {line-height: 120%; font-size: 170%; background: unset; margin-bottom: 20px; padding: 15px 0px 0;}
.atalhos {padding: 40px 0px;}
.atalhos .whitelabel{margin: 15px 0px; padding: 30px; display: flex; align-items: baseline; font-size: 170%; text-align: left; height: 180px; background-size: 40%; border-radius: 15px;}
.footer img.logo{ margin: 0; }
.footer .redes {width: 180px; margin: 15px 0 30px;}
#respond form input{width: 97%;}
.pagina .titulo {font-size: 190%; line-height: 110%; margin-bottom: 15px;}
.pagina {padding: 50px 0%; font-size: 95%; text-align: left;}
.intro .head {font-size: 145%; background-size: 100% 110px; padding: 80px 20% 90px; line-height: 100%;}
.intro .sub {font-size: 170%;}
.intro .subsub {font-size: 140%;}
.intro span.ramoselect{display: block}
.intro {padding: 0px 0px 2px;}
.solucoes #owl-solucoes{margin: 70px 0px; padding: 50px 0 65px}
}