@import url('https://fonts.googleapis.com/css?family=Nunito:400,600');
@import url('https://fonts.googleapis.com/css?family=Exo+2:400,600,700');

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0px;
    color: inherit;
    background-color:#212121;
}
.jumbotron i{
    font-size: 35px;
    color:#000;
    text-align: center;
}
.jumbotron h2{
    margin-top: 5px;
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Exo 2', sans-serif;
}
.jumbotron h6{
    font-size: 16px;
    color:#ffcc00;
    font-family: 'Exo 2', sans-serif;
    margin-top: 0px;
    font-style: italic;
}
.jumbotron .logo{
    max-height: 100px;
    margin-bottom: 0px;
}

/***index-head***/
.index-head-background{
    background: url(../images/workshop-1719872_1920.jpg) no-repeat;
    width:100%;
    height:520px;
    background-size: cover;
    background-position: center;
}
.index-head-background h1{
    font-size: 55px;
    color:#fff;
    text-align: left;
    font-weight: 600;
    padding-bottom: 25px;
    padding-top: 110px;
    font-family: 'Exo 2', sans-serif;
}
.index-head-background h6{
    font-size: 25px;
    color:#fff;
    text-align: left;
    font-weight: 300;
    font-family: 'Exo 2', sans-serif;
    line-height: 32px;
    padding-bottom: 20px;
}
.index-head-background .btn-default{
    background: #ffffff;
    color:#212121;
}
@media(max-width:767px){
    .index-head-background h1{
        font-size: 45px;
        padding-top: 70px;

    }  
    .index-head-background h6{
        font-size: 20px;
        line-height: 32px;
        padding-bottom: 20px;
    }
}
/****navbar***/
.navbar{
    margin-bottom: 0px;
}
.navbar-inverse{
    background: #191B20;
    border-color: #191B20;
    border-radius: 0px;
}
.navbar-inverse .navbar-nav>li>a{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 28px;
    padding-right: 28px;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    font-family: 'Exo 2', sans-serif;
}
@media(width:768px){
    .navbar-inverse .navbar-nav>li>a{
        padding-left: 45px;
        padding-right: 45px;

    } 
}
/***index-about***/
.index-about{
    padding-top: 60px;
    padding-bottom: 90px;
    background: #fff;
}
.index-about h2{
    font-size: 35px;
    color:#191B20;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 45px;
    font-family: 'Exo 2', sans-serif;
}
.index-about p{
    font-size: 15px;
    line-height: 25px;
    color:#191B20;
    text-align: left;
    font-family: 'Exo 2', sans-serif;
}
/****index choose***/
.skew-block1{
    margin-top: -80px;
    width: 60%;
    height: 60px;
    background-color: #191B20;
    -ms-transform: skewX(34deg); /* IE 9 */
    -webkit-transform: skewX(34deg); /* Safari */
    transform: skewX(34deg); /* Standard syntax */
}
.skew-block2{
    margin-top: -20px;
    width: 40%;
    height: 40px;
    background-color: #fff;
    -ms-transform: skewX(34deg); /* IE 9 */
    -webkit-transform: skewX(34deg); /* Safari */
    transform: skewX(34deg); /* Standard syntax */
}
.index-choose{
    padding-top: 60px;
    padding-bottom: 100px;
    background: #191B20;
}
.index-choose h2{
    font-size: 35px;
    color:#fff;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 45px;
    font-family: 'Exo 2', sans-serif;
}
.index-choose h5{
    font-size: 19px;
    color:#fff;
    text-align: left;
    font-family: 'Exo 2', sans-serif;
    padding-bottom: 5px;
}
.index-choose p{
    font-size: 15px;
    line-height: 25px;
    color:#fff;
    text-align: left;
    font-family: 'Exo 2', sans-serif;
}
.index-choose i{
    color: #f15322;
    padding-top: 10px;

}
.index-choose .col-md-3{
    padding-left: 0px;
}
@media(max-width:767px){
    .index-choose .col-md-3{
        padding-left: 15px;
    } 
}
/**** index-service*/
.index-service{
    padding-top: 60px;
    padding-bottom: 100px;
    background: #fff;
}
.index-service h2{
    font-size: 35px;
    color:#191B20;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 35px;
    font-family: 'Exo 2', sans-serif;

}
.index-service p{
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 1px;
    color:#191B20;
    text-align: left;
    font-family: 'Exo 2', sans-serif;
    padding-bottom: 30px;
}

.bottomleft {
    position: absolute;
    bottom: 30px;
    left: 15px;
    font-size: 18px;
    background: #F15322;
    padding:5px 30px;
    color:#fff;
    font-family: 'Exo 2', sans-serif;
    font-weight: 300;
}
.rmarg{
    margin-top: 30px;
}
@media(max-width:768px){
    .index-service img{
        margin-bottom: 20px;
    }
}
/***index-gallery**/
.index-gallery{
    padding-top: 60px;
    padding-bottom: 100px;
    background: #191B20;
}
.index-gallery h2{
    font-size: 35px;
    color:#fff;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 45px;
    font-family: 'Exo 2', sans-serif;
}
/*****footer***/
footer{
    padding-top: 70px;
    padding-bottom: 70px;
    background-color:#fff;
}
footer i{
    font-size: 35px;
    color:#F15322;
    text-align: center;
}
footer h2{
    margin-top: 5px;
    font-size: 30px;
    color: #191B20;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Exo 2', sans-serif;
}
footer h6{
    font-size: 16px;
    color: #454545;
    font-family: 'Exo 2', sans-serif;
    font-weight: 700;
}
footer ul{
    padding-top: 10px;
}
footer li a i{
    color:#B7B7B7;
}
footer li a{
    font-size: 18px;
    padding-left: 7px;
    padding-right: 7px;
}
footer li a i:hover{
    color:#F15322;
}
footer p{
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 1px;
    color:#b7b7b7;
    font-family: 'Exo 2', sans-serif;
    padding-top: 10px;
}
footer a{
    color:#b7b7b7;
}
footer a:hover{
    color:#F15322;
    text-decoration: none;
}
/**************************************
* contacts page
****************************************/
.contactpage-head{
    background: url("../images/black-and-white-car-vehicle-vintage.jpg") no-repeat;
    width:100%;
    height:300px;
    background-size: cover;
    background-position: center;
}
.contactpage-head-trans{
    background:rgba(0,0,0,0.5);
    width:100%;
    height:300px;
    background-size: cover;
    background-position: center; 
}
.contactpage-head h1{
    padding-bottom: 30px;
    padding-top:40px;
    font-size: 55px;
    color:#fff;
    font-family: 'Exo 2', sans-serif;
}
.contactpage-head .breadcrumb a{
    color:#f15322;
    font-size: 14px;
    font-family: 'Exo 2', sans-serif;
}
.contactpage-head .breadcrumb>.active{
    color:#fff;
    font-size: 14px;
}
.contactpage-details{
    padding-top: 40px;
    padding-bottom: 60px;
}
.contactpage-details h2{
    font-size: 35px;
    color:#191B20;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 25px;
    font-family: 'Exo 2', sans-serif;
}
.contactpage-details p{
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px;
    color:#191B20;
    font-family: 'Exo 2', sans-serif;
    text-align: justify;
}
.contactpage-details i{
    font-size: 25px; 
    color:#F15322;
    margin-top: 30px;
}
.contactpage-details h6{
    font-size: 25px;
    color:#191B20;
    font-family: 'Exo 2', sans-serif;
    text-align: left;
    margin-top: 30px;
}
.contactpage-details h5{
    color:#191B20;
    font-size: 16px;
    margin-top: 20px;
    font-family: 'Exo 2', sans-serif;
}
.contactpage-details li a i{
    color:#191B20;
    font-size: 18px;
    margin-top: 10px;
}
.contactpage-details li a{
    font-family: 'Exo 2', sans-serif;
    padding-right: 4px;
}
.contactpage-details li a i:hover{
    color:#F15322;
}
.contactpage-details form .col-md-6{
    padding-left: 0px;
}
.contactpage-details form .col-md-12{
    padding-left: 0px;
}
.contactpage-main-addr{
    padding-top: 60px;
    padding-bottom: 80px;
    background: #191B20;
}
.contactpage-main-addr h5{
    font-size: 19px;
    color:#fff;
    text-align: left;
    font-family: 'Exo 2', sans-serif;
    padding-bottom: 5px;
}
.contactpage-main-addr p{
    font-size: 15px;
    line-height: 25px;
    color:#fff;
    text-align: left;
    font-family: 'Exo 2', sans-serif;
}
.contactpage-main-addr i{
    color: #f15322;
    padding-top: 10px;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#777 !important;
}
input::-moz-placeholder { /* Firefox 19+ */
    color: #777 !important;
}
input:-ms-input-placeholder { /* IE 10+ */
    color:#777 !important;
}
input:-moz-placeholder { /* Firefox 18- */
    color: #777 !important;
}

textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#777 !important;
}
textarea::-moz-placeholder { /* Firefox 19+ */
    color: #777 !important;
}
textarea:-ms-input-placeholder { /* IE 10+ */
    color:#777 !important;
}
textarea:-moz-placeholder { /* Firefox 18- */
    color: #777 !important;
}
/***************************************
* service page
***************************************/

.servicepage-head{
    background: url("../images/black-and-white-car-vehicle-vintage.jpg") no-repeat;
    width:100%;
    height:300px;
    background-size: cover;
    background-position: center;
}
.servicepage-head-trans{
    background:rgba(0,0,0,0.5);
    width:100%;
    height:300px;
    background-size: cover;
    background-position: center; 
}
.servicepage-head h1{
    padding-bottom: 30px;
    padding-top:40px;
    font-size: 55px;
    color:#fff;
     font-family: 'Exo 2', sans-serif;
}
.servicepage-head .breadcrumb a{
    color:#f15322;
    font-size: 14px;
     font-family: 'Exo 2', sans-serif;
}
.servicepage-head .breadcrumb>.active{
    color:#fff;
    font-size: 14px;
}
.servicepage-details{
    padding-top: 40px;
    padding-bottom:40px;
}
.servicepage-details h2{
    font-size: 35px;
    color:#191B20;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 25px;
    font-family: 'Exo 2', sans-serif;
}
.servicepage-details h4{
    font-size: 23px;
    color:#f15322;
    line-height: 32px;
    font-family: 'Exo 2', sans-serif;
    text-align: left;
    margin-top: 0px;
}
.servicepage-details h5{
    font-size: 21px;
    color:#191B20;
    line-height: 30px;
    font-family: 'Exo 2', sans-serif;
    text-align: left;
    margin-top: 0px;
}
.servicepage-details p{
    font-size: 15px;
    line-height: 25px;
    color:#191B20;
    font-family: 'Exo 2', sans-serif;
    text-align: justify;
}
.servicepage-details ul{
    margin-bottom: 30px;
}
.servicepage-details i{
    color:#f15322;
}

.nav-pills>li>a{
    color:#f15322;
    border-radius: 0px;
    font-size: 22px;
    font-family: 'Exo 2', sans-serif;
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus{
    background-color: #f15322;
    border-bottom: 0px;
}

/********************************************
* aboutus page
*********************************************/

.aboutuspage-head{
    background: url("../images/black-and-white-car-vehicle-vintage.jpg") no-repeat;
    width:100%;
    height:300px;
    background-size: cover;
    background-position: center; 
}
.aboutuspage-head-trans{
    background:rgba(0,0,0,0.5);
    width:100%;
    height:300px;
    background-size: cover;
    background-position: center; 
}
.aboutuspage-head h1{
    padding-bottom: 30px;
    padding-top:40px;
    font-size: 55px;
    color:#fff;
     font-family: 'Exo 2', sans-serif;
}
.aboutuspage-head .breadcrumb a{
    color:#f15322;
    font-size: 14px;
     font-family: 'Exo 2', sans-serif;
}
.aboutuspage-head .breadcrumb>.active{
    color:#fff;
    font-size: 14px;
}

.aboutuspage-details{
    padding-top: 40px;
    padding-bottom:90px;
}
.aboutuspage-details h2{
    font-size: 35px;
    color:#191B20;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 25px;
    font-family: 'Exo 2', sans-serif;
}
.aboutuspage-details p{
    font-size: 15px;
    line-height: 25px;
    color:#191B20;
    font-family: 'Exo 2', sans-serif;
    text-align: justify;
}
.aboutuspage-offer{
    padding-top: 60px;
    padding-bottom: 80px;
    background: #191B20;
}
.aboutuspage-offer h2{
    font-size: 35px;
    color:#fff;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 25px;
    font-family: 'Exo 2', sans-serif;
}
.aboutuspage-offer h5{
    font-size: 19px;
    color:#fff;
    text-align: left;
    font-family: 'Exo 2', sans-serif;
    padding-bottom: 5px;
}
.aboutuspage-offer p{
    font-size: 15px;
    line-height: 25px;
    color:#fff;
    text-align: left;
    font-family: 'Exo 2', sans-serif;
}
.aboutuspage-offer i{
    color: #f15322;
    padding-top: 10px;
    text-align: right;
}
.aboutuspage-offer .col-md-3{
    padding-left: 0px;
}
@media(max-width:767px){
    .aboutuspage-offer .col-md-3{
        padding-left: 15px;
    } 
}