@charset "utf-8";
/* CSS Document */
/*
 Car Repair | Responsive Landing Page
 Author Name : Jitu chauhan;
*/
/*
+ Typography
+ Buttons
+ Forms
+ General CSS
	- Most Common CSS
	- Space CSS
	- List Style Design
	- Page Header
+ Form CSS
	
+ Page Section CSS
	- Hero Section
	- Navigation
	- Service
	- Why Choose Us
	- Pricing
	- About Us
	- Contact Us
+ Blog Pages
	- Blog
	- Blog-Details
+ Thank You Page
*/

/******* Typography *******/
 
body {font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 28px; color: #716e6e; -webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {color: #33393d; margin: 0 0 18px 0; font-weight: 500; 
font-family: 'Raleway', sans-serif;}
h1 {font-size: 32px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
p {margin: 0 0 30px 0;}
a {color: #33393d;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
a:hover, a:focus {color: #dc1e33; text-decoration: none;}
ul, ol {margin: 0 0 28px 0;}

/******* Buttons *******/

.btn {text-transform: uppercase; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: 600; 
padding: 09px 20px; border-radius: 2px;}
.btn-default {background-color: #d72937; color: #fff; border: none;}
.btn-default:hover {background-color: #B9222E; color: #fff;}
.btn-primary {background-color: #38adf6; color: #fff; border: #38adf6; }
.btn-primary:hover {background-color: #33a6ed; border: #33a6ed; color: #fff;}
.btn-secondary {background-color: #e4e7e9; color: #696f74; border: #e4e7e9;}
.btn-secondary:hover {background-color: #f44421; color: #fff; border: #f44421;}
.btn-sm {padding: 6px 10px; font-size: 12px;}
.btn-lg {padding: 13px 50px; font-size: 16px;}

/******* Form *******/

.form-control {border: 1px solid #eeecec; height: 40px; border-radius: 2px;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075);}
select.form-control {background-color: #fff; font-size: 14px; color: #60635d; -webkit-appearance: none; -moz-appearance: none; background-position: 97% 50%; background-repeat: no-repeat;
 background-image: url(../images/down-arrow.png); padding-right: 15px;}
textarea .form-control{}
label{}
.control-label{}

/******* General CSS *******/

.main-container {padding-top: 60px; padding-bottom: 100px;}
.listnone {list-style: none; padding-left: 0;}
.well-block {background-color: #fff; padding: 30px; }
.well-block-default {}
.small-title{text-transform: uppercase; font-family: 'Raleway', sans-serif; font-size: 16px; 
letter-spacing: 4px; font-weight: 600; position: relative; margin-bottom: 40px;}
.small-title:after{content: ''; border-bottom: 2px solid #d0c2ac; position: absolute;left: 0; right: 0; 
width: 40px; bottom: -10px;margin: auto;}
.title-red{color: #d72837;}
.lead{font-weight: 400;color: #343031;}

/******* page header *******/

.page-header {background: url(../images/page-header.jpg) no-repeat; padding-bottom: 140px; padding-top: 180px;
margin: 0px; position: relative;-webkit-background-size: cover; -moz-background-size: cover; 
background-size: cover; -o-background-size: cover; border: transparent;}
.page-title {color: #fff; text-align: center}

/******* space *******/

.mbtm0 {margin-bottom: 0px;}
.mbtm1 {margin-bottom: 10px;}
.mbtm2 {margin-bottom: 20px;}
.mbtm3 {margin-bottom: 30px;}
.no-padding {padding: 0px;}
.padding-right {padding-right: 0px;}
.padding-left {padding-left: 0px;}

/******* section *******/

.section-space {padding-top: 100px; padding-bottom: 100px;}
.section-color {background-color: #faf8f5;}
.section-title {text-align: center; margin-bottom: 60px;}

/******* List Style - Font Awasome *******/

.angle-right li {position: relative; display: flex;}
.angle-right li:before {margin-right: 10px; font-family: FontAwesome; color: #98cef8; top: 0; left: -5px; content: "\f105";}
ul.check-circle {margin-bottom: 30px;}
.check-mark li {position: relative; list-style: none; margin-bottom: 0px;}
.check-mark li:before {font-size: 16px; margin-right: 10px; font-family: FontAwesome; top: 0; left: -5px; color: #dc1e33; content: "\f00c";}
.angle-right {}

/******* flat icon *******/

.flat-icon-small {font-size: 14px; color: #d72837; }
.flat-icon-medium {font-size: 46px; color: #939393;}
.flat-icon-large {font-size: 60px; color: #d72837;}

/******* Popup Model Box Form *******/

.form-box {background-color: #edf4f8; padding : 24px;}
.modal.in .modal-dialog {margin-top: 100px;}
.form-box .input-group-addon{background-color: #fff;border:transparent; position: relative;right: 12px; 
z-index: 3; border: 1px solid #eeecec;  border-left: transparent;}

/******* navigation *******/

.is-sticky .navigation .navbar-default {background-color: #d72937;}	
.navigation {z-index: 9;}
.navigation .navbar-brand {float: left; height: 50px; padding: 7px 15px; font-size: 18px; line-height: 20px;}
.navigation .navbar-default {background-color: transparent; border-color: transparent;}
.navigation .navbar-default {padding-top: 15px; padding-bottom: 15px;}
.navigation .navbar-default .navbar-nav>li>a {color: #fff; text-transform: uppercase; font-size: 14px;
font-weight: 700; letter-spacing: 1px; padding: 20px 14px; line-height: .8; 
font-family: 'Raleway', sans-serif;}
.navigation .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #fff;
background-color: transparent;}
.navigation .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default.navbar-nav>.active>a:hover {color: #fcd210; background-color: transparent;}
.navigation .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #fcd210; background-color: #fff!important;}

/***** Dropdown Menu *****/

.dropdown-menu {background-color: #fff; border: none; padding: 20px 10px;}
.dropdown-menu>li>a {display: block; padding: 10px 20px; clear: both; font-weight: 600; 
	line-height: 1.42857143; color: #333; white-space: nowrap; font-size: 14px; text-transform: uppercase;
	letter-spacing: 1px;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #f44421; text-decoration: none; 
	background-color: transparent;}
	
/***** Mobile Toggle Menu *****/
	
.navigation .navbar-default .navbar-toggle {border-color: #d72937; background-color:#d72937;}
.navigation .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navigation .navbar-toggle {position: relative; float: right; padding: 9px 10px; margin-top: 8px;
    margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none;
    border: 1px solid transparent; border-radius: 4px;}
.navigation .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #B9222E; border-color:#B9222E;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}	

/******* Hero section *******/	

.hero-slide {background-image: url('../images/header-bg.jpg'); background-repeat: none;
	background-attachment: scroll; background-position: center center; -webkit-background-size: cover;
	-moz-background-size: cover; background-size: cover; -o-background-size: cover; text-align: center;
	color: white;}
.hero-section {padding-top: 200px; padding-bottom: 200px;}
.hero-title {font-size: 54px; color: #fff; font-weight: 900; letter-spacing: -1px;}
.hero-desc {color: #fff;}

/******* service *******/

.service-block {margin-bottom: 60px;}
.service-block-img {}
.service-icon {text-align: center; margin-top: 20px;}
.service-desc {}

/********** feature-block *********/

.feature-block{margin-top: 30px; margin-bottom: 30px;}

/******* Pricing *******/

.pricing-box {}
.pricing-box-regualr .well-box {background-color: #fff; border: 1px solid #f2f2f2;}
.price-title {text-transform: uppercase; letter-spacing: 2px; font-weight: 700; font-size: 16px; 
margin-bottom: 0px;}
.pricing-box .list-group{margin-bottom: 0px;}
.pricing-box .well-box {margin-bottom: 0px; padding: 40px 20px;}
.pricing-box .list-group-item {position: relative; display: block; padding: 10px 15px; margin-top: -1px;
	background-color: #fff; border: 1px solid #eef4f8; border-radius: 0px;}
.pricing-box .list-group-item .badge {display: inline-block; min-width: 10px; font-size: 16px; 
font-weight: 500; line-height: 1; color: #343031; text-align: center; white-space: nowrap; 
vertical-align: middle; background-color: transparent;}
.pricing-box .list-group-item .badge small{font-size: 10px;}

/********** About us *********/

.aboutus-pic{}
.aboutus-info{}
.contact-info{}
.contact-info h2{font-size: 16px; letter-spacing: 2px; text-transform: uppercase;color: #373233; 
font-weight: 700;}
.schedules-day li{margin-bottom: 0px;}

/********* offer-block *********/

.offer-block{ border:1px dotted #3a3a3a; padding: 40px;}
.offer-title{color: #dc1e33; font-size: 42px;}
.couponcode{color: #dc1e33; margin-bottom: 30px;}

/******* Testimonial *******/

.testimonial-block .testimonial-info {text-align: center; background-color: #fff; padding: 30px; 
margin-bottom: 40px; position:relative;}
.testimonial-block .testimonial-info-arrow{width: 0; height: 0; border-style: solid; 
border-width: 20px 20px 0 20px; border-color: #fff transparent transparent transparent; bottom: 216px;
    position: absolute; margin-left: 42%;}
.testimonial-block .testimonial-info p {font-style: italic; margin-bottom: 45px; font-weight: 300;}
.testimonial-block .testimonial-info i {color: #ff982a;}
.testimonial-block .testimonial-detail {text-align: center;}
.testimonial-block .testimonial-detail img {margin-bottom: 20px;}
.testimonial-block .testimonial-detail span {color: #dc1e33; font-size: 14px;}

/********** call-to-action ********/

.call-to-action{}
.cta-info{}
.cta-btn{padding-top: 30px;}
 
/******* Footer *******/

.footer {background-color: #2e2b2b; padding-top: 63px; padding-bottom: 24px;}
.ft-block {}
.ft-block i {color: #dc1e33; font-size: 24px; margin-bottom: 20px; display: inline-block;}
.ft-block p{color: #676464;}
.ft-block h3 {color: #fff; letter-spacing: 1px;}
.ft-block img{margin-top:25px;}
.ft-block span.num{  color: #676464; font-size: 21px; margin-bottom: 30px; 
display: block;}
.ft-block ul{padding: 0px;}
.ft-block ul li{list-style: none;}
.ft-block ul li span {margin-right:20px; color: #676464}
.social{}
.social a{}
.social a i{margin-right:8px; color:#676464; font-size:24px;}
.social a i:hover{color: #dc1e33;}
.copyrights{font-size: 10px; color: #676464;}
 
/******* Blog *******/

.content-right {margin-bottom: 30px;}
.sidebar {}
.post-block {margin-bottom:30px;} 
.post-block p:last-child {margin-bottom: 0px;}
.post-sticky {margin-right:15px;}
.post-caption{}
.post-title {line-height: 24px;}
.post-img {margin-bottom: 40px;}
.post-img img {width: 100%;}
.blogslider {}
.blogslider .owl-nav {text-align: center; width: 60px; margin: 0px auto;}
.blogslider .owl-nav i {font-size: 24px; color: #fff;}
.blogslider .owl-prev {position: absolute; top: 40%; left: 5%;}
.blogslider .owl-next {position: absolute; right: 5%; top: 40%;} 
.post-video {}
.share-option{}
 
	/***** Blog Meta *****/


.post-meta {color: #a3a0a0; border-bottom: 1px solid #edeaea; border-top: 1px solid #edeaea; margin: 30px 0; padding: 20px 0;}
.meta-date, .meta-comment, .meta-author {margin: 0 15px 0px 0px; font-size: 13px; font-weight: 500;}
.post-meta i{margin-right: 10px;}
.meta-date {}
.meta-date .flat-icon {padding-right: 10px; color: #f44421;}
.meta-comment {}
.meta-author {text-transform:uppercase;}
.meta-tag{}
#blogslider .item img{display: block; width: 100%; height: auto; margin-bottom: 20px;}
#blogslider .owl-pagination{position: absolute; bottom: 20px; left: 10px;}
#blogslider.owl-theme .owl-controls .owl-page span{background-color: #d72937;}

	/***** Blockquote *****/

.post-quote {margin-bottom:30px;}
blockquote {font-style: italic; font-size: 21px; color: #716e6e; border: none; font-weight: 500; margin: 0px; padding: 10px 0px; line-height:34px;}
blockquote p{margin-bottom:10px;}
.source-name {}

 
/******* Blog Details *******/	
	/***** alignment *****/
	
.alignleft {float: left; margin: 10px 20px 20px 0;}
.alignright {float: right; margin: 20px 0 .5em 20px;}
.caption {font-size: 16px; background-color: #24dcfd; color: #33393d; padding: 10px; font-weight: 500;}
.share-post{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #edeaea;}

	/***** Related Post *****/

.related-post {margin-bottom: 30px; border-bottom: 1px solid #edeaea; padding-bottom: 29px; 
display: inline-block; width: 100%;} 
.related-post-block{}	
.related-img {margin-bottom: 20px;}
.related-img img{width: 100%;}
.related-desc{}
.related-title {margin-bottom: 10px;}

	/***** Prev Next Block *****/

.next-prev-block{padding-bottom: 39px; margin-bottom:60px; border-bottom: 1px solid #edeaea;}
.next-prev-block .post-meta{border:none; margin: 0px; padding: 0px;}
.prev-block{}
.prev-post{}
.prev-post h3, .next-block h3{margin-bottom: 20px;}
.prev-link, .next-link{margin-bottom: 30px;}
.next-block{text-align:right;}
.next-post{}

	/***** Author Post *****/
	
.author-post {padding: 30px; background-color: #faf8f5; margin-bottom:30px; margin-bottom: 69px; 
display: inline-block;}
.author-portrait {}
.author-portrait img {margin: 0 auto;}
.author-info {}
.social-icon {color: #716e6e; font-size: 24px; margin-left: 5px;}	
.social-icon-link{color: #2cbff6;}
 

	/***** Comments *****/
	
.comments-area {margin-bottom:80px;}
.comments-title {margin-bottom: 40px;}
.comment-title {margin-bottom: 10px;}
.comment-title span {margin-left: 25px; text-transform: uppercase; color: #a3a0a0; font-family: 'Roboto', sans-serif;}
.comment-list {}
.comment-frame {float: left; width: 110px; margin-bottom:30px;}
.user-comments {margin-left: 130px;}
.comment-body {padding-bottom: 39px; border-bottom: 1px solid #edeaea; margin-bottom: 40px;}
.comment-body:last-child{padding-bottom: 0px; border-bottom: 0px solid transparent; margin-bottom: 0px;} 
.comment-body p{margin-bottom: 20px;}
.comment-body.listnone {}
.children {}
.leave-comments, .comment-post, .children {display: inline-block;}
.btn-comment{margin-top: 20px;}

	/***** Leave Reply *****/
	
.leave-reply{}
.reply-title{margin-bottom: 35px;}

	/***** Blog sidebar *****/
		/*** Widget ***/

.widget {margin-bottom: 30px; border-bottom: 1px solid #edeaea; padding-bottom: 19px;}
.widget ul{margin-bottom: 0px;}
.widget-title {margin-bottom: 30px;}
		
		/*** Widget-Search ***/
		
.widget-search {padding-bottom: 30px;}
.widget-search .form-control {height: 48px;}
.widget-search .btn{padding: 13px 20px;}

		/*** Widget-Category ***/

.widget-category {}
.widget-category ul li, .widget-archive ul li {border-bottom:1px solid #edeaea; padding-bottom: 7px;
    margin-bottom: 5px;}
.widget-category ul li:last-child, .widget-archive ul li:last-child{border-bottom:0; padding-bottom:0px; margin-bottom:15px;}

		/*** Widget-Archive ***/
			
.widget-archive {}
.widget-archive strong {padding-left: 10px;}
		
		/*** Widget-Recent-Post ***/	

.widget-recent-post {}
.widget-recent-post ul li {}
.rec-post-block{}
.recent-post{margin-bottom: 30px;}
.recent-post .post-meta{border:0px; margin: 0px; padding: 0px;}
.recent-post-img {}
.recent-thumb {margin-bottom: 20px;}
.recent-post h4{margin-bottom: 0px;}
.recent-post-desc{}

		/*** Widget-tags ***/
		
.tags-widget {padding-bottom: 49px;}
.tags-widget a {margin-bottom: 5px; padding: 5px 10px; font-size: 10px;	text-transform: uppercase; 
border:1px solid #e3e2e2; background-color:#e3e2e2; margin-right: 5px; color: #716e6e;  font-weight:700;}
.tags-widget a:hover {color: #fff; border:1px solid #dc1e33; background-color:#dc1e33;}

/******* pagination *******/

.st-pagination {margin-top: 70px;}
.st-pagination .pagination>li>a, .pagination>li>span {position: relative; float: left; padding: 4px 12px;
	margin-left: -1px; line-height: 1.42857143; color: #716e6e; text-decoration: none; font-size:14px; 
	background-color: #e3e2e2; border:1px solid #e3e2e2; margin-right: 5px; font-weight: 600; 
	border-radius:0px;}
.st-pagination .pagination>.active>a, .st-pagination .pagination>.active>a:focus, .st-pagination .pagination>.active>a:hover, .st-pagination .pagination>.active>span, 
.st-pagination .pagination>.active>span:focus, .st-pagination .pagination>.active>span:hover {z-index: 3; 
color: #fff; cursor: default; background-color: #d72937; border-color: #d72937;}
.st-pagination .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {z-index: 2; color: #fff; background-color: #d72937; border-color: #d72937;}

/******* thank you *******/

.thankyou{padding-top: 100px; padding-bottom: 100px;}
.thankyou-block{background-color:#8a795e; text-align:center; padding-bottom:100px; padding-top:100px;}
.thanku-logo{margin-bottom: 60px;}
.thanks-title{font-size:72px; color: #fff; font-weight: 700;}
.online-cour{color: #fff; font-size: 18px; margin-bottom: 45px; display: inline-block;}
.thanks-desc{color: #fff; margin-bottom: 50px; font-size: 18px;}

/******* Mobile CSS *******/

@media (max-width: 767px){
	
.hero-title {font-size: 45px;}
.service-icon{margin-bottom:20px;}	
.user-comments {margin-left:  0px;}
.comment-title .meta-date{margin-top:10px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent; 
background-color:#a38858;}
.navigation .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default.navbar-nav>.active>a:hover {color: #d72937; background-color: transparent;}
.navigation .navbar-default .navbar-nav>li>a {padding: 17px 14px; font-family: 'Raleway', sans-serif;}
.hero-section {padding-top: 100px; padding-bottom: 100px;}




}