body {overflow-x:hidden;}

.container{width: 100%;position: relative;margin: 0px auto; box-sizing:border-box; padding: 0px 10%;}
.control-nav:before {content: "";display: block;height: 3px;background: #182952;}
.control-nav {position: absolute;right: 5%;top: 25px;display: block;width: 20px;padding: 5px 0;border: solid #182952;border-width: 3px 0;z-index: 2;cursor: pointer;}
.control-nav-close {position: fixed;right: 0;top: 0;bottom: 0;left: 0;display: block;z-index: 1;background: rgba(0,0,0,0.4);-webkit-transition: all 500ms ease;transition: all 500ms ease;-webkit-transform: translate(100%, 0);-ms-transform: translate(100%, 0);transform: translate(100%, 0);}
#control-nav:checked ~ .control-nav-close {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}
#control-nav:checked ~ .menu {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}
input#control-nav {visibility: hidden;position: absolute;left: -9999px;opacity: 0;}
input#control-nav {visibility: visible;}
header {padding: 0px 0px; top: 0px;}
header.active {padding:0px 0px;}
header.active .control-nav {border: solid #29bb9d; border-width: 3px 0;}
header.active .control-nav:before {background: #29bb9d;}
header .container {padding: 20px 5%;}
header .logo {width:70%; height: 30px;}
header .logo img {max-height: 30px;}
header .menu {
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 70%;
    border-radius: 0px;
    padding: 5%;
    color: #182952; 
    box-sizing:border-box;
    margin-top: 0px; margin-right: 0px; float: none;
    background: #FFFFFF;
    overflow-x: auto;
    z-index: 99;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
}
header .menu ul {list-style: none;margin: 0px 0px; display: block;}
header .menu ul li {display: block; margin: 10px 0px; text-align: right;}
header .menu ul li a {color: #182952; display: inline-block; line-height: 30px; font-size: 16px; padding:10px 15px; position: relative;}

#banner {height: calc(100vh - 70px); margin-top: 70px;}
#banner .imagens {height: calc(100vh - 70px);}
#banner .titleAlign {margin-left: 10%; width: 80%;}
#banner .title .title1 {font-size: 24px; line-height: 26px;margin-bottom: 40px; text-align: center;}
#banner .title .title2 {display: none;}
#banner .title .botoes a {display: block; padding: 15px 20px; margin-right: 0px; font-size: 14px; text-align: center;}
#banner .title .botoes a + a {margin-right: 0px; margin-top: 15px}
#banner .title .title1::after {right: 40%;}

footer .column {width: 100%; float: none; background: #E1E1EB; padding: 50px 10%;}
footer .column + .column {width: 100%; float: none; box-sizing:border-box; background: #FFFFFF; padding: 50px 10%;}
footer .column p {font-size: 14px;}

#vantagens {padding: 50px 0px 50px 0px;}
#vantagens .items {width: 100%;}
#vantagens .item {display: block; width: 100%; padding: 0px 0px;}
#vantagens .item p {margin-bottom:40px;}

#zettle {padding: 50px 0px 50px 0px;}
#zettle .items {width: 100%;}
#zettle .item {display: block; width: 100%; padding: 0px 0px;}

#depoimentos {padding: 50px 0px 50px 0px;}

#formulario {padding: 50px 0px 50px 0px;}

#formulario .imagem {display: none;}
#formulario .container {width: 100%; margin: auto;}
#formulario .campo {width: 100%; float: none;}

#formulario .campo + .campo {width: 100%; float: none; margin-left: 0px;}

.swiper-button-next2 {right: 20px; font-size: 24px; top: 220px;}
.swiper-button-prev2 {left: 20px; font-size: 24px; top: 220px;}

#faq {padding: 120px 0px 50px 0px;}