/*  
* Theme Name: SOResolve
* Author: Bruno Alves
* Author URI: bmalves83.myportfolio.com
* Description: Tema para o site soresolve.com.br
* Version: 1.0
*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    -moz-transition: ease-in-out .4s;
    -o-transition: ease-in-out .4s;
    -webkit-transition: ease-in-out .4s;
    transition: ease-in-out .4s;
    list-style: none;
    text-decoration: none;
}

html,body
{
    height: 100%; 
    position:relative;
}

h1,h2,h3,h4,h5,h6{font-weight: 300!important;}
p{font-size: 1rem!important;font-weight: 300!important;line-height:1.85rem;}

h1{font-size:2.6rem!important;}
h2{font-size:2.4rem!important;}
h3{font-size:1.8rem!important;text-transform: uppercase;}
h4{font-size:1.4rem!important;text-transform: uppercase;}
h5{font-size:1rem!important;text-transform: uppercase;}
h6{font-size:1rem!important;}

header
{
    background-color: rgba(0,0,0,.3);
    display: block;
    padding-top: 3px;
    position: absolute;
    z-index: 9999;
    width: 100%;
}
.dados{padding-bottom: 0.625rem;}
.dados a, .dados p{color: white;text-decoration: none;}
div.dados a{margin-right: .4rem;font-size:.85rem;}
.dados p{text-align: right;}
.dados span
{
    font-size: 0.8rem;
    color: white;
}
.dados span i.lnr{margin-right: 6px;}
.dados span i.lnr.lnr-smartphone{margin-right:3px;}
/*.dados span:first-child
{
    margin-right: 25px;
    margin-left: 0;
    padding-left: 0; 
}*/
.space-menu{padding: 1.25rem 0;}
.custom-logo-link img
{
    max-width: 150px;
    height: auto;
}
#menu-menu-topo li
{
    text-transform: uppercase;
    margin-left:.7rem;
    font-weight: 300;
    font-size: .9rem;
}

#scroll-top{position:fixed;bottom:20px;right:20px;background-color:transparent;z-index:9999;display:none;
   animation-name:box; animation-duration: 1s;}
#scroll-top a{border-radius:50%;padding:0;width:2.5rem;height:2.5rem;box-shadow:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
@-webkit-keyframes box
{
    0%{opacity: 0;}
    25%{opacity: .25;}
    50%{opacity: .5;}
    75%{opacity: .75;}
    100%{opacity: 1;}
}
@keyframes box
{
    0%{opacity: 0;}
    25%{opacity: .25;}
    50%{opacity: .5;}
    75%{opacity: .75;}
    100%{opacity: 1;}
}

section
{
    background-color: #fff;
    padding:6.25rem 0;
    display:flex;
    z-index: 1;
}

section#home
{
    width: 100%;
    background: #333;
    z-index: 1;
    overflow:hidden;
    padding: 0;
}

div.bg-home
{   
    display: table;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 2;
}

div.bg-home .box-video{position:absolute;z-index:2;}

div.bg-home div.box-video iframe{pointer-events:none;width:115vw;height:120vh;margin-left:-7.5%;margin-top:-3.125rem;} 

div.bg-home div.box-video::after
{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,.3);
}
section#home .container
{
    z-index: 3;
    position:relative;
    /* Alinhamento vertical para o Firefox */
    display: table-cell; 
    vertical-align: middle; 
    overflow: hidden;
}

div.bg-home-mobile
{   
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 2;
}

div.bg-home-mobile:after
{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:.5;
}

section#home div.title-text>h1
{
    font-size: 3rem;
    font-weight: 300!important;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 2px 2px 0 rgba(0,0,0,1)!important;
}

div.title-text>p
{
    font-size: 1.3rem;
    margin-top: 1rem;
}

section#empresa div.ajust-cols{margin-top: 3rem;}
section#empresa h2{text-align:center;}
div.ajust-cols div.col-xs-12:first-of-type
{
    padding-left:4%;
    padding-right:2%;
}
div.ajust-cols div.col-xs-12:nth-of-type(2)
{
    padding-left: 3%;
    padding-right: 3%;
}
div.ajust-cols div.col-xs-12:last-of-type
{
    padding-left:2%;
    padding-right:4%;
}
div.ajust-cols div i{font-size: 3rem;}
div.ajust-cols div h3
{
    margin-top: 2.5rem;
    line-height: 2.2rem;
    height: 5rem;
}
div.ajust-cols div .bar
{
    max-width: 4rem;
    margin: 1.5rem 0 1.5rem 0;
}
.bar
{
    border-bottom:1px solid;
    margin-bottom:1.5rem;
}
section#sobre img{max-width: 100%;}
section#sobre div.ajust-cols div h3{margin-top:0;}
section#clientes
{
    position: relative;
    padding-left: 3%;
    padding-right: 3%;
}
section#clientes h3, section#services h3, section#contact h3,section#contact p, section#client_area h3{text-align: center;}
section#clientes .bar, section#services .bar, section#contact .bar,section#client_area .bar
{
    max-width: 4rem;
    margin: 2.5rem auto 1.5rem auto;
}
section#clientes .owl-theme .item
{
    min-height: 6.875rem;
    margin-bottom: 0;
    padding-bottom: 0;
}

.slide-box img
{
    max-height: 4.375rem;
    object-fit: contain;
}

section#clientes .owl-theme .owl-nav, section#services .owl-theme .owl-nav
{
    max-width: 5rem;
    position: absolute;
    right: 0px;
    top: -4.0625rem;
}

section#clientes .owl-theme .owl-nav .owl-prev span,section#clientes .owl-theme .owl-nav .owl-next span,section#services .owl-theme .owl-nav .owl-prev span,section#services .owl-theme .owl-nav .owl-next span
{
    border-radius:50%;
    padding:0 10px 3px 10px;
    font-size: 1rem;
}

.slide-box
{
    min-height: 6.25rem;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

section#services
{
    width: 100%;
    height: 100%;
    max-height: 40.625rem;
    padding-left:3%;
    padding-right:3%;
    position: relative;
}

.service-box
{
    padding: 5%;
    height: 23.75rem;
}

.service-box h4
{
    text-align: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid #888;
    margin-bottom: 1rem;
    height: 4.5rem;
}

.service-box .content{
    height: 14.6875rem;
    overflow: auto;
}

/*section#contact{padding-bottom: 0;}

section#contact .access{padding-top:2rem;padding-bottom:2rem;}*/

section#contact .access .container, footer address .container, footer#footer div.container{padding-left: 1.875rem; padding-right: 1.875rem;} /*  Mudar produção */

section#contact .access p{text-align: left;margin-bottom: 0;}

/*section#contact .form-adjust{margin: 2rem 0 3rem 0;}*/
section#client_area{
    z-index: 1;
    margin-bottom: 39.9rem;
    overflow:hidden;
    padding: 0;
}
section#client_area h3>font{text-shadow: 1px 1px 0 #666;}
section#client_area .client_bg
{   
    position: relative;
    z-index: 2;
    background: url(img/contato.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 100px 0;
}
section#client_area .client_bg::after
{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0,.5);
}
section#client_area .row{position:relative;z-index: 3;}
footer
{
    position: fixed;
    bottom: 0;
    left:0;
    right:0;
    z-index: -9999;
    background-color: #222;
    padding-top: 1.875rem; 
    padding-bottom: 0;
    min-height: 25rem;
}

footer a.footer-brand
{
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 1.5rem;
    display: table;
    padding-top:0;
    margin-top:0;
    line-height: 1.8rem;
}
footer a:hover.footer-brand{text-decoration:none;}
footer address
{
    padding: 1.25rem 0;
    background-color: #111;
    margin-bottom: 0;
    font-size: .7rem;
    margin-top: 1.5rem;
}
footer address .container .row div:nth-of-type(2) {text-align: center;}
footer address .container .row div:nth-of-type(3) a{margin-left: .6rem; font-size:.85rem;}
footer h5{margin-bottom: 2rem;}
ul#menu-footer, footer#footer #contact_address div ul{padding-left: 0;}
ul#menu-footer.menu>li, footer#footer #contact_address div ul li{margin-bottom:.8rem;}
ul#menu-footer.menu>li>a:before
{
    content:'>';
    position: relative;
    top:-1px;
    margin-right:0.5rem;
}
ul#menu-footer.menu>li>a, footer#footer #contact_address div ul li a{font-weight: 300;}
footer#footer #contact_address div ul li i{margin-right:.5rem;}
ul#menu-footer.menu>li>a:hover, footer address .container .row div a:hover, footer#footer #contact_address div ul li a:hover{text-decoration: none;}

/* Classe do formulário */
div.wpforms-container-full .wpforms-form .wpforms-one-third, div.wpforms-container-full .wpforms-form .wpforms-two-sixths{width:32.319%!important;}
.wpforms-form .wpforms-one-third{margin-left:1.5%!important;}
.wpforms-form .wpforms-field .wpforms-field-large, .wpforms-form .wpforms-field .wpforms-field-medium
{
    font-size: 1.2rem!important;
    padding: 1.375rem 0.9375rem!important;
    border-radius: 5px!important;
}
.wpforms-form .wpforms-field .wpforms-field-medium{padding: 0.9375rem!important;}
.wpforms-form .wpforms-submit-container .wpforms-submit
{
    border-radius:5px!important;
    padding: 0.625rem 0.9375rem!important;
    font-size: 1.2rem!important;
}
.wpforms-form .wpforms-submit-container .wpforms-submit:active{color:#fff!important;}
/* Responsivo */
@media screen and (max-width:1440px)
{
	div.bg-home div.box-video iframe{pointer-events:none;width:120vw;height:120vh;margin-left:-9%;margin-top:-50px;}
}
/* Pc Tela pequena */
@media screen and (max-width:1024px)
{
    section#client_area{margin-bottom: 37.5rem;}
	div.bg-home div.box-video iframe{pointer-events:none;width:100vw;height:180vh;margin-left:0;margin-top:-250px;}
}
/* Tablet */
@media screen and (max-width:768px)
{
    p,li{font-size: .9rem!important;line-height:1.5rem;}
    h1{font-size:2.2rem!important;}
    h2{font-size:2rem!important;}
    h3{font-size:1.6rem!important;text-transform: uppercase;}
    h4{font-size:1.2rem!important;text-transform: uppercase;}
    h5{font-size:.95rem!important;text-transform: uppercase;}
    h6{font-size:.95rem!important;}
    section{padding: 5rem 0;}
    div.ajust-cols{padding-left:0;padding-right:0;}
    div.ajust-cols div h3{line-height: 2.2rem;}
    section#sobre .ajust-cols div h3{height: auto;margin-bottom:2rem;}
    section#contact p{max-width: 95%;margin-left: auto;margin-right: auto;}
    section#contact .form-adjust{padding: 0 .3rem;}
    section#client_area{margin-bottom: 33.75rem;}
    footer#footer div.container{padding-left: 0;padding-right: 0;}
    address div:nth-of-type(3)>div
    {
        float:none!important;
        margin-bottom: 0;
    }
    footer address .container .row div:nth-of-type(3) a:first-of-type{margin-left:3rem;}
}
/* Smartphones */
@media screen and (max-width:576px)
{  
    h1{font-size:2rem!important;line-height: 3.5rem!important;}
    h2{font-size:1.7rem!important;}
    h3{font-size:1.4rem!important;text-transform: uppercase;}
    h4{font-size:1.1rem!important;text-transform: uppercase;}
    h1,h2,h3,h4,h5,h6{text-align: center;}
    p
    {
        font-size: 0.875rem;
        line-height: 1.6rem;
        text-align: center;
    }
    .dados{display:none;}
    .bar{margin-left:auto!important;margin-right:auto!important;}
    section#empresa .bar{margin-top:1rem!important;}
    section#home .container .row{margin: 0 auto;}
    div.title-text>p{max-width: 80%;margin-left:auto;margin-right:auto;}
    section{padding: 3.125rem 0;}
    div.ajust-cols
    {
        padding-left: .75rem;
        padding-right: .75rem;
    }
    div.ajust-cols>div>i.icon_align
    {
        font-size: 2.4rem;
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        -moz-box-pack:center;
        -webkit-justify-content:center;
        -ms-justify-content:center;
        justify-content:center;
        -ms-flex-align:center;
        -webkit-align-items:center;
        align-items:center;
    }
    section#empresa h2{line-height: 2.5rem;}
    section#empresa div.ajust-cols div h3{margin-top: 1rem;max-height:3.2rem;margin-bottom: 0!important;line-height: 1.7rem;}
    section#empresa div.ajust-cols div:nth-of-type(2),section#empresa div.ajust-cols div:nth-of-type(3){margin-top: 3.5rem;}
    section#sobre div.ajust-cols div h3{margin-top:2.5rem;}
    section#sobre .ajust-cols>div,section#empresa .ajust-cols>div{padding: 0;}
    section#clientes .owl-theme .owl-nav, section#services .owl-theme .owl-nav
    {
        right: 1.2rem;
        top: -3.5rem;
    }
    section#clientes #cliente,section#services #service{padding: 0 1rem;}
    section#clientes #cliente.owl-theme .item{max-width: 95%!important;margin: 1rem auto 0 auto;padding:0!important;}
    section#contact .form-adjust .container .col-12{padding: 0;}
    div.wpforms-container-full .wpforms-form .wpforms-one-third{width: 100%!important;margin-left:0!important;}
    section#client_area{margin-bottom: 0;}
    section#client_area .container>a.button, section#home .bg-home/*-mobile*/ a.button{width: 100%!important;}
    section#client_area .container>a.button.ml-5, section#home .bg-home/*-mobile*/ a.button.ml-3{margin-left: 0!important;}
    section#services{max-height:37.5rem;}
    footer address .container, footer#footer div.container{padding-left: 1rem; padding-right: 1rem;}
    footer
    {
        position: static;
        min-height: auto;
        padding-top: 3.125rem;
    }
    footer h5, footer p{text-align: left;}
    footer a.footer-brand{font-size: 1.7rem;}
    footer#footer .container div#footer_menu,footer#footer .container div#contact_address{margin-top: 2.5rem;}
    address div:first-of-type
    {
        text-align: left;
        margin-bottom: 1rem;
    }
    address div:nth-of-type(2)
    {
        text-align: left!important;
        margin-bottom: 1rem;
    }
    address div:nth-of-type(3)>div
    {
        float:none!important;
        margin-bottom: 0;
    }
    footer address .container .row div:nth-of-type(3) a:first-of-type{margin-left:0;}
}