/*
Theme Name:   Carservice Child
Description:  Carservice Child Theme
Template:     carservice
Version:      1.0
Text Domain:  carservice
*/

@font-face {
    font-family: 'Montserrat';
    src: url('css/fonts/montserrat-regular-webfont.eot');
    src: url('css/fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/montserrat-regular-webfont.woff') format('woff'),
         url('css/fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('css/fonts/montserrat-regular-webfont.svg#montserrat') format('svg');
    font-weight: 400;
    font-style: normal;}

@font-face {
    font-family: 'Montserrat';
    src: url('css/fonts/montserrat-bold-webfont.eot');
    src: url('css/fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/montserrat-bold-webfont.woff') format('woff'),
         url('css/fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('css/fonts/montserrat-bold-webfont.svg#montserrat') format('svg');
    font-weight: 700;
    font-style: normal;}

@font-face {
    font-family: 'Montserrat';
    src: url('css/fonts/montserrat-light-webfont.eot');
    src: url('css/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/montserrat-light-webfont.woff') format('woff'),
         url('css/fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('css/fonts/montserrat-light-webfont.svg#montserrat') format('svg');
    font-weight: 300;
    font-style: normal;}

body { font-family: 'Montserrat'; }
h1,h2,h3,h4,h5,h6 { line-height: 1.4; text-transform: uppercase; font-weight: 300; }
h1 { font-size: 24px; color: #333333; }
h2 { font-size: 21px; color: #c4a006; }
h3 { font-size: 18px; color: #777777; }
h4 { font-size: 17px; }
h4.box-header { font-size: 24px; }
h5 { font-size: 16px; }
h6 { font-size: 15px; }

.logo a { display: block; font-size: 0; line-height: 0; text-indent: -4000px; }

.intro-section { padding: 150px 0 80px; background-position: 50% 50%; background-size: cover; }
.intro-section .wpb_wrapper { max-width: 1080px; margin: 0 auto; padding: 0 20px; color: #fff; text-align: right; font-size: 18px; line-height: 1.3; }
.intro-section h1 { margin: 0 0 10px; padding: 0; font-size: 60px; line-height: 1.1; color: #fff; font-family: 'Refrigerator Deluxe', Arial, Georgia; }
.intro-section p { padding: 0 0 10px; margin: 0; }

.btn { display: inline-block; vertical-align: middle; padding: 18px 30px; font-size: 14px; line-height: 1.3; color: #fff; background: transparent; border: 2px solid #fff; font-weight: 700; text-transform: uppercase; }
.btn:hover { background: #fff; text-decoration: none; color: #c4a109; }

.padding-top-50 { padding-top: 50px; }
.font-width-300 { font-weight: 300; }

.featured-service-section { padding: 50px 0; color: #fff; }
.featured-service-section h1,
.featured-service-section h2,
.featured-service-section h3,
.featured-service-section h4,
.featured-service-section h5,
.featured-service-section h6 { color: #fff; margin: 0 0 20px; }
.featured-service-section p { padding: 0 0 20px; margin: 0; line-height: 1.3; font-weight: 400; }
.featured-service-section ul { list-style-type: none; margin: 0 0 20px; line-height: 1.3; font-weight: 400; }
.featured-service-section ul li { position: relative; padding-left: 30px; margin-bottom: 5px; }
.featured-service-section ul li:before { position: absolute; top: 0; left: 0; width: 18px; height: 16px; content: ''; background: url(css/images/checkbox.png) no-repeat 0 0; }

.description p { margin-top: 15px; }
.light-font { font-family: 'Montserrat Light'!important; }
.light-font.description p { font-size: 14px; line-height: 1.5; }

.our-clients-list li { height: 65px; width: 215px; display: flex; justify-content: center; flex-direction: column; }
.our-clients-list li img { display: inline-block; vertical-align: middle; width: auto; height: auto; margin: 0 auto; display: block; max-width: 100%; max-height: 100%; }
.our-clients-pagination a { margin-top: 15px; }

.footer-copyright { background: #f5f5f5; padding: 25px 0; margin-top: 40px; }
.footer-copyright .copyright { font-weight: 300; color: #cccccc; }

.wpb_wrapper fieldset input,
.wpb_wrapper fieldset textarea { font-weight: 300; }

.footer-copyright .vc_row { text-align: justify; margin-bottom: -15px; }
.footer-copyright .vc_row:after { display: inline-block; vertical-align: middle; width: 100%; content: ''; }
.footer-copyright .copyright,
.footer-copyright .social-icons { display: inline-block; vertical-align: middle; }
.footer-copyright .social-icons li { border: 1px solid #E2E6E7; }

.header-top-bar-container { font-weight: 300; }

.wpb_single_image.full-width-image .vc_single_image-wrapper { width: 100%; }
.wpb_single_image.full-width-image img { display: block; width: 100%; height: auto; margin: 0 auto; }

@media(max-width: 1189px){
	.header .logo { display: block; margin: 0 auto; text-align: center; }
	.header .logo a { display: inline-block;}
	.header .menu-container nav { float: none; text-align: center; }
	.sf-menu li { float: none; display: inline-block; vertical-align: middle;}

	.intro-section h1 { font-size: 50px; }
}

@media(max-width: 767px){ 
	.header .logo { display: table-cell; text-align: left; }
	.intro-section h1 { font-size: 30px; }
}

@media(min-width: 768px) and (max-width: 1191px){ 
    .feature-item .icon { display: none; }
    .feature-item p { margin-left: 0; }
}


@media(max-width: 479px){ 
	.header .logo a img { width: 220px; height: auto; }
}