*{box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin:0; padding:0;}
a img{border:0;}
form *{outline:none;}

body{color:#747F98; font:500 16px 'Montserrat', sans-serif}

.container{margin:0 auto; max-width:1215px; width:95%;}

header .container{display:flex; padding:20px 0;}
header .container .col{display:flex; justify-content:space-between; width:80%}
header h1{height:42px; margin:0 40px 0 0; width:188px;}
header h1 a{background:url(../../imagem/logo.png); display:block; height:42px; overflow:hidden; text-indent:-99999px; width:188px;}
header nav ul{display:flex;}
header nav li{font-size:14px; list-style:none; margin:0 30px 0 0;}
header nav li a{color:#4C5871; display:block; font-weight:600; height:50px; line-height:50px; text-decoration:none;}
header nav li a:hover{text-decoration:underline;}

header .links{display:flex;}
header .links li{font-size:14px; list-style:none; margin:0 0 0 30px;}
header .links li a{color:#4C5871; display:block; font-weight:600; height:50px; line-height:50px; text-decoration:none;}
header .links li a:hover{text-decoration:underline;}
header .links li a.highlight{background:url(../../imagem/seta-links-laranja.png) 93% 10px no-repeat #FF774A; color:#fff; padding:0 26px; text-decoration:none; transition:all 0.3s;}
header .links li a:hover.highlight{background-position:98% 7%;}

#banner{text-decoration:none;}
#banner img{display:block; margin:0 auto; width:100%;}

#banner .slick-slider{overflow:hidden; position:relative;}
#banner .slick-track{display:flex;}
#banner .slick-track li{list-style:none;}
#banner .slick-track li img{display:block; width:100%;}
#banner .slick-arrow{border:0; cursor:pointer; height:56px; margin-top:-28px; overflow:hidden; position:absolute; text-indent:-99999px; top:50%; width:31px; z-index:9999;}
#banner .slick-next{background:url(../../imagem/next.png) no-repeat; right:45px;}
#banner .slick-prev{background:url(../../imagem/prev.png) no-repeat; left:45px;}
#banner .slick-disabled{display:none !important;}

#apartamentos{background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(224,231,238,1) 100%); overflow:hidden; padding:100px 0 95px;}
#apartamentos .texto_imagem{align-items:flex-start; display:flex; justify-content:space-between; margin:0 0 40px;}
#apartamentos .texto_imagem .texto{width:42%;}
#apartamentos .texto_imagem h2{font-size:16px; margin:0 0 10px; text-transform:uppercase;}
#apartamentos .texto_imagem h3{font-size:37px; line-height:48px; margin:0 0 22px;}
#apartamentos .texto_imagem p{line-height:28px; margin:0 0 30px;}
#apartamentos .texto_imagem .botao{background:url(../../imagem/seta-links-laranja.png) 93% 10px no-repeat #FF774A; color:#fff; display:inline-block; height:50px; line-height:50px; padding:0 26px; text-decoration:none; transition:all 0.3s;}
#apartamentos .texto_imagem .imagem{width:53.5%}
#apartamentos .texto_imagem .imagem img{width:100%;}
#apartamentos h2.titulo{color:#1071B8; font-size:104px; float:right; line-height:113px; margin:0 0 60px; position:relative;}
#apartamentos h2.titulo::before{background: linear-gradient(90deg, #1071B8 20.78%, rgba(16, 113, 184, 0) 84.32%); bottom:-19px; content:""; display:block; left:0; height:5px; position:absolute; width:100%;}
#apartamentos .texto_lista{align-items:flex-start; clear:both; display:flex; justify-content:space-between; position:relative;}
#apartamentos .texto_lista .texto{background:url(../../imagem/pontos-laranja.png) left bottom no-repeat; position:relative; width:42%;}
#apartamentos .texto_lista .texto h2{color:#4C5871; font-size:62px; line-height:68px; margin:0 0 22px;}
#apartamentos .texto_lista .texto p{line-height:28px; margin:0 0 30px;}
#apartamentos .texto_lista .lista{position:relative; width:53.5%}
#apartamentos .texto_lista .lista::after{background:url(../../imagem/box.png) left bottom no-repeat; bottom:-35px; content:""; display:block; height:128px; left:-35px; position:absolute; width:128px;}
#apartamentos .texto_lista .lista ul{position:relative; z-index:9;}
#apartamentos .texto_lista .lista li{align-items:center; background:#fff; display:flex; list-style:none; margin:0 0 10px; padding:45px;}
#apartamentos .texto_lista .lista li img{margin:0 45px 0 0;}
#apartamentos .texto_lista .lista li h3{color:#4C5871; font-size:20px; line-height:32px;}
#apartamentos .texto_lista .lista li p{font-size:17px; line-height:27px;}

#comodidades{background:#0E4194; color:#fff; padding:83px 0 153px;}
#comodidades .container{background:url(../../imagem/pontos-branco.png) 15px bottom no-repeat; padding:0 0 20px;}
#comodidades .titulo{align-items:center; display:flex; justify-content:space-between; margin:0 0 60px;}
#comodidades .titulo h2{font:500 103px/113px 'Montserrat', sans-serif; letter-spacing: 0.5px; margin:0 80px 0 0;}
#comodidades .titulo p{font-size:18px; line-height:27px; text-align:right;}
#comodidades .texto{color:#98BBF5; column-gap:22px; column-count: 2; margin:0 auto 80px; max-width:1010px;}
#comodidades .texto p{line-height:26px; margin:0 0 25px;}
#comodidades .lista{display:flex; flex-wrap:wrap; justify-content:space-around;}
#comodidades .lista li{background:url(../../imagem/seta-links-azul.png) 93% 10px no-repeat #104AA9; font-size:14px; list-style:none; margin:0 0 32px; padding:40px 20px; text-align:center; transition:all 0.3s; width:176px;}
#comodidades .lista li:hover{background:url(../../imagem/seta-links.png) 93% 10px no-repeat #0E3F90;}
#comodidades .lista li img{display:block; margin:0 auto 20px;}

#quem-somos{background: #F8FCFE;}
#quem-somos .container{background:url(../../imagem/gradient.png) 50px 85% no-repeat #1071B8; color:#fff; padding:50px 0 50px 50px; position:relative;}
#quem-somos h2{font-size:82px; font-weight:400; line-height:90px; letter-spacing:0.5px;}
#quem-somos h3{font-size:16px; line-height:21px; letter-spacing:0.5px; text-transform:uppercase;}
#quem-somos .texto{display:inline-block; padding:170px 65px; width:50%;}
#quem-somos .texto p{color:#DAEFFF; font-size:18px; line-height:30px; margin:0 0 30px;}
#quem-somos .texto .botao{background:url(../../imagem/seta-links-laranja.png) 93% 10px no-repeat #FF774A; color:#fff; display:inline-block; height:50px; line-height:50px; padding:0 26px; text-decoration:none; transition:all 0.3s;}
#quem-somos .carrossel{display:inline-block; overflow:hidden; position:absolute; right:-5%; top:-45px; width:55%;}
#quem-somos .carrossel .slick-slider{position:relative;}
#quem-somos .carrossel .slick-track{display:flex;}
#quem-somos .carrossel .slick-track li{list-style:none;}
#quem-somos .carrossel .slick-track li img{display:block; width:100%;}
#quem-somos .carrossel .slick-arrow{border:0; cursor:pointer; height:56px; margin-top:-28px; overflow:hidden; position:absolute; text-indent:-99999px; top:50%; width:31px; z-index:99;}
#quem-somos .carrossel .slick-next{background:url(../../imagem/next.png) no-repeat; right:45px;}
#quem-somos .carrossel .slick-prev{background:url(../../imagem/prev.png) no-repeat; left:45px;}
#quem-somos .carrossel .slick-disabled{display:none !important;}

#contato{background: #F8FCFE; padding:70px 0;}
#contato .container{display:flex; justify-content:space-between;}
#contato .texto{width:45%;}
#contato .texto h2{color:#1071B8; display:inline-block; font-size:103px; line-height:113px; margin:0 0 60px; position:relative;}
#contato .texto h2::before{background: linear-gradient(90deg, #1071B8 20.78%, rgba(16, 113, 184, 0) 84.32%); bottom:-19px; content:""; display:block; left:0; height:5px; position:absolute; width:100%;}
#contato .texto p{color:#747F98; font-size:18px; font-weight:500; line-height:30px; margin:0 0 40px;}
#contato .dados{background:url(../../imagem/pontos-laranja.png) right 125px no-repeat; padding:175px 0 0; width:45%}
#contato .dados .borda{border: 1px solid #8C95AA; padding:25px;}
#contato .dados address{color:#4C5871; font-size:18px; font-style:normal; line-height:25px; margin:0 0 38px;}
#contato .dados .botoes{display:flex; flex-wrap:wrap; justify-content:space-around;}
#contato .dados .botoes a{display:block; height:50px; line-height:50px; margin:0 0 10px; text-decoration:none;}
#contato .dados .botoes .telefone{border: 1px solid #8C95AA; color:#4C5871; display:flex; padding:0 15px 0 0;}
#contato .dados .botoes .telefone::before{background:url(../../imagem/telefone.png) center no-repeat; border-right:1px solid #8C95AA; content:""; display:block; height:100%; margin:0 15px 0 0; width:50px;}
#contato .dados .botoes .maps{background:url(../../imagem/seta-links-laranja.png) 93% 10px no-repeat #FF774A; color:#fff; display:inline-block; height:50px; line-height:50px; padding:0 26px; text-decoration:none; transition:all 0.3s;}

#contato .container.interna{display:block;}
#contato .interna h2{color:#1071B8; display:inline-block; font-size:63px; line-height:73px; margin:0 0 60px; position:relative;}
#contato .interna h2::before{background: linear-gradient(90deg, #1071B8 20.78%, rgba(16, 113, 184, 0) 84.32%); bottom:-19px; content:""; display:block; left:0; height:5px; position:absolute; width:100%;}
#contato .interna form{max-width:860px;}
#contato .interna .wrap_input{margin:0 0 15px;}
#contato .interna .wrap_input label{display:block; margin:0 0 3px;}
#contato .interna .wrap_input input{border: 1px solid #8C95AA; color:#3A4357; display:block; font:500 16px/45px 'Montserrat', sans-serif; height:45px; padding:0 12px; width:100%;}
#contato .interna .wrap_input select{border: 1px solid #8C95AA; color:#3A4357; display:block; font:500 16px/45px 'Montserrat', sans-serif; height:45px; padding:0 12px; width:100%;}
#contato .interna .wrap_text{margin:0 0 15px;}
#contato .interna .wrap_text label{display:block; margin:0 0 3px;}
#contato .interna .wrap_text textarea{border: 1px solid #8C95AA; color:#3A4357; display:block; font:500 16px 'Montserrat', sans-serif; height:100px; padding:12px; width:100%;}
#contato .interna .botao{background:url(../../imagem/seta-links-laranja.png) 93% 10px no-repeat #FF774A; bordeR:0; color:#fff; cursor:pointer; display:block; height:50px; font:500 16px/50px 'Montserrat', sans-serif; padding:0 26px; text-decoration:none; transition:all 0.3s;}

.erro{background:#D96E6E; border:1px solid #f00; border-radius:5px; color:#fff; font-size:14px; margin:0 0 20px; padding:7px 7px;}
.msg{background:#ACEDB4; border:1px solid #52AA5D; border-radius:5px; color:#000; font-size:14px; margin:0 0 20px; padding:7px 7px;}

#mudar{background: #1071B8; color:#fff; padding:43px; text-align:center;}
#mudar .container{background:rgb(72,156,217); background:linear-gradient(25deg, rgba(72,156,217,1) 0%, rgba(16,113,184,1) 65%);  padding:40px;}
#mudar h2{font-size:37px; line-height:48px; margin:0 0 10px;}
#mudar p{color:#CDE7FB; font-size:18px; line-height:27px; margin:0 auto 25px; max-width:420px;}
#mudar .botao{background:url(../../imagem/seta-links-laranja.png) 93% 10px no-repeat #FF774A; color:#fff; display:inline-block; height:50px; line-height:50px; padding:0 26px; text-decoration:none; transition:all 0.3s;}

footer .container{color:#4C5871; display:flex; font-size:13px; justify-content:space-between; padding:27px 0;}
footer .container a{color:#4C5871; text-decoration:none;}

@media all and (max-width:1240px) {
    header h1{margin:0 25px 0 0;}
    header nav li{margin:0 20px 0 0;}
    header .links li{margin:0 0 0 20px;}

    #quem-somos .container{background-position:30px 45%; padding:50px 0 30px 30px;}
    #quem-somos h2{font-size:62px; line-height:70px;}
    #quem-somos .texto{padding:60px 35px;}
    #quem-somos .carrossel{top:-105px; width:50%;}
}

@media all and (max-width:1024px) {
    #apartamentos .texto_imagem{display:block;}
    #apartamentos .texto_imagem .texto{margin:0 0 25px;width:100%;}
    #apartamentos .texto_imagem .imagem{display:block; margin:0 auto; max-width:100%; width:auto;}

    #apartamentos .texto_lista{display:block;}
    #apartamentos h2.titulo{font-size:64px;}
    #apartamentos .texto_lista .texto h2{font-size:42px; line-height:48px;}
    #apartamentos .texto_lista .texto{margin:0 0 35px; padding:0 0 10px; width:100%;}
    #apartamentos .texto_lista .lista{width:100%;}

    #comodidades .titulo h2{font-size:64px; line-height:63px;}

    #contato .container{display:block;}
    #contato .texto{width:100%;}
    #contato .texto h2{font-size:42px; line-height:48px;}
    #contato .dados{background:none; display:block; padding:15px 0 0; width:100%;}
    #contato .dados .botoes{flex-wrap:wrap; justify-content:left;}
    #contato .dados .botoes .telefone{margin:0 15px 15px 0;}

}

@media all and (max-width:960px) {    
    header h1{margin:0;}
    header .container{position:relative;}
    header .container .col{justify-content:right;}
    header .open_menu{background:url(../../imagem/menu.png) center no-repeat #FF774A; display:block; height:50px; margin:0 0 0 15px; width:50px;}
    header nav::before{border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:11px solid #FF774A; content:""; display:block; height: 0; right:20px; position:absolute; top:-11px; width:0;}
    header nav{background:#fff; border-top:3px solid #FF774A; box-shadow: 5px 5px 46px -13px rgba(0, 0, 0, 0.25); display:none; position:absolute; right:0; top:85px;}
    header nav ul{display:block;}
    header nav ul li a{line-height:normal; height:auto; padding:10px 20px;}
}

@media all and (max-width:860px) {
    #comodidades .titulo{display:block;}
    #comodidades .titulo h2{margin:0 0 10px;}
    #comodidades .titulo p{text-align:left;}

    #mudar{padding:30px;}
    #mudar .container{width:100%;}
}

@media all and (max-width:800px) {
    #comodidades .texto{column-count:auto;}

    #quem-somos .container{background-position: 30px 10px; width:100%;}
    #quem-somos .texto{width:100%;}
    #quem-somos .carrossel{position:static; width:100%;}
}

@media all and (max-width:550px) {
    #apartamentos .texto_lista .lista li{padding:25px;}
    #apartamentos .texto_lista .lista li img{margin:0 25px 0 0;}

    #apartamentos h2.titulo{font-size:44px; line-height:43px;}
    #apartamentos .texto_lista .texto h2{font-size:32px; line-height:38px;}

    #comodidades .titulo h2{font-size: 44px; line-height: 33px;}

    #quem-somos .container{background-position:0 10px; padding:0;}
    #quem-somos h2{font-size:48px; line-height:54px;}
    #quem-somos h3{font-size:14px;}

    #contato .dados .borda{padding:25px;}
}

@media all and (max-width:530px) {
    header .container{display:block;}
    header h1{margin:0 auto 15px;}
    header .container .col{width:100%;}
    header .links{justify-content:space-between; width:60%;}
    header .links li{margin:0; width:49%;}
    header .links li a{background:#f0f0f0; height:40px; line-height:40px; padding:0 5px; text-align:center;}
    header .links li a.highlight{background-image:none; padding:0 5px;}
    header .open_menu{height:40px; width:40%;}
    header nav{top:135px; min-width:39%;}
    header nav::before{margin-right:-7px; right:50%;}
}

@media all and (max-width:430px) {
    header h1{margin:0 0 15px;}
    header .links{width:100%;}
    header .open_menu{height:50px; position:absolute; right:0; top:15px; width:50px;}
    header nav{top:75px;}
    header nav::before{right:20px;}
}