/*  
////////////////////////////////////////////////////////////
 CONTACT BAR 
////////////////////////////////////////////////////////////
*/

.contact-bar {
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 13;
    background: #363636;
    opacity: 0.9;
    border-top: 1px solid #4a4a4a;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.contact-bar .container  {
    width: 100%;
    //margin: 0 1.5%;
    border-left: 1px solid #4a4a4a;
    border-right: 1px solid #252525;
    border-bottom: 1px solid #252525;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.contact-bar-line{
    position:relative;
    height: 50px;
    width: 800px;
    left: 50%;
    margin-left: -400px; 
}


.contact-bar-col {
    cursor: pointer;
    opacity: 0.9;
    width: 200px;;
    float: left;
    height: 50px;
    border-right: 1px solid #4a4a4a;
    border-left: 1px solid #252525;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -moz-transition:    all 0.5s ease;
    -o-transition:      all 0.5s ease;
    -ms-transition:     all 0.5s ease;
    transition:         all 0.5s ease;
}
.contact-bar-col:hover {
    background: #000;
}
#icon-04 {
    background: #000;
}
.contact-bar-col-icon {
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 10px 0 6px;
}
.contact-bar-col-icon-01 {
    background: url(../img/contact-bar-01.png) no-repeat;
    background-size: 50px 50px;
}

.contact-bar-col-icon-02 {
    background: url(http://www.farolimoveis.net/v13/img/contact-bar-02.png) no-repeat;
    background-size: 50px 50px;
}
.contact-bar-col-icon-03 {
    background: url(../img/contact-bar-03.png) no-repeat;
    background-size: 50px 50px;
}
.contact-bar-col-icon-04 {
    background: url(http://www.farolimoveis.net/v13/img/contact-bar-04.png)) no-repeat;
    background-size: 50px 50px;
    
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    
    
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
}

.contact-bar-col-icon-05 {
    background:url(../img/contact-bar-05.png) no-repeat;
    background-size: 50px 50px;
}

.contact-bar-col span{
    width: 65%;
    margin: 1px 0;
    color: #fff;
    font-family: 'Lora';
    font-weight: 400;
    font-size: 14px;
    float: left;
}
.contact-bar-col span.ligue-agora-1 {
    margin: 10px 0 1px 0;
}
.contact-bar-col span.ligue-agora-2 {
    margin: 0 0 0 0;
}
.contact-bar-col.no-click{
    cursor: default;
}


/*Desktop*/ @media screen and (max-width:850px) {
.contact-bar-line{width: 100%;}
.contact-bar-col{width: 25%;}
.contact-bar-col span{display: none;}
.contact-bar-col-icon{float: none; margin:0 auto;}
.contact-bar-line{left: auto; margin-left: auto;}
}