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: #FFFFFF;}
.control-nav {position: absolute;right: 5%;top: 25px;display: block;width: 20px;padding: 5px 0;border: solid #FFFFFF;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;}
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:40%; height: 30px;}
header .logo img {max-width:100%; max-height: 30px;}
@media screen and (max-width: 850px){ 
    header .logo {width:40%; height: auto;}
    header .logo img {max-width:100%; height: auto; max-height: initial; margin: auto;}
}
header .menu {
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 70%;
    border-radius: 40px 0px 0px 40px;
    padding: 5%;
    color: #FFFFFF; 
    box-sizing:border-box;
    margin-top: 0px; margin-right: 0px; float: none;
    background: #434e72;
    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: #FFFFFF; font-family: 'unimed_slabbold', sans-serif; display: inline-block; line-height: 30px; font-size: 14px; padding:10px 15px; position: relative;}
header .menu ul li a:hover {color: #ce171f;}
header .menu .redesSociais {display: block; margin-top: 30px; text-align: right;}
header .menu .redesSociais a {color: #FFFFFF; display: inline-block;}
header .menu .redesSociais i {line-height: 50px; font-size: 18px; margin: 0px 10px;}

header.active .menu ul li a {color: #FFFFFF;}
header.active .menu .redesSociais a {color: #FFFFFF; border: 1px solid #FFFFFF;}

#banner {height: 70vh;}
#banner .imagens {height: 70vh;}
#banner .titleAlign {margin-left: 10%; width: 80%;}
#banner .title .title1 {font-size: 32px; line-height: 32px;}
#banner .title .title2 {font-size: 20px; line-height: 20px; margin: 10px 0px 30px 0px;}
#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}

#sobre .imagens {position: relative; width: 100%; height: 60vh;}
#sobre .content {width: 100%; float: none; padding: 40px 10%;}

#servicos {padding: 30px 0px 40px 0px; background: #E6F0ED;}
#servicos h4 {font-size: 26px; color: #29bb9d; line-height: 26px;}
#servicos h2 {color: #434e72; font-size: 36px; line-height: 32px; margin-bottom: 20px;}
#servicos .list {overflow: hidden;}
.swiper-button-prev2{right: 18%; top:30px; font-size:24px;}
.swiper-button-next2{right: 10%; top:30px; font-size:24px;}

#frase {padding: 80px 10% 80px 10%;}
#frase img {height: 40px; margin-bottom: 20px;}
#frase div {font-weight: 700; color: #FFFFFF; font-size: 28px;}

#contato {padding:40px 0px;}
#contato .container {width: 100%;}
#contato h2 {font-size: 42px; line-height: 36px;}
#contato form div label {font-size:15px;}
#contato input {font-size:16px;}
#contato textarea {font-size:16px;}
#contato button {color: #29bb9d; background: #FFFFFF; font-size:18px; font-weight: 700; padding: 20px 0px; width: 100%; border: 1px solid #FFFFFF; border-radius: 10px; outline: none;}
#contato button:hover {color: #FFFFFF; background: transparent; cursor: pointer;}
#contato button i {margin-left: 10px;}

footer {padding: 40px 0px 40px 0px;}
footer .container {width: 90%;}
footer .logo {height:24px; float: none; width: 100%; text-align: center; margin-bottom: 30px;}
footer .logo img {height: 24px; margin: 0px auto;}

footer .links {float: none;}
footer .links a {margin: 0px 0px 10px 0px; display: block;}

footer button {display: none;}
footer .address {float: none; margin-left: 0px; line-height: 24px;}
footer .address a {margin: 0px 0px; display: block;}
footer .copyright {display: none;}
footer hr {display: none;}

footer .duo {float: none; margin-top: 30px; text-align: center; width: 100%;}
footer .duo img {width: 28px;}
