/*** PAGINA PROMOCOES ***/
.imagensPromocao {
    float: left;
    width: 49%;
    min-height: 560px;
    height: auto;
    margin: 20px 2% 0 0;
    background: #f1f1f1;
    box-shadow: -1px 1px 3px #ccc;
    box-sizing: border-box;
}

.imagensPromocao:nth-child(2n) {
    margin-right: 0;
}

.imagensPromocao img {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.imagensPromocao .text {
    float: left;
    width: 100%;
    padding: 10px;
}

.promocoes > p {
    display: block;
    text-align: center;
    margin-top: 15px;
}

@media (max-width: 799px) {
    .imagensPromocao {
        width: 100%;
        height: auto;
        margin: 20px 0 0 0;
    }
    
    .imagensPromocao img {
        width: 100%;
    }
}

/*** PAGINA INAUGURACAO ***/
.imagensInauguracao {
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 2% 0 0;
    background: #ffffff;
    box-shadow: -1px 1px 3px #ccc;
    box-sizing: border-box;
}


.imagensInauguracao img {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 98%;
}


@media (max-width: 799px) {
    .imagensInauguracao {
        width: 100%;
        height: auto;
    }
    
    .imagensInauguracao img {
        width: 100%;
    }
}

/*****
    STYLOS CSS PARA O CHAT LUBERDADE ASC
*/
#draggable {
    width: 100px; /*480*/
    padding: 0px;
    height: 100px; /*200*/
    position: fixed;
    right: 0;
    border-radius: 15px;
    background: transparent;
    bottom: 0px;
    z-index: 99986;
    cursor: move;
}

@media screen and (max-width: 420px) {
    #draggable {
        width: 100%;
    }
}


.liberdade {
    position: absolute;
    border-radius: 50%;
    right: 0;
    bottom: 0;
    width: 85px;
    height: 85px;
    overflow: hidden;
    cursor: pointer;
    /*AZUL*/
    background: linear-gradient(55deg, rgba(0,212,255,1) 20%, rgba(13,97,212,1) 70%, rgba(3,3,190,1) 100%);
    /*ROSA*/
    /*background: linear-gradient(55deg, rgba(255,153,206,1) 20%, rgba(254,32,147,1) 70%, rgba(254,52,156,1) 100%);*/
    /*PRETO*/
    /*background: linear-gradient(55deg, rgba(76,76,76,1) 20%, rgba(28,28,28,1) 70%, rgba(19,19,19,1) 100%);*/
    z-index: 99989;
    box-shadow: rgba(0, 0, 0, 0.2) 3px 2px 3px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: solid 2px #eee;
}

    .liberdade i {
        font-size: 24px;
        color: #ffffff;
        margin: 30px 29px;
        opacity: 0;
        -webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
        transition: all 1s;
        position: absolute;
        z-index: 1;
    }


    .liberdade.open i {
        -webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
        transition: all 1s;
        transition-delay: 0.1s;
        opacity: 1;
    }

    .liberdade > img {
        width: 80px;
        height: 80px;
        margin: 10px 8px;
        -webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */
        transition: opacity 1s;
        position: absolute;
        z-index: 2;
        opacity: 1;
    }

    .liberdade.open > img {
        -webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */
        transition: opacity 1s;
        opacity: 0;
    }


.liberdade-whats-chat {
    width: 55px;
    height: 55px;
    position: absolute;
    border-radius: 50%;
    background: #4CCA5A;
    padding: 5px;
    right: 27px;
    bottom: 55px;
    z-index: 99988 !important;
    box-shadow: rgba(0, 0, 0, 0.2) 3px 2px 3px;
    opacity: 0;
    -webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
    transition: all 1s;
    border: 2px solid #f1f1f1;
}

    .liberdade-whats-chat.open {
        bottom: 103px;
        opacity: 1;
        -webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
        transition: all 1s;
    }

    .liberdade-whats-chat img {
        width: 70%;
        height: 70%;
        margin: 6px 7px;
    }

#divBtnChtflt.skin-blue #btnChatFlt {
    width: 50px;
    height: 50px;
    text-transform: none !important;
    font-family: "Arial";
    border-radius: 50px 50px;
    border: 2px solid #eee;
    color: #000;
    padding: 8px;
    position: absolute;
    z-index: 99985 !important;
    background-color: #f7ce09 !important;
    right: 31px;
    bottom: 50px;
    opacity: 0;
    box-shadow: rgba(0, 0, 0, 0.2) 3px 2px 3px;
    -webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
    transition: all 1s;
}

    #divBtnChtflt.skin-blue #btnChatFlt.open {
        bottom: 168px;
        opacity: 1;
        -webkit-transition: all 1s; /* For Safari 3.1 to 6.0 */
        transition: all 1s;
    }

#btnChatFlt > img {
    width: 80%;
    height: 80%;
    margin: 4px 4px;
    border: 0;
}

#abaChatBot .chtflt-box-title span {
    text-transform: none !important;
    font-family: Arial;
    display: none;
}

#abaChatBot .chtflt-box-title {
    height: 30px;
    border-radius: 15px 15px 0 0 !important;
}

#chatBot.skin-blue {
    width: 350px !important;
}

    #chatBot.skin-blue .chtflt-box-title {
        /*background-color: #1388ec !important;*/
        /*AZUL*/
        background: linear-gradient(20deg, rgba(0,212,255,1) 0%, rgba(13,97,212,1) 16%, rgba(3,3,190,1) 100%);
        /*ROSA*/
        cursor: move !important;
        /*background: linear-gradient(20deg, rgba(255,153,206,1) 0%, rgba(254,32,147,1) 97%, rgba(254,52,156,1) 100%);*/
        /*PRETO*/
        /*background: linear-gradient(20deg, rgba(76,76,76,1) 0%, rgba(28,28,28,1) 97%, rgba(19,19,19,1) 100%);*/
    }

#chatBot {
    position: absolute;
    top: 0px;
    right: 0;
    height: 406px;
}

@media screen and (max-height: 375px) {
    #chatBot {
        top: 0;
        height: 325px;
    }
}
@media screen and (max-width: 420px) {
    #chatBot.skin-blue {
        width: 100% !important;
    }
}


.chtflt-fechar:before {
    font-family: Arial;
    content: "[X]";
    text-transform: initial;
}

#iframeChatBot {
    border: 0 !important;
    height: 420px !important;
}

@media screen and (max-height: 375px) {

    #iframeChatBot.chtflt_safari_only {
        height: 65% !important;
    }
}


@media screen and (max-height: 414px) {

    #iframeChatBot.chtflt_safari_only {
        height: 400px !important;
    }
}

@media screen and (max-height: 768px) {

    #iframeChatBot.chtflt_safari_only {
        height: 85% !important;
    }
}

@media screen and (min-height: 769px) {

    #iframeChatBot.chtflt_safari_only {
        height: 420px !important;
    }
}
@media screen and (min-height: 1365px) {

    #bodyIframe.chtflt_safari_only {
        height: 400px !important;
    }
}