@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');

/*
01. Theme Typo
02. Header
	02.1 Top Strip
		02.1.1 Top Info
		02.1.2 Search
	02.1 Logo
	02.2 Navigation
		02.2.1 SubMenu
		02.2.1 MegaMenu
03. Content

	03.1 Blog
		03.1.2 Blog Grid
		03.1.3 Blog Large
		03.1.4 Blog Detail
 
	03.3 Default Pages Style
		03.3.1 404
		03.3.2 Services
		03.3.3 No Search Result
		03.3.4 Contact Us
        03.3.5 PricePlan
        03.3.6 Faq
        03.3.7 About Us

	03.4 Projects
		03.4.1 Project Grid
		03.4.2 Project Medium
		03.4.3 Project Modren
		03.4.4 Artist Detail

	03.5 Team
		03.5.1 Team Grid
		03.5.2 Team Detail

	03.6 Shop
		03.6.1 Shop Grid
		03.6.2 Shop Detail
 
04. Sidebar Widget
	04.1 Widget CATEGORY WIDGET
	04.2 Widget Latest News
	04.3 Widget Calendar Archive
	04.4 Widget Text
	04.5 Widget Recent Posts
	04.7 Widget Intagram Photos
	04.8 Popular Tags
	04.9 User Links
 
05. Footer
    05.1 Footer Widgets
    05.2 CopyRight
*/

* {
    margin: 0;
    padding: 0;
}
body {
    background-color: #ffffff;
    color: #262626;
    font-family: 'PT Sans', sans-serif;
    font-size: 15px;
    line-height: 28px;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
    color: #262626;
    font-family: 'PT Sans', sans-serif;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 1.1px;
    margin: 0 0 8px;
}
h1 {
    font-size: 26px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 22px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #262626;
}
p a {
    color: #262626;
}
p {
    letter-spacing: 1.1px;
    margin-bottom: 10px;
    line-height: 28px;
}
a {
    color: #262626;
    text-decoration: none;
}
a:hover, a:focus, a:active {
    outline: none;
}
ul {
    margin-bottom: 0;
}
figure {
    margin-bottom: 6px;
    position: relative;
}
img {
    height: auto;
    max-width: 100%;
}
strong {
    color: #262626;
}
iframe {
    border: none;
    float: left;
    width: 100%;
}
.wp-caption, .wp-caption-text, .gallery-caption, .bypostauthor {
}
.wp-caption.alignleft, .wp-caption.alignnone {
    width: 100%;
}
select {
    background-color: #f0eef0;
    border: 1px solid #dfdfdf;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    padding: 8px 12px;
    width: 100%;
}
label {
    color: #6c8391;
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
}
button {
    border: none;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #f2f2f2;
    border: none;
    color: #aaa9a9;
    display: inline-block;
    font-size: 13px;
    height: 30px;
    line-height: 20px;
    outline: none;
    padding: 4px 6px;
    vertical-align: middle;
    box-shadow: none;
}
input[type="submit"] {
    outline: none;
}
form p {
    float: left;
    position: relative;
}
form p span i {
    color: #474747;
    left: 16px;
    position: absolute;
    top: 13px;
}
option {
    padding: 5px 15px;
}
li {
    line-height: 28px;
    list-style: inside none disc;
}
ul ul {
    margin-left: 20px;
}
ol {
    float: none;
    list-style: outside none decimal;
    padding-left: 15px;
}
ol ol {
    margin-left: 20px;
}
ol li {
    list-style: outside none decimal;
    width: 100%;
}
table {
    background-color: transparent;
    max-width: 100%;
}
th {
    text-align: left;
}
table {
    margin-bottom: 15px;
    width: 100%;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    border: 1px solid #dddddd;
    line-height: 2.5;
    padding-left: 3px;
    text-align: center;
    vertical-align: top;
}
table thead tr th {
    border-top: 1px solid #dddddd;
    text-align: center;
    text-transform: capitalize;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 1px solid #dddddd;
}
table > thead > tr > th {
    border-bottom: 2px solid #dddddd;
    vertical-align: bottom;
}
table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
    border-bottom: 0 none;
}
table > tbody + tbody {
    border-top: 2px solid #dddddd;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 6px 10px;
}
p ins {
    color: #999;
}
dl dd 	{ margin-left: 20px; }
address { font-style: italic; }
.automechanic-main-section {
	float: left;
	width: 100%;
	position: relative;
}
.automechanic-main-content 	    { padding: 45px 0px 45px 0px; }
.automechanic-right-section 	    { float: right; }
.automechanic-left-section 	    { float: left; }
.automechanic-main-wrapper,.automechanic-main-content,
.automechanic-main-header,#automechanic-header {
    float: left;
    width: 100%;
}
/* Header */
.logo {
    float: left;
    width: 100%;
    padding: 0px 0px 0px;
}
.automechanic-main-header aside.col-md-3 { width: 23%;}
.automechanic-main-header aside.col-md-9 { width: 77%; padding-left: 7px;}
.automechanic-strip-form form input[type="text"],
.automechanic-navigation,.automechanic-top-strip {
    float: left;
    width: 100%;
}
.automechanic-top-strip {
    padding: 17px 0px 7px;
    background-color: #262626;
}
.automechanic-cart-box {
    position: absolute;
    right: 0px;
    top: 100%;
    background-color: #fff;
    padding: 28px;
    width: 300px;
    z-index: 1;
    margin-top: 40px;
    color: #262626;
    display: none;
}
.automechanic-cart-box p { margin: 0px; }
.automechanic-main-header { padding: 30px 0px;}
.automechanic-strip-form {
    float: left;
    width: 75%;
    padding: 9px 0px 0px;
}
.automechanic-strip-info {
    margin: 0px 0px 10px;
    float: left;
}
.automechanic-strip-info li {
    float: left;
    list-style: none;
    color: #cbcaca;
    font-size: 13px;
    margin: 0px 31px 0px 0px;
    position: relative;
    line-height: 1;
}
.automechanic-strip-info li:last-child { margin-right: 0px;}
.automechanic-strip-info li i {
    float: left;
    margin: 0px 7px 0px 0px;
    color: #cbcaca;
}
.automechanic-strip-info li i.fa-search {
    font-size: 11px;
    margin-top: 1px;
}
.automechanic-strip-info li > a {
    color: #cbcaca;
    position: relative;
}
.automechanic-strip-info li > a.find:before {
    content: "\f107";
    font-family: FontAwesome;
    float: right;
    margin: 1px 0px 0px 6px;
}
.automechanic-strip-form form {
    float: left;
    width: 100%;
    margin: 0px;
    position: relative;
}
.automechanic-strip-form form input {
    background-color: #f1f1f1;
    height: 47px;
    border-radius: 5px;
    font-size: 14px;
    color: #828282;
    padding: 4px 50px 4px 24px;
}
.automechanic-strip-form form select {
    background-color: #f1f1f1;
    height: 47px;
    border-radius: 5px;
    font-size: 14px;
    color: #828282;
    padding: 4px 50px 4px 24px;
}
.automechanic-strip-form form label {
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin: 0px;
}
.automechanic-strip-form form label:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: 21px;
    cursor: pointer;
    bottom: 11px;
    color: #bcc1be;
}
.automechanic-strip-form form label input[type="submit"] {
    height: 47px;
    width: 50px;
    border: none;
    background-color: transparent;
}
.automechanic-strip-option {
    float: left;
    padding: 8px 0px 0px;
}
.automechanic-strip-option li {
    float: left;
    margin: 0px 0px 0px 29px;
    list-style: none;
    position: relative;
}
.automechanic-strip-option li i {
    float: left;
    margin: 7px 5px 0px 0px;
}
.appointment-btn {
    float: right;
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 4px;
    margin: 9px 0px 0px;
}
.appointment-btn i {
    float: left;
    margin: 6px 6px 0 0;
}
/* Login Modal Box */
.loginmodal .modal-dialog {
    width: 460px;
    margin-top: 150px;
}
.automechanic-login-box {
    float: left;
    width: 100%;
    background-color: #ffffff;
    padding: 31px 40px 33px 40px;
}
.automechanic-login-box h4 {
    color: #262626;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 8px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 30px;
}
.automechanic-login-box form { margin-bottom: 31px; }
.automechanic-login-box form,
.automechanic-login-box form input[type='text'],
.automechanic-login-box form input[type='password'] {
    float: left;
    width: 100%;
}
.automechanic-login-box form input[type='text'],
.automechanic-login-box form input[type='password'] {
    background-color: transparent;
    border: 1px solid #ececec;
    padding: 6px 20px;
    height: 40px;
    font-size: 12px;
    color: #828282;
    font-style: italic;
    margin-bottom: 15px;
}
.automechanic-login-box form a {
    color: #666666;
    font-size: 14px;
    float: right;
    border-bottom: 1px solid #37383a;
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 15px;
}
.automechanic-login-box form label {
    float: left;
    position: relative;
    margin-bottom: 0px;
}
.automechanic-login-box form input[type='submit'] {
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 25px 12px 25px;
    line-height: 1;
    color: #fff;
    border: none;
    border-radius: 3px;
}
.login-network { margin: 0px -5px; }
.login-network li {
    float: left;
    width: 33.333%;
    padding: 0px 5px;
    list-style: none;
    margin-bottom: 20px;
}
.login-network li a {
    float: left;
    width: 100%;
    background-color: #47619c;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    padding: 5px 15px;
}
.login-network li a i {
    float: left;
    font-size: 14px;
    margin: 7px 13px 0px 0px;
}
.automechanic-login-box p {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #666666;
    margin: 5px 0px 0px 0px;
}
.automechanic-login-box p a { text-transform: uppercase; }
.login-network li.automechanic-twitter a { background-color: #02aaf1; }
.login-network li.automechanic-google-plus a { background-color: #eb6250; }
.automechanic-login-close {
    position: absolute;
    right: -9px;
    top: -9px;
    width: 50px;
    height: 50px;
    font-size: 20px;
    background-color: #ffffff;
    border-radius: 100%;
    text-align: center;
    padding-top: 9px;
    color: #666666;
}
/*automechanic-navigation*/
.automechanic-navigation {
    background-color: #262626;
    text-align: center;
}
/* Navigation */
a.menu-link {
    color: #fff;
    display: none;
}
.menu-link span {
  border-bottom: solid 3px #fff;
  border-top: double 10px #fff;
  float: left;
  height: 17px;
  margin: 0 5px 0px 0;
  width: 30px;
}
.js .menu ul ul.active {
  margin: 0;
  max-height: 55em;
  padding: 0;
}
.js .menu > ul > li.automechanic-megamenu-li > ul.active {
    margin: 0;
    max-height: 55em;
    padding: 0;
}
.menu.active {
  max-height: 200em;
  width: 100%;
}
span.has-subnav {
  display: none;
  font-size: 1em;
  position: absolute;
  right: 0;
  padding: 0;
  top: 0;
  cursor: pointer;
  width: 52px;
  text-align: center;
  height: 100%;
  line-height: 2.7;
  border-left: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  background-color: #f9f9f9;
  font-size: 20px;
}
.navbar {
    background: none;
    border: none;
    display: inline-block;
    margin-bottom: 0px;
    min-height: auto;
}
.navbar-nav > li.menu-icon > a:before {
    content: "\f107";
    font-family: FontAwesome;
    float: right;
    color: #ffffff;
    margin: 0px 0 0 8px;
}
.navbar .navbar-collapse { padding-left: 24px; }
.navbar-nav > li > a {
    font-size: 13px;
    color: #cbcaca;
    text-transform: uppercase;
    padding: 27px 10px 16px;
    position: relative;
}
.navbar-nav > li { margin: 0px 8px;}
.navbar-nav > li.active > a { color: #ffffff;}
.navbar-nav > li > a i {
    float: left;
    margin: 3px 10px 0px 0px;
    font-size: 12px;
}
.navbar-nav li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
}
.navbar-nav .sub-menu {
    background-color: #ffffff;
    left: 0;
    margin: 9px 0px 0px 0px;
    opacity: 0;
    position: absolute;
    top: 100%;
    text-align: left;
    visibility: hidden;
    width: 240px;
    z-index: 999;
}
.navbar-nav .sub-menu .sub-menu {
    left: 100%;
    top: 0%;
    margin-top: 0px;
}
.navbar-nav .sub-menu > li {
    float: left;
    list-style: none;
    position: relative;
    width: 100%;
}
.navbar-nav .sub-menu > li > a {
    border-bottom: 1px solid #f8f8f8;
    color: #262626;
    float: left;
    font-size: 14px;
    font-weight: 400;
    padding: 13px 25px;
    width: 100%;
}
.navbar-nav .sub-menu > li:last-child > a { border: none; }
.navbar-nav li a[title]:after {
    content: attr(title);
    padding: 0px 6px;
    color: #fff;
    float: right;
    font-weight: bold;
    z-index: 20;
    white-space: nowrap;
    font-size: 12px;
    border-radius: 2px;
    background-color: #f54b0f;
    opacity: 1;
    margin: -6px 0px 0px 7px;
}
.navbar-nav > li.automechanic-megamenu-li { position: static; }
.automechanic-megamenu {
    position: absolute;
    left: 0%;
    top: 100%;
    width: 100%;
    text-align: left;
    background-color: #fff;
    padding: 28px 30px 10px 30px;
    margin: 0px 0px 0px 0px;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
}
.navbar-nav > li:hover .automechanic-megamenu {
    opacity: 1;
    visibility: visible;
}
.automechanic-megamenu li { list-style: none; }
.automechanic-megamenu li h4 {
    text-transform: uppercase;
    margin-bottom: 2px;
    font-weight: bold;
}
.automechanic-thumbnail {
    display: block;
    margin-bottom: 20px;
    margin-top: 10px;
}
.automechanic-thumbnail img {
    width: 100%;
}
/* Mega Menu List */
.automechanic-megalist {
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
}
.automechanic-megalist li {
    float: left;
    width: 100%;
    list-style: none;
    border-bottom: 1px solid #f8f8f8;
    position: relative;
}
.automechanic-megalist li a {
    border-bottom: 1px solid #f8f8f8;
    color: #262626;
    float: left;
    font-size: 14px;
    font-weight: 400;
    padding: 13px 0px;
    width: 100%;
}
.automechanic-megalist li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}
/*automechanic-banner*/
.automechanic-banner-text,.automechanic-banner {
    float: left;
    width: 100%;
}
.automechanic-banner {
    position: relative;
    overflow: hidden;
}
.automechanic-banner-caption {
    position: absolute;
    left: 0px;
    top: 50%;
    margin: -236px 0 0;
    width: 100%;
}
.automechanic-shape-transparent {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    opacity: 0.8;
}
.automechanic-shape-transparent:before {
    content: '';
    position: absolute;
    left: -169px;
    top: 0px;
    border-bottom: 751px solid;
    border-left: 170px solid transparent;
}
.automechanic-banner-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
}
.automechanic-banner-text {
    text-align: center;
    padding: 87px 75px 0px 0px;
}
.automechanic-banner-text h1 {
    margin: 0px 0px 44px;
    font-weight: bold;
    font-size: 55px;
    color: #ffffff;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.automechanic-banner-text h1 span {
    font-weight: 400;
    font-size: 35px;
    display: block;
    margin: 2px 0px 12px;
    text-transform: none;
}
.automechanic-classic-btn {
    display: inline-block;
    border: 1px solid #ffffff;
    color: #ffffff;
    border-radius: 2px;
    font-size: 18px;
    position: relative;
    padding: 11px 43px 12px 41px;
    overflow: hidden;
}
.automechanic-classic-btn:before {
    content: '';
    position: absolute;
    left: -100px;
    top: 0px;
    width: 40px;
    height: 100px;
    background: rgba(255,255,255,0.4);
}
.automechanic-classic-btn:hover:before { left: 100%;}
.automechanic-classic-btn i {
    float: left;
    font-size: 14px;
    margin: 6px 14px 0px 0px;
}
.automechanic-banner-caption .col-md-5.right { float: right;}
/*automechanic-banner-form*/
.automechanic-banner-form ul li,.automechanic-banner-form,.automechanic-banner-form ul li input[type="text"] {
    float: left;
    width: 100%;
}
.automechanic-banner-form { text-align: center}
.automechanic-banner-form h2 {
    margin: 0px 0px 28px;
    color: #ffffff;
    font-size: 35px;
    letter-spacing: 0px;
    line-height: 0.7;
}
.automechanic-banner-form ul li {
    list-style: none;
    margin: 0px 0px 7px;
    position: relative;
}
.automechanic-banner-form ul li > i {
    position: absolute;
    right: 16px;
    bottom: 12px;
    font-size: 16px;
}
.automechanic-banner-form ul li input[type="text"] {
    font-size: 16px;
    background-color: #ffffff;
    height: 43px;
    padding-left: 23px;
    padding-top: 3px;
    color: #828282;
}
.automechanic-search-select {
    position: relative;
    float: left;
    width: 100%;
}
.automechanic-search-select select {
    font-size: 16px;
    background-color: #ffffff;
    height: 43px;
    padding-left: 21px;
    color: #828282;
    border: none;
}
.automechanic-search-select:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 13px;
    color: #6c6c6c;
    right: 0px;
    bottom: 0px;
    text-align: center;
    position: absolute;
    background-color: #ffffff;
    width: 40px;
    padding: 7px 2px 0 0;
    height: 43px;
    pointer-events: none;
}
.automechanic-banner-form ul li label {
    display: inline-block;
    position: relative;
    margin: 24px 0px 0px;
}
.automechanic-banner-form ul li label i {
    position: absolute;
    left: 20px;
    top: 12px;
    cursor: pointer;
    color: #ffffff;
}
.automechanic-banner-form ul li label input[type="submit"] {
    display: inline-block;
    border: none;
    background-color: #262626;
    color: #ffffff;
    border-radius: 4px;
    padding: 6px 21px 7px 38px;
}
.automechanic-banner-text.automechanic-text-two {
    padding-right: 0px;
    text-align: left;
}
.automechanic-text-two h1 {
    letter-spacing: -0.5px;
    margin: 0 0 22px;
}
.automechanic-list-one,.automechanic-list-one li {
    float: left;
    width: 100%;
}
.automechanic-list-one { margin: 0px 0px 25px;}
.automechanic-list-one li {
    list-style: none;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 12px;
}
.automechanic-list-one li i {
    float: left;
    margin: 8px 15px 0px 0px;
}
.automechanic-banner-text.automechanic-text-three {
    padding-right: 15px;
    text-align: right;
}
.automechanic-text-three h1 {
    font-size: 85px;
    line-height: 1.2;
    margin: 0 0 35px;
}
.automechanic-text-three h2 {
    font-size: 50px;
    color: #ffffff;
    letter-spacing: 0px;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0px 0px 2px;
}
/*Content*/
.automechanic-fancy-title {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0px 0px 60px;
}
.automechanic-fancy-title h2 {
    margin: 0px;
    line-height: 1;
    font-size: 28px;
    font-weight: bold;
}
.automechanic-fancy-title h2 span {
    background-color: #262626;
    color: #ffffff;
    font-size: 26px;
    display: inline-block;
    font-weight: 400;
    position: relative;
    margin: 0px 0px 0px 19px;
    padding: 10px 21px 12px 11px;
}
.automechanic-fancy-title h2 span:before {
    content: '';
    position: absolute;
    left: -24px;
    top: 0px;
    border-bottom: 48px solid #262626;
    border-left: 25px solid transparent;
}
/*automechanic-service*/
.automechanic-service,.automechanic-service-grid-text {
    float: left;
    width: 100%;
}
.automechanic-service > ul > li {
    list-style: none;
    margin: 0px 0px 30px;
}
.automechanic-service-grid-text {
    border: 1px solid #e7e7e7;
    text-align: center;
    padding: 40px 39px;
}
.automechanic-service-grid-text i {
    font-size: 48px;
    display: block;
    margin: 0px 0px 7px;
}
.automechanic-service-grid-text h3 {
    letter-spacing: 0px;
    position: relative;
    display: inline-block;
    padding-bottom: 2px;
    margin: 0px 0px 23px;
}
.automechanic-service-grid-text h3:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -8px;
    width: 90px;
    height: 2px;
    margin-left: -45px;
    background-color: #f3f3f3;
}
.automechanic-service-grid-text p {
    margin: 0px;
    letter-spacing: 0px;
}
/*automechanic-team*/
.automechanic-team,.automechanic-team-modern-text,.automechanic-team-modern figure,.automechanic-team-modern figure a,
.automechanic-team-modern figure a img,.automechanic-team-info li,.automechanic-team-info {
    float: left;
    width: 100%;
}
.automechanic-team > ul > li {
    list-style: none;
    margin: 0px 0px 30px;
}
.automechanic-team-modern figure { margin: 0px;}
.hover-btn i {
    font-size: 15px;
    margin: 0px 10px 0px 0px;
}
.hover-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -11px 0px 0px -63px;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    opacity: 0;
}
.automechanic-team ul li:hover .hover-btn { opacity: 1;}
.automechanic-team-modern figure a {
    position: relative;
    overflow: hidden;
}
.automechanic-team-modern figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #262626;
}
.automechanic-team-modern ul li:hover figure a:before { opacity: 0.9;}
.automechanic-team-modern-text h4 {
    font-weight: bold;
    margin: 0px 0px 19px;
    text-transform: uppercase;
    letter-spacing: 0px;
    border-bottom: 2px solid #ebebeb;
    padding-bottom: 5px;
}
.automechanic-team-modern-text { padding: 19px 0px 0px;}
.automechanic-team-info { margin: 0px;}
.automechanic-team-info li {
    list-style: none;
    margin: 0px 0px 8px;
}
.automechanic-team-info li i {
    float: left;
    margin: 7px 0px 0px;
    font-size: 13px;
}
.automechanic-team-info li i ~ p {
    margin: 0px;
    padding: 0px 0px 0px 23px;
    letter-spacing: 0px;
}
.automechanic-team-info li i ~ time {
    padding-left: 10px;
    float: left;
    line-height: 24px;
    letter-spacing: 0px;
}
.automechanic-call-to-action {
    float: left;
    width: 100%;
    text-align: center;
}
.automechanic-call-to-action h2 {
    float: left;
    margin: 0px;
    color: #ffffff;
    font-size: 60px;
    letter-spacing: 0px;
    line-height: 1.1;
    position: relative;
}
.call-to-action-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.55);
}
.green-color {
    content: '';
    position: absolute;
    left: 0;
    width: 36%;
    height: 0%;
    top: 0;
    border-top: 180px solid rgba(52,142,81,0.8);
    border-right: 77px solid transparent;
}
.white-color {
    content: '';
    position: absolute;
    right: 0;
    width: 36%;
    height: 100%;
    top: 0;
    border-bottom: 180px solid rgba(255,255,255,0.10);
    border-left: 77px solid transparent;
}
.automechanic-call-to-action h3 {
    display: inline-block;
    margin: 0px;
    color: #ffffff;
    font-size: 54px;
    width: 37%;
    letter-spacing: 0px;
    line-height: 0.6;
}
.automechanic-call-to-action h3 strong { font-weight: normal;}
.automechanic-call-to-action h3 > span {
    font-size: 25px;
    text-transform: uppercase;
}
.automechanic-call-to-action h4 {
    float: right;
    color: #ffffff;
    margin: 5px 0px 0px;
    font-size: 33px;
    text-align: center;
    letter-spacing: 0px;
    width: 18%;
    line-height: 30px;
}
.automechanic-call-to-action h4 > span { font-size: 22px;}
/*automechanic-service-title*/
.automechanic-service-title {
    margin: 0px 0px 29px;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0px;
    text-transform: uppercase;
    line-height: 1.2;
}
.automechanic-service-title.color { color: #f54b0f}
.automechanic-service-package {
    padding : 0px 20px 0px 0px;
    margin: 0px 0px 41px;
}
.automechanic-service-package.two { padding : 0px 0px 0px 20px;}
.automechanic-service-package,.automechanic-service-package ul li {
    float: left;
    width: 100%;
}
.automechanic-service-package ul li {
    list-style: none;
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 3px;
    letter-spacing: 0.5px;
    margin: 0px 0px 8px;
}
.automechanic-service-package ul li:last-child { border-bottom: none;}
.automechanic-service-package ul li span { float: right;}
/*automechanic-promo-box*/
.promo-box-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6)
}
.automechanic-promo-caption {
    float: left;
    padding: 0px 60px 0px 67px;
    width: 100%;
}
.automechanic-promo-caption h2 {
    font-family: 'Oswald', sans-serif;
    float: left;
    text-transform: uppercase;
    margin: 22px 0px 0px;
    color: #ffffff;
    font-size: 65px;
    letter-spacing: 0px;
    font-style: italic;
}
.automechanic-promo-caption h2 ~ .automechanic-full-promo-text { padding: 0px 0px 0px 285px; }
.automechanic-full-promo-text h3 {
    margin: 0px 0px 3px;
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}
.automechanic-full-promo-text p {
    margin: 0px 0px 22px;
    font-size: 17px;
    color: #ffffff;
    letter-spacing: 0px;
}
.automechanic-full-promo-text p strong { color: #ffffff;}
.automechanic-full-promo-text .appointment-btn {
    float: none;
    display: inline-block;
    margin: 0px;
}
/*automechanic-service-modern*/
.automechanic-service-modern figure,.automechanic-service-modern figure > a,.automechanic-service-modern figure > a img {
    width: 100%;
    float: left;
}
.automechanic-service-modern figure { margin: 0px;}
.automechanic-service.automechanic-service-modern ul li.width { width: 50%;}
.automechanic-service.automechanic-service-modern ul { margin: 0px -7px 0px -8px;}
.automechanic-service.automechanic-service-modern ul li {
    float: left;
    width: 25%;
    padding: 0px 7px 0px 8px;
    margin: 0px 0px 15px;
}
.automechanic-service-modern figure span {
    position: absolute;
    left: 13px;
    top: 13px;
    color: #ffffff;
    background-color: #f54b0f;
    padding: 3px 21px 5px;
    border-radius: 2px;
    z-index: 1;
}
.automechanic-service-modern figure > a { position: relative; overflow: hidden;}
.automechanic-service-modern figure > a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.0);
}
.automechanic-service-modern ul li:hover figure > a:before { background: rgba(0,0,0,0.5);}
.automechanic-service-modern figure figcaption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 15px 20px 16px 24px;
    width: 100%;
    background: rgba(0,0,0,0.6);
}
.automechanic-service-modern ul li.width figure figcaption { padding: 23px 44px 21px;}
.automechanic-service-modern figure figcaption h5 a { color: #ffffff;}
.automechanic-service-modern figure figcaption h5 {
    margin: 0px;
    letter-spacing: -0.1px;
    line-height: 1.2;
}
.automechanic-service-modern ul li.width figure figcaption h5 {
    font-size: 28px;
    line-height: 35px;
}
/*Partner-slider*/
.automechanic-partner-slider {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    border-bottom: 2px solid #f4f4f4;
    padding: 48px 0px 33px;
}
.automechanic-partner-slider.automechanic-partner-space {
    border-bottom: none;
    padding-bottom: 24px;
}
.automechanic-partner-slider a {
    display: inline-block;
    opacity: 0.4;
}
.automechanic-partner-slider a:hover { opacity: 1;}
/*slick-arrow*/
.automechanic-partner-slider .slick-arrow {
    position: absolute;
    right: 0px;
    top: 50%;
    font-size: 36px;
    margin: -10px 0px 0px;
    cursor: pointer;
    z-index: 1;
    color: #dedede;
}
.automechanic-partner-slider .slick-arrow-left.slick-arrow { right: auto; left: 0px;}
/*automechanic-shop-classic*/
.automechanic-shop,.automechanic-shop-classic figure,.automechanic-shop-classic figure a,
.automechanic-shop-classic figure a img,.automechanic-shop-classic-text {
    float: left;
    width: 100%;
}
.automechanic-shop > ul > li {
    list-style: none;
    margin: 0px 0px 30px;
}
.automechanic-shop-classic figure { margin: 0px;}
.automechanic-shop-classic figure a { position: relative;}
.automechanic-shop-classic figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0;
}
.automechanic-shop-classic ul li:hover figure a:before { opacity: 0.7;}
.automechanic-shop-classic-text {
    text-align: center;
    padding: 15px 0px 0px;
}
.automechanic-modern-btn {
    display: inline-block;
    position: relative;
}
.automechanic-modern-btn span {
    display: inline-block;
    position: relative;
    border-radius: 4px;
    padding: 5px 17px 6px 21px;
    border: 1px solid;
}
.automechanic-modern-btn:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    border-radius: 4px;
}
.automechanic-shop ul li:hover .automechanic-modern-btn:before { width: 100%;}
.automechanic-shop ul li:hover .automechanic-modern-btn { color: #fff;}
.automechanic-modern-btn span i {
    font-size: 13px;
    float: right;
    margin: 8px 0px 0px 44px;
}
/*automechanic-find-location*/
.automechanic-location-heading {
    font-size: 40px;
    line-height: 0.7;
    margin-bottom: 59px;
    letter-spacing: 0px;
    text-align: center;
}
.automechanic-find-location,.automechanic-location-map,.automechanic-location-form {
    float: left;
    width: 100%;
}
.automechanic-location-map { margin: 0px 0px 35px;}
.automechanic-find-location { margin: 0px 0px 30px;}
.automechanic-location-map #map {
    width: 100%;
    height: 346px;
}
.automechanic-find-location ul li {
    float: left;
    list-style: none;
    width: 25%;
    margin: 0px 0px 20px;
    position: relative;
    padding: 0px 47px 0px 55px;
}
.automechanic-find-location ul li:first-child { padding-left: 42px;}
.automechanic-find-location ul li:last-child { padding-left: 50px;}
.automechanic-find-location ul li:last-child p { letter-spacing: 0.3px;}
.automechanic-find-location ul li:before {
    content: '';
    position: absolute;
    right: -30px;
    top: 24px;
    width: 57px;
    height: 2px;
    background-color: #e8e8e8;
}
.automechanic-find-location ul li:last-child:before { content: none;}
.automechanic-find-location i {
    float: left;
    margin: 4px 0px 0px;
}
.automechanic-find-location i ~ p {
    margin: 0px;
    padding: 0px 0px 0px 22px;
    font-size: 16px;
    letter-spacing: 0.6px;
}
.automechanic-location-form ul li {
    float: left;
    list-style: none;
    margin: 0px 16px 20px 0px;
}
.automechanic-location-form ul li input[type="text"] {
    float: left;
    height: 41px;
    background-color: #ffffff;
    font-size: 16px;
    color: #828282;
    padding-left: 25px;
    width: 517px;
    box-shadow: 1px 2px 0px #efefef;
}
.automechanic-location-form .automechanic-search-select {
    width: 364px;
    box-shadow: 1px 2px 0px #efefef;
}
.automechanic-location-form .automechanic-search-select select,
.automechanic-location-form .automechanic-search-select:after { height: 41px;}
.automechanic-location-form ul li:last-child { margin-right: 0px; float: right;}
.automechanic-location-form ul li label {
    float: right;
    margin: 0px 0 0;
    position: relative;
}
.automechanic-location-form ul li label i {
    position: absolute;
    left: 36px;
    font-size: 14px;
    top: 14px;
    color: #ffffff;
    cursor: pointer;
}
.automechanic-location-form ul li input[type="submit"] {
    border: none;
    color: #ffffff;
    border-radius: 4px;
    padding: 6px 45px 7px 62px;
}
.automechanic-content-padding { padding-bottom: 0px;}
/*Footer*/
.automechanic-footer-one,.automechanic-footer-widget,.widget-about-padding,.widget-service-padding,
.widget-contact-padding {
    float: left;
    width: 100%;
}
.widget-about-padding { padding: 0px 0px 0px 45px;}
.widget-service-padding { padding: 0px 0px 0px 24px;}
.widget-contact-padding { padding: 0px 72px 0px 30px;}
.automechanic-footer-title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
    margin: 0px 0px 29px;
    letter-spacing: 0px;
    line-height: 0.7;
}
.automechanic-footer-widget .widget { margin: 0px 0px 30px;}
.automechanic-footer-widget {
    padding: 80px 0px 10px;
}
/*widget_about_us*/
.widget_about_us ul,.widget_about_us ul li {
    float: left;
    width: 100%;
}
.widget_about_us ul { margin: 0px 0px 18px;}
.widget_about_us ul li {
    list-style: none;
    margin: 0px 0px 18px;
    padding: 0px 0px 0px 19px;
    line-height: 1.2;
    position: relative;
}
.widget_about_us ul li i {
    margin: 2px 13px 0px 0px;
    font-size: 12px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.widget_about_us p { margin: 0px 0px 20px;}
/*widget_service*/
.widget_service ul li {
    float: left;
    width: 100%;
    list-style: none;
    font-size: 16px;
    margin: 0px 0px 12px;
}
.widget_service ul li a {
    padding:  0px 0px 0px 30px;
    position: relative;
    display: block;
}
.widget_service ul li a:before {
    content: "\eb2d";
    font-family: icomoon;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 13px;
}
/*widget_contact*/
.widget_contact ul li {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0px 0px 30px;
}
.widget_contact i {
    float: left;
    margin: 1px 0px 0px;
    width: 29%;
    text-align: center;
    font-size: 42px;
}
.widget_contact a {
    float: left;
    font-size: 16px;
    width: 71%;
    letter-spacing: -0.2px;
    line-height: 20px;
    padding: 0px 0px 0px 12px;
}
/*automechanic-footer-social*/
.automechanic-footer-social,.automechanic-footer-logo {
    float: left;
    width: 100%;
}
.automechanic-footer-social { padding: 15px 0px 0px;}
.automechanic-footer-social li {
    list-style: none;
    float: left;
    margin: 0px 21px 0px 0px;
}
.automechanic-footer-social li a {
    float: left;
    position: relative;
    width: 59px;
    height: 66px;
    text-align: center;
    padding: 12px 0px 0px;
}
.automechanic-footer-social li a:before {
    content: "\e93a";
    font-family: icomoon;
    position: absolute;
    right: 1px;
    font-size: 19px;
    top: 1px;
    color: #ffffff;
}
.automechanic-footer-social li a:after {
    content: "\e93a";
    font-family: icomoon;
    position: absolute;
    left: 0px;
    font-size: 19px;
    bottom: -6px;
    color: #ffffff;
}
.automechanic-footer-social li a:hover:after,.automechanic-footer-social li a:hover:before { color: #383838;}
.automechanic-footer-social li a:hover span { background-color: #383838;}
.automechanic-footer-social li a:hover span i { color: #ffffff;}
.automechanic-footer-social li a span {
    display: inline-block;
    width: 48px;
    height: 48px;
    position: relative;
    z-index: 1;
    text-align: center;
    border-radius: 100%;
    font-size: 20px;
    padding: 10px 0px 0px;
    background-color: #ffffff;
}
.automechanic-footer-logo {
    text-align: center;
    padding: 18px 0px 16px;
    border-left: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
}
.automechanic-footer-links p {
    float: right;
    padding-top: 40px;
    margin: 0px;
    font-size: 22px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0px;
}
/*automechanic-copyright*/
.automechanic-copyright {
    float: left;
    width: 100%;
    padding: 23px 0px 0px;
    text-align: center;
    background-color: #f6f6f6;
    border-top: 2px solid #f4f4f4;
}
.automechanic-copyright p {
    margin: 0px;
    color: #262626;
    letter-spacing: 0.5px;
    font-size: 14px;
}
.automechanic-copyright p a { font-weight: bold;}
/*Footer*/

/*SubHeader*/
.automechanic-subheader {
    float: left;
    width: 100%;
    background-image: url("/theme/extra-images/subheader-img.jpg");
    padding: 70px 0px 69px;
    position: relative;
    background-position: center;
    overflow: hidden;
    background-repeat: no-repeat;
}
.blog-subheader {
    background-image: url("/img/defaults/blog.jpg") !important;
    background-size: cover; 
}
.automechanic-dark-transparent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}
.automechanic-subheader h1 {
    font-size: 40px;
    float: left;
    margin: 0px 0px 1px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 0px;
    line-height: 1.2;
    text-transform: uppercase;
}
.automechanic-subheader h1 > span { font-weight: 400;}
.automechanic-breadcrumb {
    float: right;
    margin: 10px 0px 0px;
}
.automechanic-breadcrumb li {
    float: left;
    list-style: none;
    color: #ffffff;
    font-size: 14px;
    padding: 0px 16px;
    position: relative;
}
.automechanic-breadcrumb li:first-child { padding-left: 0px;}
.automechanic-breadcrumb li:before {
    content: "\f101";
    font-family: FontAwesome;
    position: absolute;
    right: -4px;
    top: 1px;
    font-size: 14px;
    color: #ffffff;
}
.automechanic-breadcrumb li:last-child:before { content: none;}
.automechanic-breadcrumb li a { color: #ffffff;}
/*Blog Detail*/
.automechanic-thumb-heading,.automechanic-blog-thumb,.automechanic-rich-editor {
    float: left;
    width: 100%;
}
.automechanic-blog-thumb { margin: 0px 0px 32px;}
.automechanic-thumb-heading { margin: 0px 0px 30px;}
.automechanic-thumb-heading time {
    float: left;
    font-weight: bold;
    width: 65px;
    color: #ffffff;
    overflow: hidden;
    font-size: 30px;
    text-align: center;
    line-height: 22px;
    padding: 12px 10px 0px;
    position: relative;
    background-color: #262626;
}
.automechanic-thumb-heading time span {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    display: block;
    margin: 13px 0px 0px;
}
.automechanic-thumb-heading time:before {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    border-bottom: 25px solid;
    border-left: 280px solid transparent;
}
.automechanic-thumb-heading time ~ h2 { margin: 0px 0px 5px 90px;}
.automechanic-thumb-heading h2 {
    margin: 12px 0px 5px;
    font-size: 28px;
    letter-spacing: 0px;
    line-height: 1.2;
    text-transform: uppercase;
}
.automechanic-thumb-heading time ~ .automechanic-thumb-option { float: none; margin: 0px 0px 0px 90px;}
.automechanic-thumb-option {
    float: left;
    margin: 0px;
}
.automechanic-thumb-option li {
    float: left;
    margin: 0px 32px 0px 0px;
    list-style: none;
    position: relative;
}
.automechanic-thumb-option li:last-child { margin: 0px;}
.automechanic-thumb-option li:before {
    content: '';
    position: absolute;
    right: -15px;
    top: 12px;
    width: 1px;
    height: 8px;
    background-color: #999999;
}
.automechanic-thumb-option li:last-child:before { content: none;}
.automechanic-thumb-option li i { margin: 0px 6px 0px 0px;}
.automechanic-thumb-option li a { font-size: 14px;}
.automechanic-rich-editor { margin: 0px 0px 7px;}
.automechanic-rich-editor p {
    font-size: 16px;
    margin: 0px 0px 26px;
    letter-spacing: 0px;
    line-height: 26px;
}
blockquote {
    float: left;
    width: 100%;
    margin: 7px 0px 32px;
    border: 2px solid;
    padding: 2px;
    font-size: 24px;
    font-style: italic;
    color: #232323;
    letter-spacing: 0.4px;
    line-height: 30px;
    position: relative;
}
blockquote:before {
    content: "\e926";
    font-family: icomoon;
    position: absolute;
    left: 24px;
    top: 35px;
    font-size: 60px;
    font-style: normal;
    opacity: 0.10;
    color: #262626;
}
blockquote span {
    float: left;
    width: 100%;
    border: 2px solid;
    padding: 34px 56px 25px 40px;
}
blockquote small {
    float: right;
    font-size: 16px;
    color: #262626;
    font-style: normal;
    margin: 27px 0px 0px;
}
blockquote small::before { content: none;}
/*automechanic-post-tags*/
.automechanic-post-tags {
    float: left;
    width: 100%;
    padding: 19px 30px 17px;
    margin: 0px 0px 50px;
}
.automechanic-social-tag,.automechanic-blog-social {
    float: left;
    width: 50%;
}
.automechanic-social-tag span {
    float: left;
    font-size: 16px;
    margin: -2px 13px 0px 0px;
    color: #ffffff;
}
.automechanic-social-tag a {
    font-size: 14px;
    float: left;
    margin: 0px 6px 0px 0px;
    color: #ffffff;
}
.automechanic-blog-social { text-align: right;}
.automechanic-blog-social ul { float: right;}
.automechanic-blog-social ul li {
    float: left;
    list-style: none;
    margin: 0px 0px 0px 10px;
}
.automechanic-blog-social span {
    font-size: 16px;
    margin: 0px 5px 0px 0px;
    color: #ffffff;
}
.automechanic-blog-social a {
    float: left;
    width: 24px;
    height: 24px;
    text-align: center;
    font-size: 14px;
    background-color: #ffffff;
    border-radius: 100%;
    line-height: 1.9;
}
.automechanic-blog-social a.fa-facebook { color: #3b5999;}
.automechanic-blog-social a.fa-twitter { color: #00acee;}
.automechanic-blog-social a.fa-linkedin { color: #0080af;}
.automechanic-blog-social a:hover { color: #ffffff;}
.automechanic-blog-social a.fa-facebook:hover { background-color: #3b5999;}
.automechanic-blog-social a.fa-twitter:hover { background-color: #00acee;}
.automechanic-blog-social a.fa-linkedin:hover { background-color: #0080af;}
/*automechanic-post-tags*/
/*automechanic-prenxt-post*/
.automechanic-prenxt-post,.automechanic-prenxt-post figure a,.automechanic-prenxt-post figure a img,
.automechanic-prev-post,.automechanic-next-post {
    float: left;
    width: 100%;
}
.automechanic-prenxt-post { margin: 0px 0px 8px;}
.automechanic-prenxt-post ul li {
    float: left;
    width: 50%;
    list-style: none;
    margin: 0px 0px 40px;
}
.automechanic-prenxt-post figure {
    width: 90px;
    margin: 0px;
}
.automechanic-prenxt-post figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    border-radius: 100%;
}
.automechanic-prev-post { padding: 0px 18px 0px 11px;}
.automechanic-next-post { padding: 0px 11px 0px 18px;}
.automechanic-prenxt-post figure a img { border-radius: 100%;}
.automechanic-prenxt-post figure a { position: relative;}
.automechanic-prenxt-post figure a i {
    position: absolute;
    top: 50%;
    color: #ffffff;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    font-size: 12px;
    text-align: center;
    padding: 3px 0px 0px;
    margin: -10px 0px 0px;
}
.automechanic-prev-post figure a i { left: -11px;}
.automechanic-next-post figure a i { right: -11px;}
.automechanic-prev-post figure { float: left;}
.automechanic-next-post figure { float: right;}
.automechanic-prev-post figure ~ .automechanic-prev-post-text { padding: 11px 0px 0px 110px; line-height: 1;}
.automechanic-next-post figure ~ .automechanic-next-post-text { padding: 11px 110px 0px 0px; line-height: 1;}
.automechanic-next-post { text-align: right;}
.automechanic-post-arrow {
    color: #666666;
    font-style: italic;
    font-size: 14px;
    display: inline-block;
    margin: 0px 0px 2px;
}
.automechanic-prenxt-post h5 {
    margin: 0px;
    line-height: 1.3;
    letter-spacing: 0px;
}
/*automechanic-prenxt-post*/
/*Section Heading*/
.automechanic-section-heading {
    float: left;
    width: 100%;
    margin: 0px 0px 30px;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.2;
    border-bottom: 1px solid #e7e7e7;
    padding: 0px 0px 14px;
}
/*automechanic-admin-post*/
.automechanic-admin-post {
    float: left;
    width: 100%;
    padding: 20px 30px 20px 20px;
    border: 2px solid #e7e7e7;
    margin: 0px 0px 49px;
}
.automechanic-admin-post figure {
    float: left;
    width: 100px;
    margin: 0px;
}
.automechanic-admin-post figure ~ .automechanic-admin-post-text { padding: 3px 0px 0px 120px;}
.automechanic-admin-post-text h5 {
    margin: 0px;
    font-weight: bold;
    line-height: 1;
    float: left;
    letter-spacing: 0px;
}
.automechanic-admin-post-text span {
    font-size: 12px;
    color: #666666;
    float: left;
    width: 100%;
    margin: 0px 0px 8px;
}
.automechanic-admin-post-text p { margin: 0px;}
.automechanic-social-network {
    float: right;
}
.automechanic-social-network li {
    float: left;
    list-style: none;
    margin: -3px 0px 0px 7px;
    line-height: 1;
}
.automechanic-social-network li a {
    color: #bbbbbb;
    font-size: 18px;
}
.automechanic-social-network li:hover a.fa-facebook-square { color: #3b5999;}
.automechanic-social-network li:hover a.fa-twitter-square { color: #00acee;}
.automechanic-social-network li:hover a.fa-linkedin-square { color: #0080af;}
.automechanic-social-network li:hover a.fa-flickr { color: #3b5999;}
/*Blog List*/
.automechanic-blog.automechanic-related-blog { margin: 0px 0px 19px;}
.automechanic-blog,.automechanic-blog-list figure a,.automechanic-blog-list figure a img {
    float: left;
    width: 100%;
}
.automechanic-blog.automechanic-related-blog > ul > li { margin: 0px 0px 30px;} 
.automechanic-blog > ul > li {
    list-style: none;
    margin: 0px 0px 30px;
}
.automechanic-blog-list figure {
    float: left;
    width: 315px;
    margin: 0px;
}
.automechanic-blog-list figure > span {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #ffffff;
    background-color: #ee3db2;
    line-height: 1.5;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    padding: 1px 6px 0px;
    z-index: 1;
}
.automechanic-blog-list ul li:hover figure > span { opacity: 0;}
.automechanic-blog-list figure a {
    position: relative;
    overflow: hidden;
}
.automechanic-blog-list figure a:before {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #262626;
}
.automechanic-blog-list ul li:hover figure a:before { opacity: 0.8;}
.automechanic-article-btn {
    position: absolute;
    left: calc(50% - 44px);
    top:  calc(50%);
    padding: 0px 24px 2px;
    border-radius: 3px;
    margin-top: -20px;
    background-color: #ffffff;
    font-weight: bold;
    font-size: 14px;
}
.automechanic-blog-list figure ~ .automechanic-blog-list-text {
    margin: 0 0 0 315px;
    padding: 9px 0px 0px 30px;
}
.automechanic-blog-list-text h3 {
    margin: 0px;
    letter-spacing: 0px;
}
.automechanic-blog-list-text time {
    font-size: 12px;
    display: inline-block;
    margin: 0px 0px 13px;
    font-weight: bold;
}
.automechanic-blog-list-text time small {
    color: #777777;
    font-size: 12px;
    margin: 0px 7px 0px 0px;
    text-transform: uppercase;
    font-weight: 400;
}
.automechanic-blog-list-text p {
    font-size: 14px;
    margin: 0px 0px 13px;
    line-height: 26px;
    letter-spacing: 0px;
}
.automechanic-blog-list-text .automechanic-thumb-option li a { color: #777777;}
/*comment area*/
.comments-area,.comment-list,.comment-list li,.comment-list li figure a img,.comment-list > ul > li,.comment-list .thumblist,
.comment-list li img,.thumb-list {
    float: left;
    width: 100%;
}
.thumb-list { margin-bottom: 30px;}
.comment-list .children { 
    margin: 0px;
    padding: 0px 0px 0px 50px;
}
.comment-list > ul > li {
    margin: 0px 0px 0px 0px;
    list-style: none;
}
.comment-list .thumblist > ul                      {margin: 0px;}
.comment-list li                                   {list-style: none;}
.comment-list li figure {
    float: left;
    margin: 0px;
    width: 110px;
    text-align: center;
}
.comment-list li figure img { border-radius: 100%;}
.comment-list > li .thumb-list {
    background-color: #f5f5f5;
    padding: 30px 28px 30px 30px;
}
.comment-list figure ~ .text-holder {
    margin-left: 110px;
    position: relative;
    padding: 7px 0px 0px 20px;
    line-height: 1;
}
.text-holder p {
    margin-bottom: 0px;
    display: inline-block;
    letter-spacing: 0px;
    line-height: 26px;
}
.text-holder h6 {
    line-height: 1.1;
    margin: -2px 0px 2px;
    font-weight: bold;
    letter-spacing: 0.7px;
}
.text-holder .post-date {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    margin: 0px 0px 11px 0px;
    font-weight: bold;
}
.comment-reply-link {
    position: absolute;
    right: 2px;
    top: 9px;
    color: #ffffff;
    padding: 5px 18px 8px;
    font-size: 14px;
    border-radius: 4px;
    font-weight: bold;
}
.comment-reply-link:before {
    content: '';
    position: absolute;
    right: -11px;
    bottom: 3px;
    width: 2px;
    height: 2px;
    background-color: #666666;
}
.comment-reply-link:last-child:before { content: none;}
.comment-reply-link i { font-size: 9px; margin: 0px 0px 0px 3px;}
.comment-list { margin: 0px 0px 18px;}
/* form*/
.comment-respond,.automechanic-full-form textarea {
    float: left;
    width: 100%;
}
.comments-area { margin-top: 0px;}
.comment-respond { margin: 0px 0px 20px;}
.comment-respond form { margin: 0px -12px;}
.comment-respond form p {
    list-style-type: none;
    margin-bottom: 20px;
    padding: 0 12px 0;
    width: 33.333%;
}
.comment-respond form p input[type="text"] {
    background-color: #f6f6f6;
    color: #828282;
    font-size: 14px;
    float: left;
    height: 40px;
    margin: 0;
    padding-left: 15px;
    width: 100%;
}
.comment-respond form > .automechanic-full-form { width: 100%;}
.automechanic-full-form textarea {
    height: 180px;
    color: #141414;
    font-size: 14px;
    padding-left: 15px;
    padding-top: 9px;
    background-color: #f6f6f6;
}
.submit {
    display: inline-block;
    margin: 10px 0px 0px;
    position: relative;
    color: #ffffff;
}
.comment-respond form p .submit input[type="submit"] { padding: 6px 56px 7px 22px;}
.submit input[type="submit"] {
    display: inline-block;
    border: none;
    padding: 8px 56px 9px 22px;
    border-radius: 4px;
    letter-spacing: 1px;
}
.submit i {
    position: absolute;
    right: 22px;
    top: 14px;
    font-size: 13px;
    cursor: pointer;
}
/*SideBar*/
.automechanic-main-content .widget {
    float: left;
    margin: 0px 0px 49px;
}
.automechanic-widget-heading {
    line-height: 1.2;
    margin: 0px 0px 30px;
    border-bottom: 1px solid #e7e7e7;
    letter-spacing: 0px;
    font-size: 18px;
    font-style: italic;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 14px;
}
.widget_search form,.widget_search input[type="text"],.automechanic-widget-heading {
    float: left;
    width: 100%;
}
.widget_search form { position: relative;}
.widget_search input[type="text"] {
    height: 45px;
    font-size: 14px;
    color: #828282;
    padding-left: 16px;
    background-color: #f7f7f7;
}
.widget_search label {
    position: absolute;
    right: 0px;
    top: 0px;
    margin: 0px;
}
.widget_search label:before {
    content: "\e927";
    font-family: icomoon;
    position: absolute;
    right: 15px;
    cursor: pointer;
    bottom: 9px;
    color: #999999;
}
.widget_search label input[type="submit"] {
    width: 50px;
    height: 45px;
    background-color: transparent;
    border: none;
}
/*widget_popular_post*/
.widget_popular_post ul li {
    float: left;
    width: 100%;
    list-style: none;
    margin: 0px 0px 21px;
    line-height: 1;
}
.widget_popular_post ul li:last-child { margin: 0px;}
.widget_popular_post time {
    font-size: 12px;
    font-weight: bold;
    margin: 0px 0px 8px;
    display: inline-block;
}
.widget_popular_post h6 {
    letter-spacing: 0px;
    line-height: 20px;
    margin: 0px;
}
/*widget_recent_comment*/
.widget_recent_comment figure a,.widget_recent_comment figure a img,.widget_recent_comment ul li {
    float: left;
    width: 100%;
}
.widget_recent_comment ul li {
    list-style: none;
    margin: 0px 0px 30px;
    line-height: 1;
}
.widget_recent_comment ul li:last-child { margin: 0px;}
.widget_recent_comment figure {
    float: left;
    margin: 0px;
    width: 60px;
}
.widget_recent_comment figure a { position: relative;}
.widget_recent_comment figure a:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 0px;
    height: 100%;
    opacity: 0.6;
}
.widget_recent_comment ul li:hover figure a:before { width: 100%;}
.widget_recent_comment figure ~ .widget-recent-comment-text {
    padding: 0px 0px 0px 75px;
    margin: -2px 0px 0px;
}
.widget-recent-comment-text h6 {
    margin: 0px 0px 4px;
    line-height: 20px;
    letter-spacing: 0px;
}
.widget-recent-comment-text span {
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
}
/*widget_recent_post*/
.widget_recent_post figure a,.widget_recent_post figure a img,.widget_recent_post > ul > li {
    float: left;
    width: 100%;
}
.widget_recent_post > ul > li {
    list-style: none;
    margin: 0px 0px 30px;
    line-height: 1;
}
.widget_recent_post ul li:last-child { margin: 0px;}
.widget_recent_post figure {
    float: left;
    margin: 0px;
    width: 60px;
}
.widget_recent_post figure a { position: relative;}
.widget_recent_post figure a i {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #ffffff;
    font-size: 14px;
    color: #ffffff;
    margin: -8px 0px 0px -4px;
    opacity: 0;
}
.widget_recent_post ul li:hover figure a i { opacity: 1;}
.widget_recent_post figure a img { border-radius: 100%;}
.widget_recent_post figure a:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 100%;
}
.widget_recent_post ul li:hover figure a:before { opacity: 0.8;}
.widget_recent_post figure ~ .widget-recent-post-text {
    padding: 0px 0px 0px 75px;
    margin: -2px 0px 0px;
}
.widget-recent-post-text h6 {
    margin: 0px 0px 3px;
    line-height: 20px;
    letter-spacing: 0px;
}
.widget-recent-post-text .automechanic-thumb-option li { line-height: 1;}
.widget-recent-post-text .automechanic-thumb-option li a { font-size: 12px;}
.widget-recent-post-text .automechanic-thumb-option li i { margin: 0px 3px 0px 0px;}
.widget-recent-post-text .automechanic-thumb-option li { margin: 0px 19px 0px 0px;}
.widget-recent-post-text .automechanic-thumb-option li::before {right: -10px; top: 5px;}
/*widget_categories*/
.widget_categories ul li {
    float: left;
    width: 100%;
    line-height: 1;
    list-style: none;
    font-size: 16px;
    margin: 0px 0px 25px;
}
.widget_categories ul li:last-child { margin: 0px;}
.widget_categories ul li a { display: block;}
.widget_categories ul li:hover a { padding-left: 10px;}
.widget_categories ul li a i {
    float: left;
    margin: 1px 15px 0px 0px;
    font-size: 13px;
}
.widget_categories ul li a span { float: right;}
/*widget_gallery*/
.widget_gallery ul { margin: 0px -10px 0px 0px;}
.widget_gallery ul li {
    float: left;
    width: 33.333%;
    list-style: none;
    padding: 0px 10px 10px 0px;
}
.widget_gallery figure,.widget_gallery figure a ,.widget_gallery figure a img {
    float: left;
    width: 100%;
}
.widget_gallery figure { margin: 0px;}
.widget_gallery figure a {
    position: relative;
    overflow: hidden;
}
.widget_gallery figure a:before {
    content: '';
    position: absolute;
    left: 0%;
    top: 0px;
    width: 0%;
    height: 100%;
    opacity: 0.8;
}
.widget_gallery ul li:hover figure a:before { width: 100%;}
.widget_gallery figure a i {
    position: absolute;
    left: 0%;
    top: 50%;
    font-size: 16px;
    color: #ffffff;
    opacity: 0;
    margin: -9px 0px 0px -4px;
}
.widget_gallery ul li:hover figure a i {
    opacity: 1;
    left: 50%;
}
/*widget_sort_cetagories*/
.widget_sort_cetagories ul li {
    float: left;
    width: 100%;
    margin: 0px 0px 26px;
    list-style: none;
    line-height: 1;
}
.widget_sort_cetagories ul li:last-child { margin: 0px;}
.widget_sort_cetagories ul li a {
    display: block;
    padding: 0px 0px 0px 26px;
    position: relative;
}
.widget_sort_cetagories ul li a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 2px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid;
}
.widget_sort_cetagories ul li a:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 5px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
}
.widget_sort_cetagories ul li:hover a:after { opacity: 1;}
/*widget_popular_products*/
.widget_popular_products ul li,.widget_popular_products figure a,.widget_popular_products figure a img,
.widget-products-text span {
    float: left;
    width: 100%;    
}
.widget_popular_products ul li {
    margin: 0px 0px 30px;
    list-style: none;
}
.widget_popular_products ul li:last-child { margin: 0px;}
.widget_popular_products figure {
    float: left;
    width: 60px;
    margin: 0px;
}
.widget_popular_products figure img {
    border-radius: 100%;
    border: 1px solid #eeeeee;
}
.widget_popular_products figure ~ .widget-products-text {
    padding: 3px 0px 0px 75px;
    line-height: 1;
}
.widget-products-text h6 {
    letter-spacing: 0px;
    margin: 0px;
    line-height: 1;
}
.widget-products-text .star-rating {
    margin-bottom: 0px;
    width: 46%;
}
.widget-products-text span { font-size: 14px;}

/*SideBar*/
/*automechanic-blog-grid*/
.automechanic-blog-grid figure,.automechanic-blog-grid figure a,.automechanic-blog-grid figure a img,
.automechanic-blog-grid-text {
    float: left;
    width: 100%;
}
.automechanic-blog-grid figure { margin: 0px;}
.automechanic-blog-grid figure a {
    position: relative;
    overflow: hidden;
}
.automechanic-blog-grid figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.15);
}
.automechanic-blog-grid figure a:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #262626;
}
.automechanic-blog-grid ul li:hover figure a:after { opacity: 0.8;}
.automechanic-blog-grid figure a i {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #ffffff;
    z-index: 1;
    font-size: 35px;
    margin: -15px 0px 0px -15px;
    opacity: 0;
}
.automechanic-blog-grid ul li:hover figure a i { opacity: 1;}
.automechanic-blog-grid figure time {
    position: absolute;
    left: 10px;
    top: 10px;
    font-weight: bold;
    width: 65px;
    color: #ffffff;
    overflow: hidden;
    font-size: 30px;
    text-align: center;
    line-height: 22px;
    padding: 12px 10px 0px;
    background-color: #262626;
}
.automechanic-blog-grid ul li:hover figure time { opacity: 0;}
.automechanic-blog-grid figure time span {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    display: block;
    margin: 13px 0px 0px;
}
.automechanic-blog-grid figure time:before {
    content: '';
    position: absolute;
    right: 0px;
    bottom: 0px;
    border-bottom: 25px solid;
    border-left: 280px solid transparent;
}
.automechanic-blog-grid-text { padding: 18px 0px 0px;}
.automechanic-blog-grid-text > span {
    font-weight: bold;
    display: inline-block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0px 0px 1px;
}
.automechanic-blog-grid-text > span small {
    color: #777777;
    font-size: 12px;
    margin: 0px 7px 0px 0px;
    font-weight: 400;
}
.automechanic-blog-grid-text .automechanic-thumb-option { float: right; margin: 0px 20px 0px 0px;}
.automechanic-blog-grid-text .automechanic-thumb-option li i { font-size: 10px; margin: 0px 4px 0px 0px;}
.automechanic-blog-grid-text .automechanic-thumb-option li { margin: 0px 27px 0px 0px;}
.automechanic-blog-grid-text .automechanic-thumb-option li:last-child { margin: 0px;}
.automechanic-blog-grid-text .automechanic-thumb-option li a { font-size: 12px;}
.automechanic-blog-grid-text .automechanic-thumb-option li::before { right: -14px;}
.automechanic-blog-grid-text h3 {
    letter-spacing: 0px;
    margin: 0px 0px 19px;
    line-height: 1;
}
.automechanic-blog-grid-text p {
    line-height: 26px;
    margin: 0px 0px 23px;
    letter-spacing: 0px;
}
.automechanic-blog ul li:hover .automechanic-modern-btn:before { width: 100%;}
.automechanic-blog ul li:hover .automechanic-modern-btn { color: #ffffff;}
.automechanic-blog .automechanic-modern-btn span i { margin: 8px 0px 0px 15px;}
.automechanic-blog .automechanic-modern-btn span { padding: 3px 20px 3px 22px}
/*pagination*/
.automechanic-pagination,.automechanic-pagination > ul {
    float: left;
    width: 100%;
}
.automechanic-pagination {
    margin: 34px 0 40px;
    text-align: center;
}
.automechanic-pagination > ul > li {
    display: inline-block;
    list-style: none;
    margin: 0 5px 0 0;
    vertical-align: middle;
}
.automechanic-pagination > ul > li > .previous span i { display: inline-block;}
.automechanic-pagination > ul > li > .previous,
.automechanic-pagination > ul > li > .next {
    line-height: 1.5;
    font-size: 13px;
    padding: 8px 0px 0px;
    color: #ffffff;
    border-radius: 4px;
    border: 2px solid #33a163;
    height: 41px;
    width: 40px;
}
.automechanic-pagination > ul > li:hover > .previous,
.automechanic-pagination > ul > li:hover > .next { background: #ffffff;}
.automechanic-pagination > ul > li > a:hover,.automechanic-pagination > ul > li > span.current { color: #fff;}
.automechanic-pagination > ul > li > span { color: #ffffff;}
.automechanic-pagination > ul > li > a,.automechanic-pagination > ul > li > span {
    color: #262626;
    font-size: 15px;
    float: left;
    font-weight: 600;
    line-height: 2.6;
    padding: 0px 0px 0px;
    height: 41px;
    width: 40px;
    border-radius: 4px;
    border: 1px solid;
}
/*pagination*/
/*Blog Large*/
.automechanic-blog-large figure,.automechanic-blog-large figure a,.automechanic-blog-large figure a img,
.automechanic-blog-large-text {
    float: left;
    width: 100%;
}
.automechanic-blog-large figure { margin: 0px;}
.automechanic-blog-large figure a {
    position: relative;
    overflow: hidden;
}
.automechanic-blog-large figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #262626;
}
.automechanic-blog-large ul li:hover figure a:before { opacity: 0.8;}
.automechanic-blog-large figure a i {
    position: absolute;
    left: 50%;
    top: 50%;
    color: #ffffff;
    z-index: 1;
    font-size: 35px;
    margin: -15px 0px 0px -15px;
}
.automechanic-blog-large-text { padding: 32px 0px 0px 0px;}
.automechanic-blog-large-text p {
    margin: 0px 0px 23px;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 26px;
}
/*automechanic-portfolio-heading*/
.automechanic-portfolio-padding { padding-bottom: 0px;}
.automechanic-portfolio-heading,.automechanic-portfolio-thumb,.automechanic-portfolio-option {
    float: left;
    width: 100%;
}
.automechanic-portfolio-heading { margin: 0px 0px 25px;}
.automechanic-portfolio-heading h2 {
    margin: 0px 0px 3px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 1;
    letter-spacing: 0px;
}
.automechanic-portfolio-heading span {
    font-size: 16px;
    color: #999999;
}
.automechanic-portfolio-thumb { margin: 0px;}
.automechanic-portfolio-option {
    background-color: #f7f7f7;
    padding: 21px 30px 9px 30px;
    margin: 0px 0px 32px;
}
.automechanic-portfolio-option li {
    display: inline-block;
    vertical-align: top;
    margin: 0px -4px 13px 0px;
    list-style: none;
    width: 33.333%;
}
.automechanic-portfolio-option li h6 {
    font-weight: bold;
    float: left;
    margin: 2px 12px 0px 0px;
    letter-spacing: 0px;
}
.automechanic-portfolio-option li span {
    float: left;
    margin: 0px 0px 0px;
}
/*Portfolio Grid*/
.automechanic-portfolio,.automechanic-portfolio-grid figure,.automechanic-portfolio-grid figure > a,.automechanic-portfolio-grid figure a img {
    float: left;
    width: 100%;
}
.automechanic-portfolio > ul > li {
    list-style: none;
    margin: 0px 0px 30px;
}
.automechanic-portfolio-grid figure {
    margin: 0px;
    overflow: hidden;
}
.automechanic-portfolio-grid figure > a { position: relative;}
.automechanic-portfolio-grid figure > a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-color: #262626;
}
.automechanic-portfolio-grid ul li:hover figure > a:before { opacity: 0.9;}
.automechanic-portfolio-grid figcaption {
    position: absolute;
    left: 0px;
    bottom: 0%;
    margin: 0px 0px 0px;
    padding: 0px 30px 30px;
    width: 100%;
}
.automechanic-portfolio-grid ul li:hover figure figcaption {
    opacity: 0;
    visibility: hidden;
}
.automechanic-portfolio-grid figcaption h4 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0px;
    position: relative;
    text-transform: uppercase;
    margin: 0px 0px 9px;
    line-height: 1;
    padding: 0px 0px 13px;
}
.automechanic-portfolio-grid figcaption h4 a { color: #ffffff;}
.automechanic-portfolio-grid figcaption h4:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 65px;
    height: 2px;
    background: rgba(255,255,255,0.5);
}
.automechanic-portfolio-grid figcaption p {
    margin: 0px;
    color: #ffffff;
    letter-spacing: 0px;
}
.automechanic-portfolio-grid .automechanic-article-btn {
    padding: 4px 32px 3px;
    margin: -17px 0px 0px -67px;
    opacity: 0;
}
.automechanic-portfolio-grid ul li:hover .automechanic-article-btn { opacity: 1;}
/*automechanic-filterable*/
.automechanic-filterable {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0px 0px 50px;
}
.automechanic-filterable ul {
    display: inline-block;
    border-radius: 30px;
}
.automechanic-filterable ul li {
    display: inline-block;
    margin: 0px;
    list-style: none;
}
.automechanic-filterable ul li a {
    font-size: 16px;
    border-radius: 30px;
    display: inline-block;
    width: 200px;
    margin-right: -4px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 6px 0px;
}
.automechanic-filterable ul li a.is-checked {
    background-color: #262626;
    font-weight: bold;
}
/*Portfolio Grid*/
.automechanic-portfolio-medium figure,.automechanic-portfolio-medium figure > a,.automechanic-portfolio-medium figure a img {
    float: left;
    width: 100%;
}
.automechanic-portfolio-medium figure {
    margin: 0px;
    overflow: hidden;
}
.automechanic-portfolio-medium figure > a { position: relative;}
.automechanic-portfolio-medium figure > a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background-color: #262626;
}
.automechanic-portfolio-medium ul li:hover figure > a:before { opacity: 0.9;}
.automechanic-portfolio-medium figcaption {
    position: absolute;
    left: 0px;
    bottom: 0%;
    margin: 0px 0px 0px;
    padding: 0px 30px 30px;
    width: 100%;
}
.automechanic-portfolio-medium ul li:hover figure figcaption {
    opacity: 0;
    visibility: hidden;
}
.automechanic-portfolio-medium figcaption h4 {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0px;
    position: relative;
    text-transform: uppercase;
    margin: 0px 0px 9px;
    line-height: 1;
    padding: 0px 0px 13px;
}
.automechanic-portfolio-medium figcaption h4 a { color: #ffffff;}
.automechanic-portfolio-medium figcaption h4:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 65px;
    height: 2px;
    background: rgba(255,255,255,0.5);
}
.automechanic-portfolio-medium figcaption p {
    margin: 0px;
    color: #ffffff;
    letter-spacing: 0px;
    width: 84%;
}
.automechanic-portfolio-medium .automechanic-article-btn {
    padding: 4px 32px 3px;
    margin: -17px 0px 0px -67px;
    opacity: 0;
}
.automechanic-portfolio-medium ul li:hover .automechanic-article-btn { opacity: 1;}
/*Shop Detail*/
.automechanic-shop-wrap,.automechanic-shop-slide,.automechanic-shop-thumb-list,.automechanic-images-list-layer span {
    float: left;
    width: 100%;
}
.automechanic-images-thumb-layer span img { width: 100%;}
.automechanic-shop-thumb { margin: 0px 0px 10px;}
.automechanic-images-list-layer span { background-color: #f7f7f7;}
.automechanic-shop-thumb-list { text-align: center;}
.automechanic-images-list-layer.slick-slide {
    display: inline-block;
    float: none;
    text-align: center;
}
.slick-slide img { display: inline-block; cursor: pointer;}
.automechanic-images-list-layer span { border: 2px solid #f7f7f7;} 
.automechanic-images-list-layer.slick-slide.slick-current.slick-active span {
    border: 2px solid;
    background-color: transparent;
}
/*automechanic-shop-summery*/
.automechanic-shop-summery,.automechanic-shop-summery > span,.automechanic-shop-summery p,.automechanic-shop-wrap {
    float: left;
    width: 100%;
}
.automechanic-shop-wrap { margin: 0px 0px 94px;}
.automechanic-shop-summery { padding: 9px 0px 0px;}
.automechanic-shop-summery h3 {
    margin: 0px 0px 4px;
    letter-spacing: 0px;
    line-height: 1;
}
.star-rating {
    width: 16%;
    height: 24px;
    line-height: 24px;
    float: left;
    position: relative;
    margin: 0px 3px 7px 0px;
}
.star-rating:before,.star-rating-box:before {
    content: "\f006 \f006 \f006 \f006 \f006";
    font-family: FontAwesome;
    font-size: 12px;
    left: 0px;
    letter-spacing: 4px;
    position: absolute;
    top: 0px;
    color: #f54b0f;
}
.star-rating-box:before                                                 { content: "\f005 \f005 \f005 \f005 \f005";}
.star-rating > .star-rating-box {
    height: 20px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
}
.automechanic-shop-summery small {
    color: #666666;
    float: left;
    line-height: 1.1;
    margin: 4px 0px 0px;
}
.automechanic-shop-summery > span {
    line-height: 1;
    font-size: 20px;
    font-weight: bold;
    margin: 0px 0px 20px;
}
.automechanic-shop-summery > span del {
    font-size: 14px;
    color: #999999;
    float: left;
    margin: 5px 4px 0px 0px;
}
.automechanic-shop-summery p {
    font-size: 16px;
    margin: 0px 0px 23px;
    line-height: 26px;
    letter-spacing: 0px;
}
.automechanic-number-select,.automechanic-shop-cetagories { float: left;}
.automechanic-number-select { margin: 0px 30px 30px 0px;}
.automechanic-number-select label {
    float: left;
    margin: 4px 20px 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #262626;
}
.automechanic-number-select input[type="number"] {
    float: left;
    width: 80px;
    height: 35px;
    text-align: center;
    border: 1px solid #dddddd;
    color: #666666;
    font-size: 15px;
    background-color: transparent;
}
.automechanic-shop-cetagories { margin: 4px 0px 30px;}
.automechanic-shop-cetagories h6 {
    font-weight: bold;
    margin: 0px 16px 0px 0px;
    float: left;
    letter-spacing: 0px;
}
.automechanic-shop-cetagories a {
    float: left;
    font-size: 14px;
    margin: -1px 2px 0px 0px;
}
.automechanic-shop-summery .automechanic-modern-btn {
    float: left;
    line-height: 2;
}
.automechanic-shop-summery .automechanic-modern-btn:hover:before { width: 100%;}
.automechanic-shop-summery .automechanic-modern-btn:hover { color: #fff;}
.automechanic-shop-summery .automechanic-modern-btn span i { margin: 8px 0px 0px 15px;}
.automechanic-shop-summery .automechanic-modern-btn span { padding: 2px 20px;}
/* Shop Tabs */
.automechanic-shop-tabs {
    float: left;
    width: 100%;
    margin: 0px 0px 6px;
}
.automechanic-shop-tabs .nav-tabs {
    float: left;
    border: none;
    border-radius: 30px;
}
.automechanic-shop-tabs .nav-tabs li {
    list-style: none;
    line-height: 1;
    margin: 0 0px 0 0;
    text-align: center;
    position: relative;
}
.automechanic-shop-tabs .nav-tabs > li.active > a,
.automechanic-shop-tabs .nav-tabs > li.active > a:hover,
.automechanic-shop-tabs .nav-tabs > li.active > a:focus {
    color: #ffffff;
    border: none;
    font-weight: bold;
    background-color: #262626;
}
.automechanic-shop-tabs .nav-tabs li a {
    float: left;
    padding: 7px 0px 9px;
    width: 180px;
    font-size: 18px;
    position: relative;
    border: none;
    border-radius: 30px;
    margin: 0px;
    color: #ffffff;
}
.automechanic-shop-tabs .tab-content {
    display: inline-block;
    width: 100%;
    padding-top: 40px;
}
.automechanic-shop-tabs .tab-content .comment-respond { margin: 0px 0px 14px;}
.automechanic-shop-description p {
    margin: 0;
    line-height: 24px;
}
.automechanic-shop-description {
    float: left;
    width: 100%;
    margin: 0px 0px 50px;
}
/*Shop Grid*/
.automechanic-shop-filter {
    float: left;
    width: 100%;
    margin: 0px 0px 50px;
    padding: 14px 10px 16px 20px;
    background-color: #f7f7f7;
}
.automechanic-shop-filter > span {
    font-size: 14px;
    float: left;
    margin: 4px 50px 0px 0px;
}
.automechanic-shop-filter .nav-tabs {
    float: right;
    border: none;
    border-radius: 30px;
    margin: 5px 0px 0px;
}
.automechanic-shop-filter .nav-tabs li {
    list-style: none;
    line-height: 1;
    margin: 0 10px 0 0;
    position: relative;
}
.automechanic-shop-filter .nav-tabs > li.active > a,
.automechanic-shop-filter .nav-tabs > li.active > a:hover,
.automechanic-shop-filter .nav-tabs > li.active > a:focus {
    border: none;
}
.automechanic-shop-filter .nav-tabs li a {
    float: left;
    padding: 0px;
    font-size: 14px;
    position: relative;
    border: none;
    margin: 0px;
    color: #666666;
    background-color: transparent;
}
.automechanic-shop-filter .nav-tabs li a i { display: inline-block;}
.automechanic-shop-filter .nav-tabs li a i.automechanic-interface-12 { font-size: 18px; margin-top: 1px;}
/*slider-range*/
.automechanic-shop-filter form {
    float: left;
    width: 400px;
}
.automechanic-shop-filter form ul li {
    float: left;
    list-style: none;
}
.automechanic-shop-filter form label {
    float: left;
    margin: 0px 17px 0px 0px;
    color: #262626;
    font-size: 14px;
}
#slider-range {
    float: left;
    width: 198px;
    height: 6px;
    background-color: #d8d8d8;
    position: relative;
    margin: 13px 8px 0px 0px;
    border-radius: 10px;
}
.ui-slider .ui-slider-range {
    position: absolute;
    height: 6px;
    top: 0px;
}
#slider-range span {
    width: 12px;
    height: 12px;
    position: absolute;
    top: -3px;
    margin: 0px 0px 0px -1px;
    border: 1px solid #ffffff;
    border-radius: 100%;
}
#slider-range span:last-child { margin: 0px 0px 0px -5px;}
#amount { letter-spacing: 1px;}
.automechanic-shop-filter form input[type="text"] {
    float: left;
    width: 92px;
    font-size: 14px;
    background-color: transparent;
    color: #828282;
}
/*automechanic-shop-grid*/
.automechanic-shop-related { margin-bottom: 10px;}
.automechanic-shop-grid figure,.automechanic-shop-grid figure a,.automechanic-shop-grid figure a img,
.automechanic-shop-grid-text {
    float: left;
    width: 100%;
}
.automechanic-shop-grid figure {
    margin: 0px;
    border: 2px solid #f4f4f4;
}
.automechanic-shop-grid ul li:hover figure { border-color: rgba(38,38,38,0.8);}
.automechanic-shop-grid figure a {
    position: relative;
    overflow: hidden;
}
.automechanic-shop-grid figure a:before {
    content: '';
    position: absolute;
    left: 0%;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #262626;
}
.automechanic-shop-grid ul li:hover figure a:before { opacity: 0.8;}
.automechanic-shop-grid .automechanic-article-btn {
    padding: 3px 25px 4px;
    z-index: 1;
    top: 0px;
    opacity: 0;
}
.automechanic-shop-grid ul li:hover .automechanic-article-btn {
    top: 50%;
    opacity: 1;
}
.automechanic-shop-grid-text {
    text-align: center;
    padding: 3px 0px 23px;
}
.automechanic-shop-grid-text h6 {
    letter-spacing: 0px;
    margin: 0px 0px 2px;
    font-weight: bold;
    text-transform: uppercase;
}
.automechanic-shop-grid-text > span {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 0px 0px 13px;
}
.automechanic-shop-grid-text .automechanic-modern-btn span { padding: 4px 20px 2px;}
.automechanic-shop-grid-text .automechanic-modern-btn span i { margin: 8px 0px 0px 15px;}
/*Shop List*/
.automechanic-shop-list figure a,.automechanic-shop-list figure a img,.automechanic-shop-list-text > span {
    float: left;
    width: 100%;
}
.automechanic-shop-list figure {
    margin: 0px;
    float: left;
    width: 300px;
}
.automechanic-shop-list figure a {
    position: relative;
    overflow: hidden;
}
.automechanic-shop-list figure a:after {
    content: '';
    position: absolute;
    left: 0%;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #262626;
}
.automechanic-shop-list ul li:hover figure a:after { opacity: 0.8;}
.automechanic-shop-list .automechanic-article-btn {
    padding: 2px 25px 3px;
    z-index: 1;
    top: 50%;
    left: calc(50% - 69px);
    opacity: 0;
}
.automechanic-shop-list ul li:hover .automechanic-article-btn {
    opacity: 1;
}
.automechanic-shop-list figure ~ .automechanic-shop-list-text {
    margin: 0px 0px 0px 300px;
    padding: 0px 0px 0px 20px;
    
}
.automechanic-shop-list-text h5 {
    text-transform: uppercase;
    margin: 0px 0px 1px;
    letter-spacing: 0px;
    line-height: 1;
}
.automechanic-shop-list-text > span {
    font-size: 20px;
    font-weight: bold;
    margin: 0px 0px 16px;
}
.automechanic-shop-list-text > span del {
    font-size: 14px;
    color: #999999;    
}
.automechanic-shop-list-text p {
    font-size: 16px;
    margin: 0px 0px 23px;
    float: left;
    letter-spacing: 0px;
    line-height: 26px;
    width: 100%;
}
.automechanic-shop-list-text .automechanic-modern-btn span { padding: 3px 20px;}
.automechanic-shop-list-text .automechanic-modern-btn span i { margin: 8px 0px 0px 15px;}
/*Team Detail*/
.automechanic-team-detail,.automechanic-team-option,.automechanic-automechanic,.automechanic-automechanic ul li,
.automechanic-list-two,.automechanic-list-two li,.automechanic-contact-now,.automechanic-contact-now form,
.automechanic-contact-now ul li input[type="text"],.automechanic-contact-now ul li textarea {
    float: left;
    width: 100%;
}
.automechanic-team-detail { margin: 0px 0px 38px;}
.automechanic-team-thumb {
    float: left;
    width: 300px;
    margin: 0px;
}
.automechanic-team-detail {
    background-color: #f5f5f5;
    padding: 30px 0px 30px 30px;
}
.automechanic-team-thumb-text {
    line-height: 1;
    float: left; 
}
.automechanic-team-thumb-text h5 {
    margin: 0px;
    letter-spacing: 0px;
    line-height: 1.2;
}
.automechanic-team-thumb-text p {
    line-height: 26px;
    margin: 0px 0px 12px;
    letter-spacing: 0px;
}
.automechanic-team-thumb-text > span {
    font-size: 10px;
    margin: 0px 0px 22px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
}
.automechanic-team-option { margin: 0px 0px 21px;}
.automechanic-team-option li {
    float: left;
    margin: 0px 20px 0px 0px;
    list-style: none;
    font-size: 14px;
}
.automechanic-team-option li i {
    float: left;
    margin: 9px 10px 0px 0px;
    font-size: 12px;
}
.automechanic-list-two li {
    list-style: none;
    margin: 0px 0px 20px;
    padding: 0px 0px 0px 36px;
    position: relative;
    line-height: 1;
    font-weight: bold;
}
.automechanic-list-two li:last-child { margin: 0px;}
.automechanic-list-two li i {
    position: absolute;
    left: 0px;
    top: 1px;
}
.automechanic-education { margin: 0px 0px 40px;}
.automechanic-education ul li {
    list-style: none;
    margin: 0px 0px 17px;
}
.automechanic-education ul li:last-child { margin: 0px;}
.automechanic-education h5 {
    margin: 0px 0px 12px;
    letter-spacing: 0px;
}
.automechanic-education p {
    font-size: 16px;
    margin: 0px;
    letter-spacing: 0px;
}
.automechanic-contact-now ul { margin: 0px -12px;}
.automechanic-contact-now ul li {
    float: left;
    width: 33.333%;
    margin: 0px 0px 20px;
    list-style: none;
    padding: 0px 12px;
}
.automechanic-contact-now ul li.automechanic-full-form { width: 100%;}
.automechanic-contact-now ul li input[type="text"] {
    background-color: #f6f6f6;
    height: 40px;
    padding-left: 15px;
    color: #828282;
    font-size: 14px;
}
.automechanic-contact-now ul li textarea {
    background-color: #f6f6f6;
    height: 180px;
    padding-left: 15px;
    color: #141414;
    font-size: 14px;
}
.automechanic-contact-now .submit input[type="submit"] {
    color: #ffffff;
    padding: 12px 53px 13px 20px;
    line-height: 1;
}
/*Team Grid*/
.automechanic-related-members { margin: 0px 0px 18px;}
.automechanic-team-grid-wrap,.automechanic-team-grid-text,.automechanic-team-social,.automechanic-team-grid figure,
.automechanic-team-grid figure a,.automechanic-team-grid figure a img {
    float: left;
    width: 100%;
}
.automechanic-team-grid figure { margin: 0px;}
.automechanic-team-grid figure a {
    position: relative;
    overflow: hidden;
}
.automechanic-team-grid figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #262626;
}
.automechanic-team-grid ul li:hover figure a:before { opacity: 0.8;}
.automechanic-team-grid .automechanic-article-btn {
    padding: 3px 25px 4px;
    z-index: 1;
    top: 0px;
    opacity: 0;
}
.automechanic-team-grid ul li:hover .automechanic-article-btn {
    top: 50%;
    opacity: 1;
}
.automechanic-team-grid-wrap {
    border: 2px solid #f4f4f4;
    border-top: none;
    border-bottom: none;
}
.automechanic-team-grid-text {
    padding: 22px 24px 23px 28px;
    line-height: 1;
}
.automechanic-team-grid-text h5 {
    letter-spacing: 0px;
    margin: 0px;
    font-weight: bold;
    line-height: 1;
}
.automechanic-team-grid-text span {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    margin: 0px 0px 17px;
}
.automechanic-team-grid-text p {
    margin: 0px;
    letter-spacing: 0px;
    line-height: 26px;
}
.automechanic-team-social {
    margin: 0px;
    background-color: #f5f5f5;
}
.automechanic-team-social li {
    float: left;
    margin: 0px;
    list-style: none;
    width: 25%;
}
.automechanic-team-social li a {
    width: 100%;
    float: left;
    font-size: 16px;
    text-align: center;
    height: 44px;
    border-right: 1px solid #e8e8e8;
    padding-top: 14px;
}
.automechanic-team-social li a.fa-facebook { color: #3b5999;}
.automechanic-team-social li a.fa-twitter { color: #29c5f6;}
.automechanic-team-social li a.fa-linkedin { color: #0082ca;}
.automechanic-team-social li a.fa-google-plus { color: #d84938;}
.automechanic-team-social li a.fa-facebook:hover { background-color: #3b5999;}
.automechanic-team-social li a.fa-twitter:hover { background-color: #29c5f6;}
.automechanic-team-social li a.fa-linkedin:hover { background-color: #0082ca;}
.automechanic-team-social li a.fa-google-plus:hover { background-color: #d84938;}
.automechanic-team-social li a:hover { color: #ffffff;}
.automechanic-team-social li:last-child a { border-right: none;}
/*Team List*/
.automechanic-team-list figure a,.automechanic-team-list figure a img {
    float: left;
    width: 100%;
}
.automechanic-team-list figure {
    margin: 0px;
    float: left;
    width: 300px;
}
.automechanic-team-list figure a {
    position: relative;
    overflow: hidden;
}
.automechanic-team-list figure a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #262626;
}
.automechanic-team-list ul li:hover figure a:before { opacity: 0.8;}
.automechanic-team-list .automechanic-article-btn { padding: 3px 25px 4px;}
.automechanic-team-list figure ~ .automechanic-team-list-text { margin: 0px 0px 0px 300px;}
.automechanic-team-list-text {
    background-color: #f5f5f5;
    padding: 24px 30px 29px;
    line-height: 1;
}
.automechanic-team-list-text h5 {
    margin: 0px;
    letter-spacing: 0px;
    font-weight: bold;
    line-height: 1.3;
}
.automechanic-team-list-text p {
    letter-spacing: 0px;
    margin: 0px 0px 23px;
    line-height: 26px;
    display: inline-block;
}
.automechanic-team-list-text > a {
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    margin: 0px 0px 21px;
}
.automechanic-team-list-social {
    float: right;
    margin: -11px 0px 0px;
}
.automechanic-team-list-social li {
    float: left;
    list-style: none;
    line-height: 1;
    margin: 0px 0px 0px 14px;
}
.automechanic-team-list-social li a { font-size: 12px;}
.automechanic-team-list-social li a.fa-facebook { color: #3b5999;}
.automechanic-team-list-social li a.fa-twitter { color: #29c5f6;}
.automechanic-team-list-social li a.fa-linkedin { color: #0082ca;}
.automechanic-team-list-social li a.fa-dribbble { color: #ff6fa4;}
.automechanic-team-list-text > .automechanic-modern-btn {
    font-size: 15px;
    line-height: 2;
    margin: 0px;
    font-weight: normal;
}
.automechanic-team-list-text > .automechanic-modern-btn span { padding: 2px 19px 3px;}
.automechanic-team-list-text > .automechanic-modern-btn span i { margin: 8px 0px 0px 15px;}
.automechanic-team ul li:hover .automechanic-modern-btn:before { width: 100%;}
.automechanic-team ul li:hover .automechanic-modern-btn { color: #ffffff;}
/*automechanic-aboutus*/
.automechanic-aboutus,.automechanic-counter,.automechanic-about-thumb {
    float: left;
    width: 100%;
}
.automechanic-aboutus h2 {
    margin: 0px 0px 32px;
    letter-spacing: 0px;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2;
}
.automechanic-aboutus h5 {
    margin: 0px 0px 26px;
    letter-spacing: 0px;
    font-weight: bold;
    line-height: 26px;
}
.automechanic-aboutus p {
    font-size: 16px;
    margin: 0px 0px 26px;
    letter-spacing: -0.1px;
    line-height: 26px;
}
.automechanic-aboutus .appointment-btn {
    float: left;
    margin: 7px 0px 40px;
}
.automechanic-counter {
    border: 1px solid #ececec;
    padding: 27px 0px 31px;
}
.automechanic-counter ul li {
    float: left;
    width: 33.333%;
    text-align: center;
    list-style: none;
    position: relative;
}
.automechanic-counter ul li i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -37px 0px 0px -41px;
    font-size: 78px;
    opacity: 0.06;
    z-index: -1;
    color: #262626;
}
.automechanic-counter ul li:before {
    content: '';
    position: absolute;
    right: 0px;
    top: -8px;
    height: 79px;
    width: 1px;
    background-color: #ececec;
}
.automechanic-counter ul li:last-child:before { content: none;}
.numscroller {
    display: block;
    font-weight: bold;
    font-size: 35px;
    margin: 0px 0px 7px;
}
.automechanic-counter h6 {
    margin: 0px;
    font-weight: bold;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.automechanic-about-thumb { margin: -40px 0px 0px;}
.automechanic-about-thumb img { float: right;}
/*automechanic-testimonial*/
.automechanic-testimonial,.automechanic-testimonial-text {
    float: left;
    width: 100%;
}
.automechanic-testimonial ul { margin: 0px -12px;}
.automechanic-testimonial ul li {
    float: left;
    width: 33.333%;
    list-style: none;
    margin: 0px 0px 30px;
    padding: 0px 12px;
}
.automechanic-testimonial-text {
    padding: 37px 30px 31px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0 6px 30px #dddddd;
}
.automechanic-testimonial-text i {
    font-size: 41px;
    display: inline-block;
    margin: 0px 0px 16px;
}
.automechanic-testimonial-text p {
    margin: 0px 0px 24px;
    font-size: 20px;
    font-style: italic;
    line-height: 28px;
}
.automechanic-testimonial-text figure {
    display: inline-block;
    margin: 0px;
}
.automechanic-testimonial-text figure img {
    border-radius: 100%;
    display: inline-block;
    margin: 0px 0px 7px;
}
.automechanic-testimonial-text figure span {
    color: #666666;
    display: block;
    font-size: 18px;
}
/*automechanic-appointment-form*/
.automechanic-appointment-form,.automechanic-appointment-form form,.automechanic-appointment-form input[type="text"],
.automechanic-appointment-form textarea {
    float: left;
    width: 100%;
}
.automechanic-appointment-form ul { margin: 0px -12px;}
.automechanic-appointment-form ul li {
    float: left;
    width: 33.333%;
    list-style: none;
    margin: 0px 0px 30px;
    padding: 0px 12px;
}
.automechanic-appointment-form ul li > label {
    margin: 0px 0px 15px;
    line-height: 1.2;
    font-size: 18px;
    font-weight: bold;
    color: #262626;
}
.automechanic-appointment-form h2 {
    letter-spacing: 0px;
    margin: 0px 0px 0px;
}
.automechanic-appointment-form ul li.full-width { width: 100%;}
.automechanic-appointment-form input[type="text"],
.automechanic-appointment-form .automechanic-search-select select {
    background-color: #f5f5f5;
    font-size: 12px;
    color: #828282;
    height: 40px;
    padding-left: 15px;
    font-style: italic;
}
.automechanic-appointment-form .automechanic-search-select select {
    padding-left: 13px;
    font-style: normal;
}
.automechanic-appointment-form .automechanic-search-select:after {
    background-color: #f5f5f5;
    height: 40px;
    font-size: 16px;
    color: #666666;
}
.automechanic-appointment-form textarea {
    height: 180px;
    font-size: 12px;
    color: #141414;
    padding-left: 15px;
    background-color: #f5f5f5;
    padding-top: 9px;
    font-style: italic;
}
.automechanic-appointment-form ul li > .submit {
    font-weight: normal;
    font-size: 15px;
    line-height: 1.5;
    color: #ffffff;
    margin: 0px 0px 10px;
    border-radius: 4px;
}
.automechanic-appointment-form ul li > .submit input[type="submit"] {
    background-color: transparent;
    letter-spacing: 0px;
    padding: 9px 52px 10px 20px;
}
.automechanic-appointment-form .submit i { right: 19px;}
/*Contact US*/
.automechanic-contact-us,.automechanic-contact-info,.automechanic-contact-info a {
    float: left;
    width: 100%;
}
.automechanic-contact-us ul { margin: 0px -12px;}
.automechanic-contact-us ul li {
    float: left;
    width: 25%;
    margin: 0px 0px 50px;
    list-style: none;
    padding: 0px 12px;
}
.automechanic-contact-info {
    border: 1px solid #e7e7e7;
    padding: 45px 30px 36px;
    text-align: center;
}
.automechanic-contact-info i {
    display: inline-block;
    width: 50px;
    height: 50px;
    color: #ffffff;
    font-size: 31px;
    padding: 9px 0px 0px;
    border-radius: 3px;
    margin: 0px 0px 22px;
}
.automechanic-contact-info h3 {
    margin: 0px 0px 22px;
    letter-spacing: 0px;
    position: relative;
    padding: 0px 0px 3px;
}
.automechanic-contact-info h3:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 90px;
    height: 2px;
    background-color: #f3f3f3;
    margin: 0px 0px 0px -43px;
}
.automechanic-contact-info p {
    margin: 0px;
    letter-spacing: 0px;
}
/*contact-map*/
.automechanic-contact-form ul li,.automechanic-contact-form input[type="text"],
.automechanic-contact-form textarea {
    float: left;
    width: 100%;
}
.automechanic-contact-map #map {
    width: 100%;
    height: 555px;
}
.automechanic-contact-form {
    position: absolute;
    right: 0px;
    top: 50px;
    width: 50%;
    padding: 29px 30px 10px;
    background-color: #ffffff;
    z-index: 1;
}
.automechanic-contact-form ul li {
    list-style: none;
    margin: 0px 0px 20px;
}
.automechanic-contact-form input[type="text"] {
    height: 39px;
    background-color: #f5f5f5;
    padding-left: 19px;
    font-size: 14px;
    color: #828282;
}
.automechanic-contact-form textarea {
    height: 157px;
    background-color: #f5f5f5;
    padding-left: 19px;
    font-size: 14px;
    color: #141414;
    padding-top: 8px;
}
.automechanic-contact-form .submit { margin-top: 0px;}
.automechanic-contact-form .submit input[type="submit"] {
    letter-spacing: 0px;
    padding: 6px 44px 7px 14px;
}
.automechanic-contact-form .submit i { right: 15px;}
/*404*/
.automechanic-error-wrap {
    width: 608px;
    margin: 0px auto;
    text-align: center;
}
.automechanic-error-text {
    float: left;
    width: 100%;
    padding: 76px 57px 83px;
    border: 5px solid #262626;
    position: relative;
    margin: 0px 0px 40px;
}
.automechanic-error-text h2 {
    font-size: 300px;
    margin: 0px;
    position: absolute;
    left: 33px;
    top: 52px;
    font-weight: bold;
    letter-spacing: 0px;
    opacity: 0.06;
    z-index: -1;
    line-height: 1;
}
.automechanic-error-text .appointment-btn {
    float: none;
    display: inline-block;
}
.automechanic-error-text h3 {
    margin: 0px 0px 2px;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 1;
}
.automechanic-error-text span {
    font-size: 20px;
    display: inline-block;
    margin: 0px 0px 35px;
}
.automechanic-error-text p {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    margin: 0px 0px 7px;
}
/*Faq*/
/*automechanic-faq-tabs*/
.automechanic-faq-tabs {
    text-align: center;
    float: left;
    width: 100%;
}
.automechanic-faq-tabs .nav-tabs {
    display: inline-block;
    border: none;
    border-radius: 30px;
    margin: 0px 0px 44px;
}
.automechanic-faq-tabs .nav-tabs li {
    list-style: none;
    display: inline-block;
    line-height: 1;
    margin: 0 0px 0 0;
    text-align: center;
    position: relative;
}
.automechanic-faq-tabs .nav-tabs > li.active > a,
.automechanic-faq-tabs .nav-tabs > li.active > a:hover,
.automechanic-faq-tabs .nav-tabs > li.active > a:focus {
    color: #ffffff;
    border: none;
    font-weight: bold;
    background-color: #262626;
}
.automechanic-faq-tabs .nav-tabs li a {
    float: left;
    padding: 8px 0px 9px;
    width: 200px;
    font-size: 16px;
    position: relative;
    border: none;
    text-transform: uppercase;
    border-radius: 30px;
    margin: 0px;
    color: #ffffff;
}
/*tab-content*/
.automechanic-faq-tabs .tab-content {
    float: left;
    width: 100%;
}
.automechanic-faq-page,.automechanic-faq-accordion {
    float: left;
    width: 100%;
}
.automechanic-faq-accordion {
    margin-bottom: 40px;
    text-align: left;
}
.automechanic-faq-accordion .panel {
    border: none;
    box-shadow: none;
}
.automechanic-faq-accordion .panel-default > .panel-heading {
    background-color: transparent;
    position: relative;
}
.automechanic-faq-accordion.panel-group .panel-heading + .panel-collapse > .panel-body { border-top: none; }
.automechanic-faq-accordion .panel-title > a {
    position: relative;
    font-size: 18px;
    letter-spacing: 0px;
    display: block;
    padding: 15px 0px 16px 49px;
}
.automechanic-faq-accordion .panel-default .collapsed { color: #242634; }
.automechanic-faq-accordion .panel-body p {
    margin: 0px;
    line-height: 26px;
    letter-spacing: 0px;
}
.automechanic-faq-accordion .panel-heading { padding: 0px 0px 0px 0px; }
.automechanic-faq-accordion.panel-group .panel + .panel { margin-top: 28px; }
.automechanic-faq-accordion .panel-title > a:before,
.automechanic-faq-accordion .panel-title > .collapsed:before {
    content: "\eb2d";
    position: absolute;
    left: 21px;
    top: 18px;
    font-family: icomoon;
    color: #262626;
    font-size: 13px;
    text-align: center;
    padding-top: 2px;
}
.automechanic-faq-accordion .panel-body {
    padding: 0px 60px 22px 49px;
    border: 2px solid;
    border-top: none;
    border-radius: 0px 0px 6px 6px;
}
.automechanic-faq-accordion .panel-title > a {
    border: 2px solid;
    border-bottom: none;
    border-radius: 6px 6px 0px 0px;
}
.automechanic-faq-accordion .panel-title > .collapsed {
    border-bottom: 2px solid #ececec;
    border: 2px solid #ececec;
    border-radius: 6px;
}
/*Modern Gallery*/
.automechanic-gallery,.automechanic-modern-gallery figure,.automechanic-modern-gallery figure > a,
.automechanic-modern-gallery figure a img {
    float: left;
    width: 100%;
}
.automechanic-gallery > ul > li {
    list-style: none;
    margin: 0px 0px 30px;
}
.automechanic-modern-gallery figure {
    margin: 0px;
    overflow: hidden;
}
.automechanic-modern-gallery figure > a { position: relative;}
.automechanic-modern-gallery figure > a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.80;
    background-color: #262626;
}
.automechanic-modern-gallery ul li:hover figure > a:before { opacity: 0.95;}
.automechanic-modern-gallery figure > a i {
    font-size: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    color: #ffffff;
    margin: -18px 0px 0px -17px;
}
.automechanic-modern-gallery figure figcaption {
    position: absolute;
    left: 0px;
    text-align: center;
    top: 50%;
    line-height: 1;
    width: 100%;
    margin: -64px 0px 0px;
    padding: 26px 0px 30px;
    opacity: 1;
    visibility: visible;
}
.automechanic-modern-gallery ul li:hover figure figcaption {
    opacity: 0;
    visibility: hidden;
}
.automechanic-modern-gallery figure figcaption:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0px;
    width: 214px;
    background:rgba(255,255,255,0.5);
    height: 1px;
    margin: 0px 0px 0px -105px;
}
.automechanic-modern-gallery figure figcaption:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    width: 214px;
    background:rgba(255,255,255,0.5);
    height: 1px;
    margin: 0px 0px 0px -105px;
}
.automechanic-modern-gallery figure figcaption span {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    margin: 0px 0px 3px;
    text-transform: uppercase;
}
.automechanic-modern-gallery figure figcaption time {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
}
.automechanic-modern-gallery figure figcaption h2 {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0px;
    margin: 0px 0px 1px;
}
.automechanic-modern-gallery figure figcaption h2 a { color: #ffffff;}
/*automechanic-classic-gallery*/
.automechanic-classic-gallery figure,.automechanic-classic-gallery figure > a,.automechanic-classic-gallery figure a img {
    float: left;
    width: 100%;
}
.automechanic-classic-gallery figure {
    margin: 0px;
    overflow: hidden;
}
.automechanic-classic-gallery figure > a { position: relative;}
.automechanic-classic-gallery figure > a:before {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-color: #262626;
    opacity: 0;
}
.automechanic-classic-gallery ul li:hover figure > a:before { opacity: 0.85;}
.automechanic-classic-gallery figure > a i {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 30px;
    color: #ffffff;
    opacity: 0;
}
.automechanic-classic-gallery ul li:hover figure > a i {
    right: 30px;
    top: 30px;
    opacity: 1;
}
.automechanic-classic-gallery figure figcaption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    line-height: 1;
    padding: 18px 0px 14px 30px;
    background: rgba(38,38,38,0.85);
}
.automechanic-classic-gallery ul li:hover figure figcaption { background: rgba(38,38,38,0);}
.automechanic-classic-gallery figure figcaption span {
    margin: 0px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
}
.automechanic-classic-gallery figure figcaption h3 {
    margin: 0px;
    letter-spacing: 0px;
}
.automechanic-classic-gallery figure figcaption h3 a { color: #ffffff;}
/*automechanic-priceplan*/
.automechanic-priceplan-wrap,.automechanic-priceplan,.automechanic-priceplan-heading,
.automechanic-priceplan-list,.automechanic-priceplan-list ul,.automechanic-priceplan-list ul li {
    float: left;
    width: 100%;
}
.automechanic-priceplan > ul > li {
    list-style: none;
    margin: 0px 0px 40px;
}
.automechanic-priceplan-heading { margin: 0px 0px 27px;}
.automechanic-priceplan-wrap {
    background-color: #f7f7f7;
    text-align: center;
}
.automechanic-priceplan-wrap h3 {
    font-size: 80px;
    display: inline-block;
    letter-spacing: 0px;
    margin: 0px 0px 16px 80px;
    line-height: 1;
    font-weight: bold;
}
.automechanic-priceplan-wrap h3 > small {
    float: left;
    margin: 11px 0px 0px;
    font-size: 18px;
    color: #262626;
    font-weight: bold;
}
.automechanic-priceplan-wrap h3 > span {
    font-size: 16px;
    color: #262626;
}
.automechanic-priceplan-heading {
    position: relative;
    padding: 18px 0px 28px;
}
.automechanic-priceplan-heading:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 174px;
    height: 85px;
}
.automechanic-priceplan-heading:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 324px;
    height: 0;
    border-bottom: 75px solid #262626;
    border-left: 50px solid transparent;
}
.automechanic-priceplan-heading h2 {
    font-size: 26px;
    margin: 0px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0px;
    color: #ffffff;
    position: relative;
    z-index: 1;
}
.automechanic-priceplan-list { padding: 0px 50px 40px;}
.automechanic-priceplan-list ul { margin: 0px 0px 15px;}
.automechanic-priceplan-list ul li {
    list-style: none;
    border-bottom: 1px solid #e0e0e0;
    margin: 0px;
    padding: 16px 0px 17px;
    font-size: 16px;
}
.automechanic-priceplan-list ul li:last-child { border-bottom: none;}
.automechanic-priceplan .automechanic-modern-btn span {
    padding: 4px 20px 5px;
    border: 2px solid #33a163;
}
.automechanic-priceplan .automechanic-modern-btn:before { width: 100%; height: 0px;}
.automechanic-priceplan ul li:hover .automechanic-modern-btn:before { height: 100%;}
.automechanic-priceplan ul li .active .automechanic-modern-btn:before { height: 100%;}
.automechanic-priceplan ul li .active .automechanic-modern-btn { color: #fff;}
.automechanic-priceplan ul li:hover .automechanic-modern-btn { color: #ffffff;}
/*Search Result*/
.automechanic-search-wrap,.automechanic-liststyle-one,.automechanic-liststyle-one li,
.automechanic-search-result form,.automechanic-search-result form input[type="text"] {
    float: left;
    width: 100%;
}
.automechanic-search-wrap { position: relative;}
.automechanic-search-wrap:before {
    content: '';
    float: right;
    margin: -10px -80px 0px 0px;
    width: 630px;
    height: 738px;
    background: url("extra-images/search-result-thumb.jpg");
}
.automechanic-search-result {
    padding: 33px 30px 50px;
    border-radius: 5px;
    position: relative;
    float: left;
    width: 50%;
    margin: 99px 0px 0px;
    background-color: #f5f5f5;
}
.automechanic-search-result:before {
    font-family: icomoon;
    content: "\e920";
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 124px;
    color: #262626;
    line-height: 1;
    opacity: 0.06;
}
.automechanic-search-result h2 {
    margin: 0px 0px 2px;
    font-weight: bold;
    letter-spacing: 0px;
    font-size: 40px;   
}
.automechanic-search-result p {
    margin: 0px 0px 14px;
    letter-spacing: 0px;
    line-height: 26px;
    font-size: 16px;
}
.automechanic-liststyle-one { margin: 0px 0px 19px;}
.automechanic-liststyle-one li {
    list-style: none;
    position: relative;
    margin: 0px 0px 3px;
    font-size: 16px;
    padding-left: 25px;
}
.automechanic-liststyle-one li:before {
    content: "\eb2d";
    font-family: icomoon;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 10px;
}
.automechanic-search-result form input[type="text"] {
    height: 40px;
    background-color: #ffffff;
    font-size: 14px;
    color: #828282;
    padding-left: 15px;
    margin: 0px 0px 20px;
}
.automechanic-search-result form input[type="submit"] {
    padding: 6px 53px 4px 20px;
    font-size: 15px;
}
.automechanic-search-result form i { top: 12px;}
/*automechanic-service-text*/
.automechanic-service-text {
    float: left;
    width: 100%;
}
.automechanic-service-text h2 {
    margin: 0px 0px 21px;
    letter-spacing: 0px;
    font-size: 30px;
}
.automechanic-service-text h2 > span { font-weight: bold;}
.automechanic-service-text h5 {
    margin: 0px 0px 16px;
    letter-spacing: 0px;
    font-weight: bold;
}
.automechanic-service-text p {
    margin: 0px 0px 16px;
    line-height: 26px;
    letter-spacing: 0px;
}
.automechanic-service-text .appointment-btn {
    float: left;
    margin: 6px 0px 0px;
}
/*automechanic-service-medium*/
.automechanic-service.automechanic-service-medium > ul > li { margin: 0px 0px 20px;}
.automechanic-service-medium i {
    display: block;
    margin: 0px 0px 12px;
    font-size: 45px;
}
.automechanic-service-medium h3 {
    margin: 0px 0px 4px;
    letter-spacing: 0px;
}
.automechanic-service-medium p {
    line-height: 26px;
    margin: 0px;
    letter-spacing: 0px;
}