.quickBar{
    height:46px;        
}
.callUs{
    width:50%;
    float:left;
    text-align:left;
    color: #8f8f8f;
    margin-bottom: 0;
    font-size: 12px;
    height:46px;
    line-height:46px;
    padding-left:16px;
    font-family: Open Sans, sans-serif;
    font-weight: 500;
}

.languageBtns{
    width:50%;
    float:right;
    text-align:right;
    
    padding-top:6px;
    padding-right:16px;
}

.languageOptions{
     float:right;   
}

.quickBarWidth{
       max-width:1024px;     
       margin-left: auto;
     margin-right: auto;
}

.container-fluid .navbar-header{
    height:74px;
}

.navbar{
     margin-bottom:0px !important;   
}

.navBarWidth{
     max-width:1024px;
     height:74px;
     margin-left: auto;
     margin-right: auto;
}

.navbar-default{
    background-color:#FFF;
    height:74px;
}

.nav li{
     height:74px;   
}

.nav li a{
        background: transparent !important;
    color: #333;
    position: relative;
    padding: 28px 20px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
}

.nav li:hover{
    background-color: #4d2432;
    color: #FFF;

}

.nav li a:hover{
    color: #FFF !important;
}

.navbar-toggle{
    margin-top:20px;    
}

.coverImage{
    width: 100%;
    height: 500px;
    padding-top: 10%;
    background: url(http://www.laboil.com.cy/storage/app/media/Slider-1.png) no-repeat center center fixed;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.languageDropDown{
     width:100px;
     float:right;
}


.servicesContent{
    width:60%;
    margin:0 20% 0 20%;
    text-align:center;
}

.parent {
  text-align: center;
}
.parent > ul {
  display: inline-block;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
        .taglineDiv{
             width:100%;   
             padding:35px 0% 35px 0%;
             background-color:#4d2432;
             font-size:16px;
             color:#FFF;
        }
        .tagline{
             width:80%;
             margin:0 10% 0 10%;
        }
        
    .services{
        width:250px;
        height:250px;
        float:left;
    }
    
    .servicesImg{
        width:70%;
        margin-left:15%;
        margin-right:15%;
    }
    
    .footerOptionTitle{
            text-align:center !important;   
    }
    
    .footerLimits ul{
         text-align:center !important;
    }
    
    .social{
         font-size:18px;   
         text-align:center;
         padding-left:22px;
         margin-bottom:22px;
    }
    
    .social a{
          color:#aba071; 
    }
    
    .socialIcons{
         font-size:24px;   
    }
    
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
        .taglineDiv{
             width:100%;   
             padding:35px 0% 35px 0%;
             background-color:#4d2432;
             font-size:16px;
             color:#FFF;
        }
        .tagline{
             width:80%;
             margin:0 10% 0 10%;
        }
        
        .footerLimits{
            width: 80%;
            margin-left: 10%;
            margin-right: 10%;
        }
        
    .services{
        width:250px;
        height:250px;
        float:left;
    }
    
    .servicesImg{
        width:70%;
        margin-left:15%;
        margin-right:15%;
    }
    
    .footerOptionTitle{
            text-align:center !important;   
    }
    
    .footerLimits ul{
         text-align:center !important;
    }
    
    .social{
         font-size:18px;   
         text-align:center;
         padding-left:22px;
         margin-bottom:22px;
    }
    
    .social a{
          color:#aba071; 
    }
    
    .socialIcons{
         font-size:24px;   
    }
    
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
        .taglineDiv{
             width:100%;   
             padding:35px 0% 35px 0%;
             background-color:#4d2432;
             font-size:16px;
             color:#FFF;
        }
        .tagline{
             width:80%;
             margin:0 10% 0 10%;
        }
        
    .services{
        width:250px;
        height:250px;
        float:left;
    }
    
    .servicesImg{
        width:70%;
        margin-left:15%;
        margin-right:15%;
    }
    
    .footerOptionTitle{
         text-align:center !important;   
    }
        
    .footerLimits ul{
         text-align:center !important;
    }

    .social{
         font-size:18px;   
         text-align:center;
         padding-left:22px;
         margin-bottom:22px;
    }
    
    .social a{
          color:#aba071; 
    }
    
    .socialIcons{
         font-size:24px;   
    }
    
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
        .tagline{
             width:60%;
             margin:0 20% 0 20%;
        }
        
    .services{
        width:250px;
        height:250px;
        float:left;
    }
    
    .servicesImg{
        width:70%;
        margin-left:15%;
        margin-right:15%;
    }
    
    .footerOptionTitle{
            text-align:left !important;   
    }
    
    .footerLimits ul{
         text-align:left !important;
    }
    
    
    .social{
         font-size:18px;   
         text-align:left;
         padding-left:22px;
         margin-bottom:22px;
    }
    
    .social a{
          color:#aba071; 
    }
    
    .socialIcons{
         font-size:24px;   
    }
        
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .taglineDiv{
         width:100%;   
         padding:35px 0% 35px 0%;
         background-color:#4d2432;
         font-size:22px;
         color:#FFF;
    }
    .tagline{
         width:50%;
         margin:0 25% 0 25%;
    }
    
    .services{
        width:250px;
        height:250px;
        float:left;
    }
    
    .servicesImg{
        width:70%;
        margin-left:15%;
        margin-right:15%;
    }
    
    
.addressFooter{
     text-align:left;  
     padding-left: 22px; 
     font-size:14px;
}

.social{
     font-size:22px;   
     text-align:left;
     padding-left:22px;
     margin-bottom:22px;
}

.social a{
      color:#aba071; 
}

.socialIcons{
     font-size:32px;   
}



}





.servicesDiv{
     background-color:#f6f6f6;   
       padding:35px 0% 35px 0%;
       height:400px;
           display: inline-table;
           font-size:18px;
}

.footer{
     width:100%;
     min-height:400px;
     padding-top:26px;
     padding-bottom:26px;
     background: #292929;
     color: #aba071;
}

.footerLimits{
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}

.footerOptionTitle{
     margin-bottom:30px;
     color:#FFF;
     font-size:22px;
     text-align:left;
     padding-left: 22px;
     text-transform: uppercase;
}

.footerLimits ul{
     list-style-type: none;  
     text-align:left;
     text-transform: uppercase;
}

.footerBullets:before{
    font-family: 'FontAwesome';
    content: '\f067';
    margin:0 5px 0 -15px;
    color: #aba071;
}

ul a{
     color:#aba071;   
}

ul a:hover{
     color:#aba071; 
     text-decoration:underline;
}


.tableContent{
     max-width:800px !important;
     margin-left:auto;
     margin-right:auto;
     text-align:left;
}


.open{
    background-color:#4d2432;    
}

.open > a{
     color:#FFF !important;   
}

.contactUs{
     width:100%;
     max-width:600px;
     margin-left:auto;
     margin-right:auto;
     margin-top:22px;
     margin-bottom:22px;
}

.cysabImg{
     margin:0px !important;   
}


.staticMenu{
    width:222px;
    margin-top:22px;
    margin-bottom:22px;
    padding:0px
}

.staticMenu ul{
    text-align:left;
    padding-top:12px;
    padding-bottom:12px;
    width:100%;
    background-color:#4d2432;
    color:#FFF;
    
}
.staticMenu a{
    color:#FFF;
    
}

.banner{
     width:222px;
     height:32px;
     line-height:32px;
     background-color:#4d2432;
     color:#FFF;
     border-bottom:1px solid #FFF;
}




