@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,700";

/*
cor site: #204E5E  /  #FFCC2A
*/

body {
    padding-top: 0px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 28px;*/
    background-color: #666666;
    font-family: 'Arial', 'PT Sans Narrow', "Open Sans", sans-serif;
    /*font-family: 'Cabin', sans-serif;*/
    /*margin-top:120px;/*mesmo valor do height navbar-default*/
}

a {
    color: #333;
    -moz-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    text-decoration: none;
}

a:visited {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #666666;
    text-decoration: none;
}

a:focus {
    /*color: red;
    */
    color: rgb(0, 0, 0);
    text-decoration: none;
}

/* Diversos 
*****************************************************/

.conteudo {
    margin: 0px;
    padding: 0px;
    padding-bottom: 30px;
    border-top: 2px solid #204E5E;
    border-bottom: 1px solid #204E5E;
    background-color: #fff;
}

.faixa_menu{
    border-bottom: 5px solid #204E5E;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.clear {
    clear: both;
}

.oculta {
    display: none;
}

.mostra {
    display: visible;
}

.img100 {
    width: 100%;
}

.logo {
    max-width: 260px;
}


/****************************************************************/
.topico{
    margin:0px;
	width: 100%;
    /*opacity:0;*/
    background: #e6e6e6;
	color:#204E5E;
    font-size:25px;
    font-weight: 400;
}

/* Faixa Home */
.faixa {
    font-size: 22px;
    background-color: #204E5E;
    min-height: 20px;
    color: #fff;
}

/* Faixa Título/Tópico */
.faixa_titulo {
    width: 100%;
    height: 40px;
    min-height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    background-size: cover;
}

.faixa_titulo_overlay {
    width: 100%;
    height: 100%;
    /*opacity:0;*/
    background:#204E5E;
    transition: opacity .2s linear, visibility .1s, width 1s ease-in;
}

.faixa_titulo h1 {
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    text-shadow: 2px 1px 15px rgba(0, 0, 0, 1)
}


.btn-site {
    color: #fff;
    background: #204E5E;
    text-decoration: none;
    text-align:center;
    padding:5px 15px;
}
  
.btn-site:hover {
    color:#ffCC2A;
    background-color: #204E5E;
}


/****************************************************************/

.txt-11 {font-size: 11px;}
.txt-12 {font-size: 12px;}
.txt-13 {font-size: 13px;}
.txt-14 {font-size: 14px;}
.txt-15 {font-size: 15px;}
.txt-16 {font-size: 16px;}
.txt-17 {font-size: 17px;}
.txt-18 {font-size: 18px;}
.txt-19 {font-size: 19px;}
.txt-20 {font-size: 20px;}
.txt-21 {font-size: 21px;}
.txt-22 {font-size: 22px;}
.txt-23 {font-size: 23px;}
.txt-24 {font-size: 24px;}
.txt-25 {font-size: 25px;}
.txt-26 {font-size: 26px;}
.txt-27 {font-size: 27px;}
.txt-28 {font-size: 28px;}
.txt-29 {font-size: 29px;}
.txt-30 {font-size: 30px;}
.txt-31 {font-size: 31px;}
.txt-32 {font-size: 32px;}
.txt-33 {font-size: 33px;}
.txt-34 {font-size: 34px;}
.txt-35 {font-size: 35px;}
.txt-36 {font-size: 36px;}
.txt-37 {font-size: 37px;}
.txt-38 {font-size: 38px;}
.txt-39 {font-size: 39px;}
.txt-40 {font-size: 40px;}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/

.display-none {
    display: none;
    transition: opacity 1s linear;
  }
  
.btn-to-top {
    font-size: 30px;
    position: fixed;
    bottom: 20px;
    right: 10px;
    cursor: pointer;
    color:#ffCC2A;
    background-color: #204E5E;
    border:0px solid #000;
    border-radius: 5px;
}
  

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

    footer {
        font-size: 16px;
        color:#fff;
        padding: 30px 0px 20px 0px;
    }
    
    footer h3 {
        font-size: 20px;
        color: #000;
        margin: 0px;
        padding: 0px;
    }
    
    footer hr {
        background: #204E5E;
        height: 1px;
        margin: 5px 0px 5px 0px;
    }
    
    footer ul {
        float: right;
        display: inline;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
    footer li {
        display: inline;
        padding: 3px 10px;
        border-bottom: solid 0px #000000;
    }
    
    footer a {
        color: #fff;
    }
    
    footer a:visited {
        color: #fff;
    }
    
    footer a:hover {
        color: #FFCC2A;
    }
    
    

/* Whats
/********************************************************************************/

    .caixa_chat_windows{
        box-sizing: border-box;
        font-family: "Calibri", "Roboto", sans-serif;
        z-index:101;
    }
    
    .chat_window {
        display:none ;
        position: fixed;
        width: calc(100% - 20px);
        max-width: 400px;
        height: 405px; /*500px*/
        border-radius: 10px;
        background-color: #fff;
        left: 220px; /* 50px */
        bottom:-120px; /* 50px */
        transform: translateX(-50%) translateY(-50%);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
        background-color: #f8f8f8;
        overflow: hidden;
        z-index:50;
    }
    
    .whats_top_menu {
        background-color: #056056;
        width: 100%;
        padding: 20px 0 15px;
        box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
        cursor: pointer;
    }
    .whats_top_menu .buttons {
        margin: 3px 0 0 20px;
        position: absolute;
    }
    .whats_top_menu .buttons .button {
        width: 16px;
        height: 16px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        position: relative;
    }
    .whats_top_menu .buttons .button.whats_close {
        background-color: white;
    }
    .whats_top_menu .buttons .button.minimize {
        background-color: #fdbf68;
    }
    .whats_top_menu .buttons .button.maximize {
        background-color: #a3d063;
    }
    .whats_top_menu .title {
        text-align: left;
        color: white;
        font-size: 18px;
        /* text-indent: 70px; */
        padding-left:62px;
        font-weight:bold;
    }
    
    .whats_messages {
        position: relative;
        list-style: none;
        padding: 10px 0px 0 5px;
        margin: 0;
        height: 255px; /*347px;*/
        overflow: hidden;
        background: url(img/whatsapp_modulo_bg.jpg);
    }
    .whats_messages .message {
        clear: both;
        overflow: hidden;
        margin-bottom: 7px;
        transition: all 0.5s linear;
        opacity: 0;
    }
    .whats_messages .message.left .avatar {
        background-color: #f5886e;
        float: left;
    }
    .whats_messages .message.left .text_wrapper {
    /* background-color: #ffe6cb;*/
        background:white;
        box-shadow: 1px 1px 2px #CCC;
        margin-left: 20px;
        box-sizing: border-box;  
    }
    .whats_messages .message.left .text_wrapper::after, .whats_messages .message.left .text_wrapper::before {
        right: 95%;
        border-right-color: white;
    }
    .whats_messages .message.left .text {
        color: black;
    }
    .whats_messages .message.right .avatar {
        background-color: #fdbf68;
        float: right;
    }
    .whats_messages .message.right .text_wrapper {
        background-color: #c7eafc;
        margin-right: 20px;
        float: right;
    }
    .whats_messages .message.right .text_wrapper::after, .whats_messages .message.right .text_wrapper::before {
        /*left: 100%;*/
        right: -15px;
        border-width: 30px 30px 0 0;
        border-color: #c7eafc transparent transparent transparent;
    }
    .whats_messages .message.right .text {
        color: #45829b;
    }
    .whats_messages .message.appeared {
        opacity: 1;
    }
    .whats_messages .message .avatar {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        display: inline-block;
    }
    .whats_messages .message .text_wrapper {
        display: inline-block;
        padding: 15px 20px 10px 15px; /*20px padding: 10px 20px 4px 16px;  */ /*www.imobibrasil.com.br*/
        border-radius: 16px; /*6px*/
        width: calc(100% - 70px);
        min-width: 100px;
        position: relative;
    }
    .whats_messages .message .text_wrapper::after, .whats_messages .message .text_wrapper:before {
        top: 0;
        margin-left:10px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .whats_messages .message .text_wrapper::after {
        border-width: 0 30px 30px 0;
        border-color: transparent #ffffff transparent transparent;
    }
    .whats_messages .message .text_wrapper::before {
        border-width: 0 30px 30px 0;
        border-color: transparent #ffffff transparent transparent;
    }
    .whats_messages .message .text_wrapper .text {
        font-size: 14px;
        font-weight: 300;
        text-align:left;
    }
    
    .whats_bottom_wrapper {
        position: relative;
        width: 100%;
        background-color: #F5F1EE;
        padding: 20px 20px;
        position: absolute;
        bottom: 0;
        box-sizing: border-box;
    }
    .whats_bottom_wrapper .message_input_wrapper {
        display: inline-block;
        height: 50px;
        border-radius: 25px;
        border: 1px solid #bcbdc0;
        /*width: calc(100% - 160px);*/
        width: calc(56% - 56px);
        position: relative;
        padding: 0 20px;
        box-shadow: 1px 1px 2px #CCC;
        box-sizing: border-box;
        text-align:left;
    }
    .whats_bottom_wrapper .message_input_wrapper .message_input {
        border: none;
        height: 100%;
        box-sizing: border-box;
        width: calc(100% - 40px);
        position: absolute;
        outline-width: 0;
        color: #000;
        background:#F5F1EE;
    }
    .whats_bottom_wrapper .send_message {
        width:50px; /*width: 140px;*/
        height: 50px;
        display: inline-block;
        border-radius: 50%; /*50px*/
        cursor: pointer;
        transition: all 0.2s linear;
    }
    
    .whats_bottom_wrapper .send_message .text {
        font-size: 18px;
        font-weight: 300;
        display: inline-block;
        line-height: 48px;
    }
    
    .whats_message_template {
        display: none;
    }
        
    .block {
        display: block
    }
    
    .whats_close {
        float:right;
        color:white;
        font-size:26px;
        margin:-35px 20px 0 0;
        cursor:pointer;
    }
    
    .whats_top_menu .buttons .button.avatar {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 10px;
        position: relative;
        margin-top: -10px;
        background: url(img/logo_wa.png) white;
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .time {
        float: right;
        margin:0 -10px 0 0;
        padding: 0;
        font-size: 12px;
        position:relative;
        color: #929292;
    }
    
    #btwhatsapp {
        position:fixed;
        bottom:15px;
        left:25px;
    }
    
    @media only screen and (max-width: 719px) {
        /* .chat_window{ left: 180px; } */
        .chat_window{ left: 10px; bottom: 30px; transform: none; }
        .whats_top_menu .title{font-size:16px;}
        .whats_top_menu .buttons{margin: 0px 0 0 20px;}
        .whats_close {margin:-25px 20px 0 0;}
    }
    
    
    
    
    /******************************/
    
    .float-whatsapp { position: fixed; width: 60px; height: 60px; bottom: 15px; left: 25px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 30px; z-index: 40; cursor:pointer; }
        .my-icon-whatsapp{ margin-top:15px; }
        .pulse { font-family: Arial; line-height: 1.5; font-size: 12px; font-weight: bold; float: left; width: 18px; height: 18px; border-radius: 50%; background: red; cursor: pointer; box-shadow: 0 0 0 #E91E63; animation: pulse 2s infinite; z-index: 9999; position: absolute; }
        .pulse:hover { animation: none; }
        
        @-webkit-keyframes pulse {
            0% { -webkit-box-shadow: 0 0 0 0 rgb(233, 30, 99, 1); }
            70% { -webkit-box-shadow: 0 0 0 10px rgba(233, 30, 99, 0); }
            100% { -webkit-box-shadow: 0 0 0 0 rgba(233, 30, 99, 0);  }
        }
        @keyframes pulse {
            0% { -moz-box-shadow: 0 0 0 0 rgba(233, 30, 99, 0.6); box-shadow: 0 0 0 0 rgba(233, 30, 99, 0.6);  }
            70% { -moz-box-shadow: 0 0 0 10px rgba(233, 30, 99, 0); box-shadow: 0 0 0 10px rgba(233, 30, 99, 0);  }
            100% { moz-box-shadow: 0 0 0 0 rgba(233, 30, 99, 0); box-shadow: 0 0 0 0 rgba(233, 30, 99, 0);  }
        }
    
    
    .whats_conteudo {
        margin: 0 auto;
        background:#dedede;
        /*width:1280px;*/
        /*height:960px;*/
    }
    
    
    
    #message_1{display:none;}
    #message_2{display:none;}
    #message_3{display:none;}
    
  
  



    /* Responsivo
        *********************************************************/
    
    
    /*  até 320 - celular antigo em pé */
    
    @media (min-width: 0px) and (max-width: 320px) {
        .carousel .carousel-indicators {
            visibility: hidden;
        }
        .logo {
            max-width: 160px;
        }
        footer {
            font-size: 12px;
            color: #fff;
            padding: 30px 0px 20px 0px;
        }
    }
    
    
    /*/mediaquery*/
    
    
    /* Telefones antigo deitado ou mais novos em pé */
    
    @media (min-width: 0px) and (max-width: 480px) {
        .logo {
            max-width: 160px;
        }
        footer {
            font-size: 12px;
            color: #fff;
            padding: 30px 0px 20px 0px;
        }
    }
    
    
    /*/mediaquery*/
    
    
    /* telefones deitado ou tablet em pé */
    
    @media (min-width:10px) and (max-width: 767px) {
        .logo {
            max-width: 160px;
        }
        footer {
            font-size: 12px;
            color: #fff;
            padding: 30px 0px 20px 0px;
        }
    }
    
    
    /*/mediaquery*/
    
    
    /* tablet deitado e desktops */
    
    @media (min-width: 768px) and (max-width: 979px) {
        .contato_responsivo {
            visibility: hidden;
        }
        .carousel-caption_crg {
            font-size: 48px;
        }
    }
    
    
    /*/mediaquery*/
    
    
    /* Desktops grande */
    
    @media (min-width: 1199px) {
        .contato_responsivo {
            visibility: hidden;
        }
        .carousel-caption_crg {
            font-size: 65px;
        }
    }
    
    
    /*/mediaquery*/
    
    
    /* collapse em 1000 */
    
    @media (min-width: 100px) and (max-width: 1000px) {
        .navbar-collapse.collapse {
            display: none !important;
        }
        .navbar-collapse.collapse.in {
            display: block !important;
        }
        .navbar-header .collapse,
        .navbar-toggle {
            display: block !important;
        }
        .navbar-header {
            float: none;
        }
    }
    
    
    /*/mediaquery*/