@font-face {
    font-family: 'autograf_personal';
    src: url('../fonts/autograf_personaluseonly-webfont.eot');
    src: url('../fonts/autograf_personaluseonly-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/autograf_personaluseonly-webfont.woff2') format('woff2'),
         url('../fonts/autograf_personaluseonly-webfont.woff') format('woff'),
         url('../fonts/autograf_personaluseonly-webfont.ttf') format('truetype'),
         url('../fonts/autograf_personaluseonly-webfont.svg#autograf_personal_use_onlyRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
*{outline: none;}
*::-moz-selection{background:#ffa200; color:#fff; text-shadow:none;} 
body, html{font-family:'Roboto'; margin:0; padding:0; height:100%; width:100%; font-size:13px; font-weight: 400;}
label{display: block; font-family:'Roboto'; font-weight: 400;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-family:'Roboto'; font-weight: 400;}
ul, li{ list-style:none; margin:0; padding:0; font-family: 'Roboto'; font-weight: 400;}
img{vertical-align:middle; border:none}
p{font-size:14px; padding:0; color:#01224c; line-height:normal; display:block; font-family:'Roboto'; margin:0; font-weight: 400;}
a, input, select, textarea, .btn {transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s; -moz-transition: all 0.25s ease-in 0s; -o-transition: all 0.25s ease-in 0s; outline:none; font-family:'Roboto'; text-decoration:none; font-weight: 400;}
a{ color:#666;}
a:hover{ outline:none; cursor:pointer; color:#212121; text-decoration:none;}
a:focus {outline:none; text-decoration:none}
.full-width{float:left; width:100%;}
.relative{position:relative}
.full-img{ width:100%;}
.float-left{ float:left;}
.float-right{ float:right;}
textarea, input[type="text"], input[type="password"], input[type="email"], input[type="file"], select, input[type="number"]{transition:all 0.25s ease-in 0s; -webkit-transition:all 0.25s ease-in 0s; width:94%;}
button{transition:all 0.25s ease-in 0s; -webkit-transition:all 0.25s ease-in 0s;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="file"]:focus, select:focus, input[type="number"]:focus{ outline:none; transition-duration: 0.1s; box-shadow:none;}
.form-control{ box-shadow:none; padding:0 10px; border-radius:0;}
.form-control:focus{ box-shadow:none;}
.form-control::-moz-placeholder{ opacity:1; color:#868686;}
.form-control::-webkit-input-placeholder{ opacity:1; color:#868686;}
select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none;}
select::-ms-expand {display: none;}

/*Custome Margin, Padding*/
.marginnone{margin:0;}
.margintop10{margin-top:10px;}
.margintop20{margin-top:20px;}
.margintop30{margin-top:30px;}
.margintop40{margin-top:40px;}
.marginbottom10{margin-bottom:10px;}
.marginbottom20{margin-bottom:20px;}
.marginbottom30{margin-bottom:30px;}
.marginbottom40{margin-bottom:40px;}
.marginbottom60{margin-bottom:60px;}
.paddingnone{padding:0 !important;}
.paddingtop10{padding-top:10px;}
.paddingtop20{padding-top:20px;}
.paddingtop30{padding-top:30px;}
.paddingtop40{padding-top:40px;}
.paddingbottom10{padding-bottom:10px;}
.paddingbottom20{padding-bottom:20px;}
.paddingbottom30{padding-bottom:30px;}
.paddingbottom40{padding-bottom:40px;}

@keyframes uptext {
    0% { -webkit-transform: translateY(40px); transform: translateY(40px); opacity:0;}
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity:1;}
}
@-webkit-keyframes uptext {
    0% { -webkit-transform: translateY(40px); transform: translateY(40px); opacity:0;}
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity:1;}
}
@keyframes downtext {
    0% { -webkit-transform: translateY(-40px); transform: translateY(-40px); opacity:0;}
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity:1;}	
}
@-webkit-keyframes downtext {
    0% { -webkit-transform: translateY(-40px); transform: translateY(-40px); opacity:0;}
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity:1;}	
}
@keyframes fadeInRight {
    0% { -webkit-transform: translateX(150px); transform: translateX(150px); opacity:0;}
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity:1;}	
}
@-webkit-keyframes fadeInRight {
    0% { -webkit-transform: translateX(150px); transform: translateX(150px); opacity:0;}
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity:1;}	
}

@keyframes fadeInLeft {
    0% { -webkit-transform: translateX(-150px); transform: translateX(-150px); opacity:0;}
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity:1;}
}
@-webkit-keyframes fadeInLeft {
    0% { -webkit-transform: translateX(-150px); transform: translateX(-150px); opacity:0;}
    100% { -webkit-transform: translateX(0); transform: translateX(0); opacity:1;}	
}

/*MOdal Popup*/

.modal{ z-index: 10000; right: -17px;}
.modal-backdrop{ z-index: 9999;}
.modal-open{ padding-right:0 !important; overflow:auto;}
.modal.in{ padding-right:0 !important;}
.modal-content{ float:left; width:100%; margin-bottom:40px; border-radius:0; border: none; box-shadow: none;}
.modal-content .close{ opacity:1; padding:0; margin-top:0; position: absolute; right: -21px; top: -21px; z-index:99; text-shadow: none;}
.modal-content .close:hover, .modal-content .close:focus{ color:#fff; opacity:1;}
.modal-content .close img{ position: relative; top: 0;}
.modal-dialog{ max-width:900px; width:86%; margin:70px auto 0;}
.modal-body{ float:left; width:100%; padding:15px;}
.modal-backdrop.in{ opacity:.80;}

.img_block{}
.img_block > img{ width: 100%;}
.img_block > a > img{ width: 100%;}

.styled_select{ position: relative; width: 100%;}
.styled_select:after{ content: "\f107"; font-family: 'FontAwesome'; position: absolute; right: 0; top: 0; width: 30px; line-height: 32px; color: #ed1c24; font-size: 18px; text-align: center; pointer-events: none;}
.styled_select select{ padding-right: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none;}

.container{ max-width: 767px; padding: 0 30px;}

header{ background-color: #fff; padding: 40px 0 10px;}
.brand{ float: left; width: 100%;}
.brand a{ float: left;}

.main_tab_wrap{ display: inline-block; width: 100%;}
.tabs_wrap{ box-shadow: 0 12px 12px rgba(43,52,148,.08); padding: 10px 0 0;}
.nav-tabs{ border: none; overflow: auto; white-space: nowrap; display: inline-block; width: 100%; padding-bottom: 10px;}
.nav-tabs > li{ margin: 0 0 0 8px; display: inline-block; float: none; background-color: transparent; border: 1px solid transparent; padding: 4px; border-radius: 5px; transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s;}
.nav-tabs > li > a{ margin: 0; border: 1px solid #999999; border-radius: 5px; padding: 5px; text-align: center; width: 100%; font-size: 12px; line-height: 14px; color: #999; background-color: #fff; position: relative;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border-color: #003c8e; color: #fff; background-color: #003c8e;}
.nav-tabs > li > a:hover{ border-color: #999; background-color: #fff;}
.nav-tabs > li.complete > a{ border-color: #003c8e; color: #fff; background-color: #003c8e;}
.nav-tabs > li.complete > a:hover{ border-color: #003c8e; color: #fff; background-color: #003c8e;}
.nav-tabs > li.active{ border-color: #003c8e; background-color: #fff;}
.nav-tabs > li.complete{ border-color: #003c8e; background-color: #fff;}
.nav-tabs > li:first-child{ margin-left: 30px;}
.nav-tabs > li:last-child{ margin-right: 30px;}
.nav-tabs > li > a:after{ content: ''; position: absolute; right: -22px; top: 50%; width: 22px; height: 1px; background-color: #999; z-index: -1;}
.nav-tabs > li:last-child a:after{ display: none;}
.nav-tabs > li.active > a:after{ background-color: #003c8e;}
.nav-tabs > li.complete > a:after{ background-color: #003c8e;}

.main_tab_wrap h2{ font-size: 16px; color: #282828; font-weight: 500; padding-bottom: 15px;}
.cv_detail{ box-shadow: 0 12px 12px rgba(43,52,148,.08); padding: 20px 0 15px;}
.cv_list{ display: inline-block; width: 100%;}
.cv_list li{ float: left; width: 100%; position: relative; padding-left: 40px; padding-bottom: 10px;}
.cv_list li:last-child{ padding-bottom: 0;}
.cv_list li .half{ width: 50%; float: left;}
.cv_list li .icon{ position: absolute; left: 0; top: 0; width: 30px; line-height: 30px; background-color: #d1dceb; text-align: center; border-radius: 100%;}
.cv_list li .icon > img{ border-radius: 100%; width: 100%;}
.cv_list li .lbl{ font-size: 12px; color: #000000; min-height: 16px; line-height: 16px;}
.cv_list li .name{ font-size: 14px; color: rgba(40,40,40,.45); font-weight: 700;}

.ac_detail{ box-shadow: 0 12px 12px rgba(43,52,148,.08); padding: 30px 0 15px; position: relative; z-index: 2;}
.ac_list{ display: inline-block; width: 100%;}
.ac_list li{ float: left; width: 100%; position: relative; padding-left: 28px; padding-bottom: 10px;}
.ac_list li:last-child{ padding-bottom: 0;}
.ac_list li .icon{ position: absolute; left: 0; top: -2px;}
.ac_list li .icon > img{}
.ac_list li .lbl{ font-size: 12px; color: #000000;}
.ac_list li .name{ font-size: 14px; color: rgba(40,40,40,.45);}
.ac_list li .name span{ font-weight: 700;}
.ac_list li .link1{ position: absolute; top: 0; right: 0; color: #003c8e; font-weight: 500; text-transform: uppercase; font-size: 14px;}
.ac_list li .link2{ position: absolute; top: 0; right: 40px; color: #003c8e; font-weight: 500; text-transform: uppercase; font-size: 12px;}

.map_section{ box-shadow: 0 12px 12px rgba(43,52,148,.08);}
.map > img{ width: 100%;}
/*.driver_info{ padding: 15px 0; box-shadow: 0 -12px 12px rgba(43,52,148,.08); position: relative; z-index: 1;}*/
.driver_info{ padding: 15px 0; position: relative; z-index: 1;}
.driver_info .driver_block{ position: relative; padding-left: 50px; min-height: 50px; padding-bottom: 10px;}
.driver_info .driver_block .img_block{ position: absolute; width: 38px; height: 38px; border-radius: 5px; overflow: hidden; left: 0; top: 0;}
.driver_info .driver_block h3 p{ font-size: 14px; color: rgba(40,40,40,.45); font-weight: 700;}
.driver_info .driver_block h3 span{ font-weight: 400; font-size: 12px; color: #003c8e; display: block; line-height: 18px;}

.di_list{ display: inline-block; width: 100%;}
.di_list li{ float: left; width: 100%; position: relative; padding-bottom: 10px;}
.di_list li:last-child{ padding-bottom: 0;}
.di_list li .lbl{ font-size: 12px; color: #003c8e;}
.di_list li .name{ font-size: 14px; color: rgba(40,40,40,.45); font-weight: 700;}
.di_list li .link1{ position: absolute; bottom: 8px; right: 0; color: #003c8e; font-weight: 900; text-transform: uppercase; font-size: 12px;}
.di_list li .link2{ position: absolute; bottom: 0; right: 0; color: #003c8e; font-weight: 900; text-transform: uppercase; font-size: 12px;}
/*.di_list li .call{ position: absolute; top: 0; right: 0; color: #003c8e; background-color: rgba(0,60,142,.18); line-height: 38px; width: 38px; text-align: center; border-radius: 5px; font-size: 20px;}*/
.di_list li .call{ position: absolute; top: 0; right: 0; color: #003c8e;}

.demanded_repair{ box-shadow: 0 12px 12px rgba(43,52,148,.08); padding: 30px 0 15px; position: relative; z-index: 2;}
.num_list{ }
.num_list li{ font-size: 12px; line-height: 18px; color: #7a7a7a; padding-bottom: 15px; position: relative; padding-left: 15px;}
.num_list li:last-child{ padding-bottom: 0;}
.num_list li span{ color: #000; position: absolute; left: 0; top: 1px;}

.carousel_section{ box-shadow: 0 12px 12px rgba(43,52,148,.08); padding: 30px 0 15px; position: relative; z-index: 2;}
.photo_carousel{ padding-bottom: 15px;}
.photo_carousel .item{ padding: 20px 0 20px 15px;}
.photo_carousel .item .inner{ box-shadow: 0 0 30px rgba(43,52,148,.2); background-color: #fff; border-radius: 10px;}
.photo_carousel .item .inner .img_block > img{ border-radius: 10px 10px 0 0;}
.photo_carousel .item .inner .cont{ padding: 10px 20px 20px;}
.photo_carousel .item .inner .cont h4{ color: rgba(40,40,40,.45); font-size: 14px; font-weight: 700;}
.carousel_section .sinature{ text-align: center; padding: 0px 0 0px;}
.carousel_section .sinature h3{ font-family: 'autograf_personal'; color: #282828; font-size: 39px; transform: rotate(-5deg)}

.paddingbottomnone{padding-bottom:0;}
.estimate_list{ padding-bottom: 10px;}
.estimate_list li{ color: #7a7a7a; font-size: 12px; line-height: 18px; padding-bottom: 10px;}
.estimate_list li span{ font-weight: 500; float: right; font-size: 14px;}
.estimate_list li span .fa{}
.pdf_btn{ border-top: 1px solid #e1e1e1; font-size: 14px; color: #003c8e; font-weight: 700; display: inline-block; width: 100%; text-align: center; line-height: 50px;}
.pdf_btn:hover{ color: #003c8e;}
.pdf_btn img{ padding-right: 5px;}
.heading_center{ text-align: center; padding: 40px 0 20px;}
.heading_center h2{ font-size: 22px;}









@media (max-width:639px) {
	
} 

@media (max-width:479px) {
	
}

@media (max-width:359px) {
	
}