/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 12, 2016, 1:25:52 AM
    Author     : Ruben Mikhael
*/

@font-face {
    font-family: gotham-bold;
    src: url(../fonts/Gotham-Bold.otf) format("opentype");
}
@font-face {
    font-family: gotham-book;
    src: url(../fonts/Gotham-Book.otf) format("opentype");
}
@font-face {
    font-family: gotham-black;
    src: url(../fonts/GothamBlack.otf) format("opentype");
}
.breadcrumb{
    background-color: white;
    color: #666666;
}

@media (min-width: 320px) {
    .header {
        width: 320px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .container{
        margin-top: 26px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .languange-bar{
        margin-top:-9.7%;
    }
    .logo-xs{
        max-width:40% !important;
    }
}
@media (min-width: 768px) {
    .header {
        width: 750px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .languange-bar{
        margin-top:0%;
    }
}
@media (min-width: 992px) {
    .header {
        width: 970px;
        padding-top: 15px;
        padding-bottom: 124px;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 92px;
        padding-right: 92px;
        margin-left: auto;
        margin-right: auto;
    }
    .container{
        padding-left: 92px;
        padding-right: 92px;
    }
    .languange-bar{
        margin-top:-2.7%;
    }
}
@media (min-width: 1200px) {
    .header {
        width: 1170px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: auto;
        margin-bottom: auto;
        padding-left: 92px;
        padding-right: 92px;
        margin-left: auto;
        margin-right: auto;
    }
    .container{
        padding-left: 92px;
        padding-right: 92px;
    }  
    .languange-bar{
        margin-top:-2.7%;
    }
}
.navbar{
    background-color: #ba131a;
    background: -w.ebkit-linear-gradient(left, #ba131a , #a70e13); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #ba131a, #a70e13); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #ba131a, #a70e13); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ba131a , #a70e13); /* Standard syntax (must be last) */
    border-color: maroon;
    min-height: 20px !important;
    margin-bottom: 0 !important;
    border-radius: 0px;
}
.breadcrumb{
    margin-bottom: 5;
}
h1, h2, h3, h4, h5, h6{
    font-family: gotham-book !important;
}
h4.title{
    color:#ba131a !important;
}
p{
    font-family: gotham-book !important;
}
p strong{
    font-family: gotham-bold !important;
}
span strong{
    font-family: gotham-bold !important;
}
section.font-gotham div{
    font-family: gotham-book !important;
}
.menu-list li a{
    font-size: 15px;
    font-family: gotham-book;
    color: #636363;
}
.menu-list li a:hover{
    text-decoration: none;
}
.menu-list li a span.active{
    font-family: gotham-bold;
    color: #363636;
    border-bottom: 2px solid #b11e24;  
}
.nav li a{
    background-color: white;
    font-family: gotham-bold;
    color: #636363;
}
.nav li a:hover{
    background-color: white;
}
.nav li.active a{
    background-color: white;
    /*font-family: gotham-bold;*/
    color: #ba131a;
}

#white{
    color: whitesmoke !important;
}
.hr {
    display:block;
    text-align:center;
    margin:10px 0 10px; 
    overflow:hidden;	
}
.hr .inner {
    display:inline-block;
    width:70px;
    height:50px;
    padding:0 20px;
    position:relative;
    background:url(../image/logo.png) center no-repeat;
    -webkit-background-size:auto 50px;
    -moz-background-size:auto 50px;
    background-size:auto 50px;
}
.hr .inner:before,
.hr .inner:after {
    position:absolute;
    top:50%;
    width:999px;
    border-top:2px solid #777;
    content:"";
}
.hr .inner:before {
    left:-999px;
}
.hr .inner:after {
    left:100%;
}
hr{
    border-top: 1.5px #636363 solid;
}

.business-header-home {
    margin-top: 5px;
    padding-left: 16px;
    height: 66px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.business-header-home a{
    color: #666666;
    font-size: 9.5px;
}
.business-header-home h5{
    font-family: gotham-bold;
    color: #666666;
}
.li-home{
    border-bottom: #cbcbcb 1px solid;
}
.bg-red{
    font-family: gotham-bold;
    background: -w.ebkit-linear-gradient(left, #ba131a , #a70e13); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #ba131a, #a70e13); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #ba131a, #a70e13); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ba131a , #a70e13); /* Standard syntax (must be last) */
}
.bg-red h5{
    padding-left: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.business-header {
    margin-top: 5px;
    padding-left: 16px;
    height: 35px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.business-header a{
    color: #666666;
    font-size: 9.5px;
    height: 35px;
    line-height: 35px;
}
.decrease-top{
    margin-top:-10px;
}
.no-padding{
    padding:0;
}
span.title-client{
    color :#ba131a;
    font-family: gotham-bold;
    font-weight: 700;
}
span.title-equipment{
    font-size: 12px;
    color :#ba131a;
    font-family: gotham-bold;
    font-weight: 700;
}
.img-portfolio{
    margin-bottom: 15px;
}