/*ajustando as divs com padding*/
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clear {
    clear: both
}

/*fim do clearfix*/
input, textarea {
    outline: none;
}

img, picture, video, embed {
    max-width: 100%;
}
p {
    color: #333;
    margin: 12px 0;
    font-size: 16px;
    text-align: justify;
    line-height: 24px;
    font-family: robotoregular, sans-serif;
}

h1, h2, h3, h4, h5
{
    font-family: pt_serifbold_italic, sans-serif;
    color: #2E3191;
}
.linha-title
{
    width: 350px;
    height:16px;
    margin: 0 auto 30px auto;
    background: url("../pics/line-title.png");
}
.linha-title::before
{

}
.title-interna {
    padding: 10px;
    border-bottom: 7px solid rgb(225, 208, 116);
    margin-bottom: 35px;
    line-height: 30px;
}
strong
{
    font-family: roboto_slabregular, sans-serif;
}
a, a:hover {
    text-decoration: none;
}

.right {
    float: right;
}
.left {
    float: left;
}

hr {
    clear: both;
    border: solid 0;
    margin: 15px 0;
    background: #387198;
    height: 1px;
    opacity: 0.4;
}
.moldura
{
    /*float: right;*/
    border: solid 13px #fff;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
}
.sombra
{
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5)
}
.txt-sombra
{
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5)
}
.align-item
{
    align-items: center;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
}
/*corpo*/
body {
    color: #3b331d;
    font-family: robotomedium, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-align: left;
    background: url("../pics/bg-areia.jpg");
}

.center {
    margin: 0 auto;
    max-width: 1200px;
    width: 90%;
}
.idioma
{
    z-index: 9999;
    float: right;
    line-height: 25px;
    margin-top: 7px;
}
.idioma img
{
    display: inherit;
    width: auto;
    height: 19px;
}
.idioma .goog-te-menu-value
{
    line-height: 0;
}
    /*Topo*/
#topo
{
    position: fixed;
    width: 100%;
    z-index:999;
}
    #topo .barra-superior
    {
        background: #2E3191;
        width: 100%;
        height: 46px;
        position: relative;
        color: #fff;
    }
    #topo .barra-superior .fone
    {
        display: inline;
    }
    #topo .barra-superior span
    {
        font-family: roboto_slablight, sans-serif;
        font-size: 14px;
    }
        #topo .barra-superior .itens-superior
        {
            align-items: center;
            text-align: right;
            line-height: 46px;
            font-family: robotomedium_italic, sans-serif;
            font-size: 21px;
        }
        #topo .barra-superior .itens-superior .icon-ingles,
        #topo .barra-superior .itens-superior .icon-espanhol
        {
            margin: 0;
        }
        #topo .barra-superior .logo
        {
            background: url('../pics/bg-menu.jpg');
            height: 100px;
            position: relative;
            float: right;
            top: 0;
            width: 2100px;
            z-index: 10;
        }
        #topo .barra-superior .logo::after
        {
            content: url('../pics/curva-logo.png');
            position: absolute;
            right: 0;
            margin-right: -122px;
            margin-top: 1px;
            pointer-events: none;
        }
            #topo .barra-superior .logo img
            {
                max-width: 250px;
                position: absolute;
                right: 40px;
                padding: 0 7px 7px 7px;
                background-color: #fff;
                border-bottom-left-radius: 10px;
                border-bottom-right-radius: 10px;
                box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
            }
    #topo .barra-inferior
    {
        background: rgba(13, 84, 133, 0.9);
        height:54px;
        width: 100%;
        background:url('../pics/bg-menu.jpg');
        background-position: bottom;
    }

    .reservaOnline {
        margin-right: 5px;
        display: inline-block;
        vertical-align: middle;
        background-image: linear-gradient(to top, #FCA001, #FAD901);
        padding: 2px 15px;
        max-height: 35px;
        border-radius: 5px;
        border: 2px solid #FAD901;
    }

    .reservaOnline span {
        color: #fff;
        font-weight: 700;
        font-family: pt_serifbold_italic !important;
        float: left;
        line-height: 24px;
        font-size: 18px !important;
    }

    .reservaOnline i {
        background: url('../pics/icons/sino.png');
        width: 19px;
        height: 19px;
        display: block;
        float: left;
        margin-right: 5px;
    }
    #menu .menu-responsivo
    {
        display: none;
    }
    #menu a, #menu a:visited
    {
        color: #434343;
    }
    #menu a:hover
    {
        color: #fff;
        text-decoration: none;
    }
        #menu  ul
        {
            list-style: none;
            position: relative;
            right: 0;
            text-align: right;
            top: -40px;
        }
            #menu  ul li
            {
               display: inline-block;
               text-transform: uppercase;
               color: #434343;
               font-size: 16px;
               margin: 0 0 0 9px;
               padding: 2px 8px;
               cursor: pointer;
               transition: 0.1s ease-in;
               font-family: robotomedium_italic, sans-serif;
               position: relative;
               z-index: 20;
           }
            #menu ul li:hover
            {
                background: #FCA001;
                color: #fff !important;
                border-radius: 3px;
            }
            #menu ul li:hover a
            {
                color: #fff;
            }
.linha-top
{
    width: 100%;
    height: 2px;
    background: #2E3191 none repeat ;
}

.reservaResponsivo {
    display: none !important;
}

#whatsFloat {
    position: fixed;
    right: -5px;
    background-color: #2E3191;
    width: 100px;
    border: 1px solid #fff;
    height: 90px;
    top: 50%;
    z-index: 9999;
    border-radius: 6px;
    text-align: center !important;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

#whatsFloat .whatsDesktop{
    display: block; 
}

#whatsFloat .whatsMobile {
    display: none;
}

#whatsFloat .whatsDesktop span {
    font-weight: bold;
    font-size: 13px;
    font-family: pt_serifbold_italic, sans-serif;;
    text-transform: uppercase;
    color: #fff;
}

.whatsIcon {
    background-image: url(../pics/icons/whats-icon.png);
    width: 20px;
    height: 20px;
    display: inline-block;
}
/*Fim topo*/
/*animacao*/
#animacao, #animacao .item-anima, #animacao .anima
{
    width: 100%;
    height: 617px;
    position: relative ;
}

#animacao
{
    position: relative;
}
#animacao .anima
{
    position: absolute;
    top: 102px;
    left: 0;
    overflow: hidden;
}

#animacao .anima .item-anima
{
    background:no-repeat center top/cover;
    position: absolute;
}
#animacao .anima .item-anima .center
{
    position:relative;
}
#animacao .item-anima .legenda
{
    text-align: right;
    padding: 14px 30px;
    position: absolute;
    width: auto;
    right: 42px;
    top: 197px;
    background: rgba(255,255,255,0.9);
    border-radius: 20px;
}
#animacao .item-anima .legenda-right
{
    text-align: right;
    padding: 0px 30px;
    position: absolute;
    right: 0px;
    top: 184px;
    width: 55%;
    background: rgba(255,255,255,0.9);
    border-radius: 20px;
}
#animacao .item-anima .legenda-left
{
    text-align: right;
    padding: 0px 30px;
    position: absolute;
    width: 55%;
    left: 0px;
    top: 184px;
    background: rgba(255,255,255,0.9);
    border-radius: 20px;
}
#animacao .item-anima .legenda p
{
    text-align: right;
    margin: 0;
    font-size: 19px;
    font-family: robotoregular, sans-serif;
}
#animacao .item-anima .legenda h1
{
    margin: 0;
}
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0 auto 40px;
}

.rslides2 {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 auto;
}

.rslides_tabs {
    font-size: 10px;
    list-style: none;
    margin: 0 auto 26px;
    padding: 0 0;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: -50px;
    z-index: 2;
}

.rslides_tabs li {
    display: inline;
    float: none;
    margin: 0 2px;
}

.rslides_tabs a {
    line-height: 20px;
    padding: 10px 10px;
    display: inline;
    background: url(../pics/icons/paginacao.png);
    border-radius: 10px;
    font-size: 0;
    width: 10px;
    height: 20px;
}

.rslides_tabs li:first-child {
    margin-left: 0;
}

.rslides_tabs .rslides_here a {
    border-radius: 10px;
    background: url(../pics/icons/paginacao-ativa.png);
}
/*FIm animacao*/
/* ico */
.has-icon
{
    position: relative;
}
.has-icon .icon
{
    position: absolute;
    right: 5px;
    top: 36px;
    pointer-events:none;
}
.icon
{
    margin-right: 5px;
    margin-bottom: -16px;
    display: inline-block;
    vertical-align: middle;
}
.icon-fone:before{content: url(../pics/icons/fone.png);}
.icon-face:before{content: url(../pics/icons/face.png);}
.icon-insta:before{content: url(../pics/icons/instagram.png);}
.icon-reserva:before{content: url(../pics/icons/reserva.png);}
.icon-calendario:before{ content: url(../pics/icons/calendario.png);}
.icon-seta:before{content: url(../pics/icons/seta.png);}
.icon-news:before{content: url(../pics/icons/news.png);}
.icon-ingles:before{content: url(../pics/icons/ingles.png);}
.icon-espanhol:before{content: url(../pics/icons/espanhol.png);}

.icon-interna-call:before{content: url(../pics/icons/interna-call.png);}
.icon-interna-email:before{content: url(../pics/icons/interna-email.png);}
.icon-interna-maps:before{content: url(../pics/icons/interna-maps.png);}


/*Fim ico*/

/*Reservar*/
#reservar .box-reservas
{
    /*background: url('../pics/bg-reservas.jpg');*/
    background: linear-gradient(360deg, #2E3191, #323A9B);
    height: 94px;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 10;
    border: solid 3px #2E3191;
    border-radius: 4px;
    top: 46px;
}
#reservar .col2
{
    width: 16%;
    text-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
    font-family: pt_serifbold_italic, sans-serif;
    color: #f3ede6;
}
#reservar .col2, #reservar .col1, #reservar .col3
{
    display: flex;
    height: 94px;
    align-items: center;
    font-size: 25px;
    text-align: center;
    justify-content: center;

}
#reservar .bt-reserva
{
    display: none;
}
#reservar .input
{
    width: 95%;
}
/*Fim Reservar*/

/*Forms imput*/
form.contato .col4
{
    width: 31.3%;
}
form.contato .col6
{
    width: 48.5%;
}
.text-cont p
{
    font-size: 12px;
}
.text-cont h3
{
    margin-top: 0;
}

.contato .text-cont .moldura
{
    margin: 85px 0px 20px;
}
.contato h4
{
    text-align: center;
}
.input
{
    background: #f8f6f3;
    height: 55px;
    width: 100%;
    padding-left: 16px;
    float: left;
    margin: 5px 3px;
    font-size: 20px;
    transition: 0.3s;
    cursor: pointer;
    color: #574b38;
    min-width: 130px;
    font-family: robotoregular, sans-serif;
    border: solid 1px #756854;
    -moz-appearance: none;
    -webkit-appearance:none;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}
.g-recaptcha
{
    /*clear: both;*/
    float: left;
}
textarea.input {
    height: 130px;
    padding-top: 10px;
    width: 100%;
}
.form-input
{
    height: 75px;
    align-items: center;
    display: flex;
}
.form-input input
{
    border-radius: 4px;
    height: 50px;
}
.bt
{
    border-radius: 3px;
    border:solid 2px #a4975a ;
    color: #6e5719;
    width: 95%;
    height: 44px;
    background-image: linear-gradient(to top, #FCA001, #FAD901);
    font-size: 19px;
    cursor: pointer;
    font-family: pt_serifbold_italic, sans-serif;
    box-shadow: 0 2px 7px rgba(0,0,0,0.4);
}
.bt:hover
{
     background-image: linear-gradient(to top, #FAD901, #FCA001);
}
button
{
    background-image: linear-gradient(to top, #FCA001, #FAD901);
    padding: 6px 20px;
    text-align: center;
    color: rgb(255, 255, 255);
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);
    border-radius: 3px;
    font-family: pt_serifbold_italic,sans-serif;
    border: 0;
    width: auto;
    margin: 4px auto;
}
button:hover
{
    background-image: linear-gradient(to top, #FAD901, #FCA001);
}
/*Fim forms imput*/

/*chamadas*/
#chamadas
{
    background: #f8f8f8;
    height: 300px;
    width: 100%;
    position: relative;
    top: 8px;
    box-shadow: 0 7px 4px rgba(0, 0, 0, 0.2);
    border-bottom: solid 3px #c2c2c2;
}
    #chamadas p
    {
        text-align: center;
        font-size: 16px;
        font-family: pt_serifbold_italic, sans-serif;
        color: #323A9B;
        margin: 0;
        background: rgba(255, 255, 255, 0.9);
        padding: 10px 3px;
        bottom: 5px;
        position: absolute;
        width: 94%;
        text-transform: initial;
        line-height: 17px;
        height: 54px;
    }
    .item-chamada
    {
        height: 160px;
        width: 160px;
        margin: 70px 1% 0 0;
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        padding: 5px;
        position: relative;
    }
    .item-chamada .item-icone
    {
        width: 100%;
        height: 95px;
        transition: 0.1s;
        cursor: pointer;
        background-position: center !important;
        background-size: cover !important;
    }
    /*.item-chamada .item-icone:hover
    {
        transform: scale(1.1);
    }*/
    .carousel .owl-prev
    {
        position: absolute;
        top:35px;
        left: 0;
        margin:0;
        background: url(../pics/prev.png) no-repeat center center !important;
        width: 84px;
        height: 235px;
        opacity: 1 !important;
        overflow: hidden;
        text-indent: 9000em;
        border-radius: 0 ;
        margin-left: -55px;
    }
    .carousel .owl-next
    {
        position: absolute;
        top:35px;
        right: 0;
        margin:0;
        background: url(../pics/next.png) no-repeat center center !important;
        width: 84px;
        height: 235px;
        opacity: 1 !important;
        overflow: hidden;
        text-indent: 9000em;
        border-radius: 0 ;
        margin-right: -55px;
    }
    .carousel .galeria .owl-controls
    {
        margin-top: 0;
    }

    .carousel .owl-pagination
    {
        display: none;
    }
/* fim chamadas*/

/*natal*/
#natal
{
    height: 380px;
    width: 100%;
    background: url("../pics/bg-natal.jpg");
    background-position: center !important;
    display: flex;
    align-items: center;
}
    #natal .box-cont, #natal .box-cont-clima
    {
        height: 325px;
        border-radius: 5px;
        background: #fff;
        padding: 0 30px 0 30px;
        width: 70%;
    }
    #natal .box-cont-clima
    {
        width: 25%; !important;
        position: relative;
    }
    #natal .box-cont-clima div
    {
        color: rgb(134, 134, 134);
        background-color: rgb(255, 255, 255);
        font-family: Roboto, sans-serif;
        margin: 0 auto !important;
        width: 80%;
        position: absolute;
        left: 7%;
        right: 7%;
        top: 32px;
        border: none !important;
    }
    #natal .box-cont p
    {
        font-family: robotoitalic, sans-serif;
        font-size: 14px;
        text-align: center;
    }
    #natal .box-cont h2
    {
        text-align: center;
    }
    #natal .item-natal
    {
        width: 100%;
        height: 253px;
        background-size: cover;
        background-position: center;
        left:1px;
    }
    #natal .item-natal .item-natal-foto
    {
        width: 100%;
        height: 253px;
        background-position: center;
        background-size: cover;
    }
        #natal .item-natal p
        {
            position: absolute;
            width: 100%;
            top: 221px;
            z-index: 999;
            margin: 0;
            color: #333;
            font-size: 19px;
        }
        #natal .legenda
        {
            position: absolute;
            bottom: 20px;
            height:53px;
            width: 115%;
            background: url("../pics/bg-areia.jpg");
            z-index: 99;
            left: -15px;
            border:solid 2px #d7c9ae;
            border-radius: 3px;
        }
    #natal .box-cont .box-carousel
    {
        width: 32%;
        border: solid 4px #fff;
        border-radius: 5px;
        top: 30px;
        height: 270px;
        position: relative;
        background-position: center !important;
        background-size: cover !important;
    }
    #natal .carousel .owl-prev
    {
        background: url("../pics/prev-natal.png") !important;
        z-index: 100;
        width: 8px;
        height: 17px;
        top: 198px;
        left: 52px;
    }
    #natal .carousel .owl-next
    {
        background: url("../pics/next-natal.png") !important;
        z-index: 100;
        width: 8px;
        height: 17px;
        top: 198px;
        right: 52px;
    }
/*Fim natal*/

/*rodape*/
#rodape
{
    height: 150px;
    width: 100%;
    background: #2E3191;
    padding: 10px 0;
    color: #fff;
    font-family: pt_serifbold_italic, sans-serif;
    border-top: solid 1px #fff;
}
#rodape.rodapefix {
    position: absolute;
    bottom: 0;
}
#rodape .icon
{
    margin-bottom: -8px;
}
#rodape p
{
    font-family: robotobold_italic, sans-serif;
    color: #d1c5aa;
    text-align: left;
    line-height: 18px;
    margin: 8px 0;
}
#rodape .endereco, #rodape .endereco p
{
    text-align: center !important;
}
#rodape h3
{
    color: #fff;
}
#rodape .input
{
    float: left;
    height: 40px;
    font-size: 15px;
    font-family: robotobold_italic, sans-serif;
    width: 70%;
}
#rodape .bt
{
    width: 20%;
    float: left;
    margin: 5px 0 0 -4px;
    height: 40px;
    box-shadow: none;
}
.assinatura
{
    height: 126px;
    width: 100%;
    margin: 0;
    position: relative;
    bottom: 0;
    align-items: center;
    display: flex;
}
.assinatura img
{
    max-width:80px;
    width:80px;
}
/*fim rodape*/

/*Interna*/
#interna
{
    background: url("../pics/bg-areia.jpg");
    padding: 161px 0 20px 0;
}
#interna ul
{
    list-style-image: url("../pics/icons/paginacao-ativa.png");
}
#interna ul li
{
    margin: 0 0 0 50px;
    font-size: 18px;
    line-height:25px;
}
#interna ul.ul-inline
{
    list-style: none;
}
#interna ul.ul-inline li
{
    margin: 4px;
    border-radius: 5px;
    float: left;
    font-size: 14px;
    background: #2E3191;
    color: #fff;
    padding: 4px 10px;
}
#interna .center-interna
{
    margin: 0 auto 30px auto;
    max-width: 1200px;
    width: 90%;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 30px 50px 55px 50px;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.2)
}
    #interna .center-interna h1
    /*#interna .center-interna h2*/
    {
        text-align: center;
    }
    #interna .img-cont
    {
        width: 39%;
        margin: 10px 0 10px 32px;
    }
    #interna .carousel
    {
        margin-top: 15px;
    }
    #interna .item-caroulsel-cont
    {
        /*width: 32%;*/
        text-align: left !important;
        height:200px;
        background-size: cover !important;
        background-position: center !important;
    }
    #interna .carousel .owl-prev
    {
        height: 200px;
        margin-left: -40px;
        margin-top: -31px;
    }
    #interna .carousel .owl-next
    {
        height: 200px;
        margin-right: -40px;
        margin-top: -31px;
    }
    #interna .galeria
    {
        margin-top: 0;
    }

#interna .input
{
    font-size: 17px;
}
#interna .has-icon .icon
{
    top: 23px;
    right: 0;
}
#interna form .col12
{
    width: 100% 
}
#interna .politica
{
    background:#eeeeee;
    padding: 14px 32px;
    border-radius: 7px;
    height: 592px;
    overflow: auto;
}
#interna .politica p
{
    font-size: 12px;
}
#interna .check
{
    float: left;
    height: 41px;
    margin-right: 10px;

}
#interna .check-form p
{

    line-height: 16px;
    font-size: 13px;
    text-align: left;
}
#interna .box-pacote
{
    width: 100%;
    height: 487px;
    border: solid 11px #fff;
    box-shadow: 0 0 17px rgba(0,0,0,0.4);
    position: relative;
    background-size: cover !important;
    background-position: center !important;
}
#interna .box-pacote span
{
    background: rgb(255, 255, 255);
    padding: 8px 27px;
    border-radius: 0 0 32px;
    color: rgb(1, 69, 44);
    text-transform: uppercase;
    font-family: robotobold_italic, sans-serif;
}
#interna .legenda
{
    text-align: right !important;
    position: absolute;
    width: 70%;
    right: 84px;
    top: 133px;
}
#interna .legenda p
{
    text-align: right;
    margin: 0;
    font-size: 16px;
    font-family: robotobold, sans-serif;
}
#interna .legenda h1
{
    margin: 0;
    font-size: 26px;
}

#interna .item-cont
{
    clear: both;
    height:auto;
    margin-top: 45px;
}
#interna .item-cont .img-item
{
    width: 310px;
    height: 230px;
    float: left;
    margin: 30px 27px 0 0;
    border: solid 8px #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-size: cover !important;
}
#interna .item-cont ul
{
    float: left;
}
#interna .item-cont ul li
{

}
/*Fim interna*/

/*Natal*/
.listagem-sobre-natal
{

}
.listagem-sobre-natal img
{
    float: left;
    margin: 9px 31px 34px 0;
}

/*Fim natal*/

/*localização*/
.panoramica
{
    width: 100%;
    height: 260px;
    margin: 0 0 20px 0;
    background-size: cover !important;
    background-position: right !important;
    position: relative;   
}
    .panoramica p
    {
        padding: 5px 20px;
        background: rgba(255, 255, 255,0.6);
        position: relative;
        bottom: 10px;
        width: auto;
        top: 166px;
        font-size: 17px;
        float: left;
        text-transform: uppercase;
    }
    .bt-reserva
    {
        width: 68%;
        background-image: linear-gradient(to top, #FCA001, #FAD901);
        color: rgb(255, 255, 255);
        padding: 7px 23px;
        margin: -20px auto 37px;
        text-align: center;
        border-radius: 10px;
        text-shadow: 0 2px 3px rgba(0,0,0,0.4);
        text-transform: uppercase;
        font-size: 15px;
        cursor: pointer;
    }
    .bt-reserva:hover
    {
        background-image: linear-gradient(to top, #FAD901, #FCA001);
    }
/*Fim localizazação*/

/*Fotos*/
.galeria
{
    width: 100%;
    margin-top: 25px;
    text-align: center;
}
.galeria .item-galeria
{
    width: 250px;
    height: 160px;
    margin-left: 5px;
    cursor: pointer;
    display: inline-block;
    background-size: cover;
    background-position: center !important;
}


.galeria .owl-controls
{
    margin-top: 0;
}

.galeria .owl-pagination
{
    display: none;
}
/*Fim fotos*/

/*Interna apartamento*/
.apartamentos .box-ape
{
    width: 31% !important;
    padding:30px;
    text-align: center;
    height: 475px;
    position: relative;
}
.apartamentos .box-ape button
{
    position: absolute;
    bottom: 0;
    left: 30%;
}
.apartamentos .box-ape p, .apartamentos .box-ape h2
{
    text-align: center;
}
.apartamentos  .cicle-ape
{
    height: 230px;
    border-radius: 50%;
    max-width: 230px;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    transition: 0.2s;
    background-size: cover !important;
    background-position: center !important;
    border: solid 7px #f4e6cb;
}
.apartamentos  .cicle-ape:hover
{
    transform: scale(1.1);
}
.apartamentos .galeria .item-galeria
{
    background: #ccc;
    height: 169px;
    width: 47%;
    display: inline-block;
    background-size: cover !important;
    background-position: center;
    border: solid 5px #fff;
    transition: 0.2s;
    border-radius: 20px;
}
.apartamentos .linha-3fotos .item-galeria
{
    height: 127px;
    width: 30%;
}
.apartamentos .galeria .item-galeria:hover
{
    border: solid 8px #fff;
}
/*Fim interna apartamento*/

/*Maps*/
#map
{
    height: 440px;
}
/*Fim Maps*/

@media all and (max-width: 1085px)
{
    #menu ul li
    {
        font-size: 15px;
        padding: 2px 5px;
    }
    #topo .barra-superior .logo
    {
        height: 100px;
        position: relative;
        float: right;
        top: 0;
        width: 2000px;
        z-index: 10;
    }
    #whatsFloat .whatsMobile {
        display: block !important;
    }

    #whatsFloat .whatsDesktop {
        display: none !important;
    }

    #whatsFloat {
        background-color: #fff;
        padding: 10px;
        border-radius: 30px;
        box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
        border: 1px solid #44c554;
        position: fixed;
        right: 15px;
        width: 40px;
        height: 40px;
        z-index: 9999;
    }
    #topo .col3
    {
        width: 22.5% !important;
    }
    .right
    {
        float: none !important;
    }
    #interna .right
    {
        float: right !important;
    }
    #topo .barra-superior .logo img
    {
        right: 17px;
    }
    #topo .barra-superior .itens-superior
    {
        width: 100%;
        font-size: 16px;
    }
    #rodape
    {
        height:auto;
    }
    #rodape .col5
    {
        height:135px;
    }
    .icon {
        margin-bottom: -19px;
    }

}
@media all and (max-width: 1025px)
{
    #menu .menu-responsivo
    {
        display: block;
        float: right;
        position: relative;
        right: 10px;
        cursor: pointer;
        top: -46px;
        z-index: 99;
    }
    #menu .menu-responsivo img
    {
        max-width: 63px;
        width: auto;
        height: 40px;
    }
    #menu ul
    {
        width: 192px;
        background: #2E3191;
        position: absolute;
        right: 77px;
        top: 99px;
        border-radius: 0 0 12px 12px;
        z-index: -1;
        display: none;
        border: solid 1px #E3E1DD;
    }
    #menu ul li
    {
        height: 40px;
        display: inherit;
        padding: 0 19px 0 0;
        line-height: 40px;
        margin: 0 !important;
        right: 0;
        border-bottom: solid 1px #005e20;
    }
    #menu a, #menu a:visited
    {
        color: #fff;
    }
    #menu a:hover
    {
        text-decoration: none;
    }
    #menu ul li:hover a
    {
        font-family: robotoblack_italic, sans-serif;
    }
    #topo .col3
    {
        float: left;
    }
    #topo .barra-superior .logo img
    {
        width: 188px;
        height: auto;
        right:0;
    }
}
@media all and (max-width: 980px)
{
    form.contato .col6
    {
        width: 100%;
    }
    #reservar .box-reservas
    {
        background: #2E3191;
        height: auto;
    }
    #reservar .col2
    {
        width: 100%;
        margin: 0;
        height: 63px;
        padding: 15px;
        padding-bottom: 32px;
    }
    #animacao, #animacao .item-anima, #animacao .anima
    {
        height: 396px
    }
    #animacao .item-anima .legenda
    {
        top: 62px;
    }
    #animacao .item-anima .legenda-right
    {
        top: 30px;
    }
    #animacao .item-anima .legenda-left
    {
        top: 30px;
    }
    .has-icon .icon
    {
        right: 32px;
        top: 16px;
    }
    .apartamentos .box-ape
    {
        width: 100% !important;
    }
    .apartamentos .box-ape button
    {
        left: 30%;
        width: 40%;
        right: 30%;
    }

    #natal .box-cont, #natal .box-cont-clima
    {
        width: 100%;
    }
    #natal .box-cont-clima
    {
        margin: 10px 0;
    }
    #natal .box-cont
    {
        padding-top: 0;
        margin: 28px 0;
        height: auto;
        padding-bottom: 46px;
    }
    #natal .box-cont h2
    {
        margin: 0;
        padding-top: 20px;
    }
    #natal .box-cont .box-carousel
    {
        width: 100%;
        clear: both;
        top: 15px;
        height: 174px;
    }

    #natal
    {
        background-size: cover !important;
        height:auto;
    }
}
@media all and (max-width: 915px)
{

    .icon-fone
    {
        display: none;
    }
    #topo .barra-superior .fone
    {
        display: none;
    }
    #topo .icon-reserva
    {
        display: none;
    }
}
@media all and (max-width: 800px)
{
    #interna .img-cont
    {
        width: 100%;
        margin: 0 0 30px 0;
    }
}
@media all and (max-width: 705px)
{
    .icon-reserva
    {
        display: none;
    }
    #topo .col3
    {
        width: 28% !important;
    }
    .reservaTop {
        display: none;
    }
    .reservaResponsivo {
        display: block !important;
    }

}
@media all and (max-width: 485px)
{

    .linha-title
    {
        display: none;
    }
    #interna .center-interna
    {
        padding: 5px 20px;
    }
    #interna
    {
        padding: 118px 0 0 0;
    }
    #menu ul
    {
        right: 40px;
    }
    #animacao, #animacao .item-anima, #animacao .anima
    {
        height: 225px;
        box-shadow: 0 3px 9px;
        position: relative;
        z-index: 10;
    }
    .rslides_tabs
    {
        bottom: -121px;
        z-index: 10;
    }
    #reservar .box-reservas
    {
        top: 31px;
        padding-top: 17px;
        z-index: 1;
        border-radius: 0 0 15px 15px;
    }

    #reservar
    {
        height: auto;
        position: relative;
        top: 100px;
    }
    #chamadas
    {
        top: 160px;
    }
    #animacao .item-anima .legenda
    {
        top: 150px;
        width: 90%;
        right: 0;
        text-align: center;
        padding: 8px;
        margin: 0 auto;
        position: relative;
        background: no-repeat;
    }
    #animacao .item-anima .legenda-right
    {
        top: 115px;
        width: 90%;
        right: 0;
        text-align: center;
        padding: 8px;
        margin: 0 auto;
        position: relative;
        background: no-repeat;
    }
    #animacao .item-anima .legenda-left
    {
        top: 0px;
        width: 90%;
        right: 0;
        text-align: center;
        padding: 8px;
        margin: 0 auto;
        position: relative;
        background: no-repeat;
    }
    #animacao .item-anima .legenda h1
    {
        font-size: 23px;
        text-shadow: 0 2px 1px rgba(255,255,255,1);
        background: #fff;
        border-radius: 10px;
        width: auto;
    }
    #animacao .item-anima .legenda-right h1
    {
        font-size: 23px;
        text-shadow: 0 2px 1px rgba(255,255,255,1);
        background: #fff;
        border-radius: 10px;
        width: auto;
    }
    #animacao .item-anima .legenda-left h1
    {
        font-size: 23px;
        text-shadow: 0 2px 1px rgba(255,255,255,1);
        background: #fff;
        border-radius: 10px;
        width: auto;
    }
    #animacao .item-anima .legenda p
    {
        font-family: robotoblack_italic, sans-serif;
        color: #2E3191;
        text-align: center;
        font-size: 17px;
        line-height: 19px;
        text-shadow: 0 2px 2px rgba(255,255,255,1);
        display: none;
    }
    #animacao .item-anima .legenda-left p
    {
        font-family: robotoblack_italic, sans-serif;
        color: #2E3191;
        text-align: center;
        font-size: 17px;
        line-height: 19px;
        text-shadow: 0 2px 2px rgba(255,255,255,1);
        display: none;
    }
    #animacao .item-anima .legenda-right p
    {
        font-family: robotoblack_italic, sans-serif;
        color: #2E3191;
        text-align: center;
        font-size: 17px;
        line-height: 19px;
        text-shadow: 0 2px 2px rgba(255,255,255,1);
        display: none;
    }
    #interna .box-pacote .legenda
    {
        width: 100%;
        position: relative;
        right: 0;
        text-align: center !important;
        top: 30px;
    }
    #interna .box-pacote
    {
        height: 394px;
        margin-bottom: 20px;
    }
    #interna .legenda p
    {
        text-align: center;
    }
    .bt-reserva
    {
        width: 100%;
        margin: 0 auto 20px;
    }
    #map
    {
        height: 300px;
        margin-bottom: 22px;
        border: solid 5px #ffffff;
        width: 102%;
    }
    .assinatura
    {
        height: auto;
    }
    .assinatura img
    {
        margin: 0 auto;
    }
    .apartamentos .box-ape button
    {
        left: 20%;
        width: 60%;
        right: 20%;
        margin-bottom: 20px;
    }
    .apartamentos .box-ape
    {
        width: 100% !important;
        border-bottom: solid 2px #ccc;
    }
    #natal
    {
        margin-top: 158px;
    }
}
@media all and (max-width: 460px)
{
    #topo .col3
    {
        width: 41% !important;
    }
    .item-chamada
    {
        width: 144px;
    }
    #chamadas p
    {
        font-size: 13px;
    }
    .icon-face
    {
        display: none;
    }
    .idioma
    {
        display: none;
    }
}