@font-face{font-family:avenirMedium; src:url(../fonts/avenirMedium.ttf)}
@font-face{font-family:avenirRegular; src:url(../fonts/avenirBlack.ttf)}
@font-face{font-family:avenir; src:url(../fonts/avenir.otf)}
@font-face{font-family:avenirLight; src:url(../fonts/avenirLight.ttf)}
/* @font-face{font-family:avenirBook; src:url(../fonts/avenirBook.ttf)} */
@font-face{
	font-family:avenirBook; 
	src:url(../fonts/avenir-book-webfont.eot);
	src:url(../fonts/avenir-book-webfont.eot#iefix) format('embedded-opentype'),
		url(../fonts/avenir-book-webfont.ttf) format('truetype'),
		url(../fonts/avenir-book-webfont.woff) format('woff'),
		url(../fonts/avenir-book-webfont.svg#iconfont) format('svg');
	-webkit-transform: scaleY(0.85);
    transform: scaleY(0.85);
}
@font-face{font-family:ptsarif; src:url(../fonts/ptsarif.ttf)}
@font-face{font-family:ptsarifBold; src:url(../fonts/ptsarifBold.ttf)}@font-face{font-family:prototype; src:url(../fonts/prototype.ttf)}

body {margin: 0;padding: 0;font-family:arial; /* overflow-x:hidden; */ color:#fff;font-size:16px;letter-spacing: 1.5px;background:#0a0a0a;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:none;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h1, h2, h3, h4, h5, p{margin:0; padding:0; font-weight:normal}
a {text-decoration:none; transition:0.3s; color: #fff;}
a:hover {transition:0.3s; color: #7dbdd4;}
html {font-size: 10px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
ul{padding:0;margin:0;list-style:none}

img{max-width:100%; }
.container-fluid{float:left;width:100%;}
.container, .containerTwo, .containerThree {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;width:100%;}
.container:before,.container:after {display: table;content: " ";}
.container:after  {clear: both;}
.row:before,.row:after {display: table;content: " ";}
.row:after  {clear: both;}
.row { /* margin-right: -15px;margin-left: -15px; */ }
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px;float:left;}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.fullWidth{float:left;width:100%;}

h1 {font-size: 19px;color:#9dc0cc;font-family:avenirLight;float: left;width:100%;margin-bottom:30px}
p{line-height: 28px;float:left;width:100%;font-family:avenirBook;-webkit-transform: scaleY(0.85);transform: scaleY(0.85);}
.autoSpecial .row ul{line-height: 28px;float:left;width:100%;font-family:avenirBook;-webkit-transform: scaleY(0.85);transform: scaleY(0.85); padding-left: 40px; list-style: disc; margin-bottom: 30px;}
.autoSpecial .row a:link, .autoSpecial .row a:visited {color: #9dc0cc; text-decoration: underline;}
.autoSpecial .row a:hover {text-decoration: none; color: #9dc0cc;}
.autoSpecial h4 {font-size: 19px; color: #9dc0cc; font-weight: bold;}
p:not(:last-child){margin-bottom: 30px;}

/* Top Navigation Menu */
.navigationbar {background: #111111;}
.callTop {float: left;padding: 25px 0;font-size: 24px;color: #fff;font-family:avenirRegular;}
.callTop a{color: #fff;}
.callTop img {float: left;margin-right: 10px;}
.callTop span > span {float: left;line-height: 24px;}
.navBar {float: right;}

/* Home Banner */
.hHageryLogo .containerThree{position:relative;}
.hbanner{background:url(../images/homeBannerBg.jpg) no-repeat;background-size:cover;background-position:center;min-height:582px;display: flex;justify-content: center;align-items: center;}
.logo {text-align: center;}
.bannerHageryLogo{position: absolute;right: 6px;top: -16px;}

/* L'Cars Automotive Specialties */
.autoSpecial{padding: 50px 0 100px 0;}
.asImage{width:45%;float:left;margin-bottom: 40px;margin-top: 30px; padding-right: 15px;order:1}
.asImage iframe {width:100%;}
.asContent{width:55%;float:right;margin-bottom: 40px;order:2}
.atumotiveSpecialties{background:url(../images/horizontalLine.jpg) no-repeat, url(../images/verticalLine.jpg) repeat-y, url(../images/horizontalLine.jpg) no-repeat;background-position: top right, right center, bottom right;padding-right: 50px;padding-bottom:60px;padding-top:60px;}
.atumotiveSpecialtiesTitle{font-size:23px;color:#fff;font-family:avenirMedium;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;}

/* Normal Content Div */
.content {padding: 100px 0;}

/* Map Section*/
.mapSection {background: linear-gradient(90deg, #373636 50%, transparent 50%);position: relative;}
.mapSection iframe {position: absolute;width: 51%;right: 0;height: 100%;border: 0;}
.mapContent{text-align:center;padding: 60px 30px 40px 30px;float: left;width: 100%;}
.mapCapsText{font-size:23px;color:#fff;text-transform:uppercase;font-family:avenirMedium;line-height: 40px;margin-bottom: 40px;float: left;width: 100%;margin-top: 20px;}
.mapContent p{color:#9dc0cc;font-size:19px;margin-bottom: 40px;}
.readMore {display: inline-block;font-size: 19px;color: #fff;border: 1px solid #ddd;padding: 15px 0;width: 100%;max-width: 200px;text-align: center;}

/* Footer */
.footer{background:#373636;padding: 60px 0 20px 0;}
.fBottom{background:#9dc0cc;padding: 17px 0;margin-bottom: 20px;}
.fBottom, .fBottom a{font-family: avenir;color: #0a0a0a;}
.copyright {float: left;}
.sitemap {float: right;}
.sitemap li {display: inline-block;}
.sitemap li:last-child{border-left:1px solid #000;padding-left:23px;}
.sitemap li:first-child{padding-right:20px}
.fDiv {float: left;}
.fAboutUs {width: 100%;max-width: 20%;}
.fServices {width: 100%;max-width: 25%;}
.fSpecialties {width: 100%;max-width: 30%;}
.fAd {width: 100%;max-width: 240px;float:right;}
.fAd > div {margin-bottom:15px;}
.fLinks li{padding:8px 0}
.fLinks .fTitle {color: #9dc0cc;font-size: 19px;text-transform: uppercase;background:url(../images/fUnderLine.jpg) no-repeat;background-position:left bottom;margin-bottom: 10px;padding-bottom: 15px;}
.fLinks a{font-size:16px;color:#fff;text-transform: uppercase;}
.fLinks a:hover{color: #9dc0cc;}
.fSpecialties .fLinks {margin-bottom: 60px;}
.fContact{float: left;width:100%;font-size: 24px;color: #fff;font-family: avenirRegular;margin-bottom:25px;}
.fContact img{float: left;margin-right: 10px;}
.fContact span span {float: left;line-height: 24px;}
.fSocial li {display: inline-block;}
.fSocial .fFacebook{background:url(../images/socialIcons.png) no-repeat;width:41px;height:41px;float:left;}
.fSocial .fFacebook:hover{background:url(../images/socialIcons.png) no-repeat 0 -44px;}
.fSocial .fYouTube{background:url(../images/socialIcons.png) no-repeat -48px 0px;width:41px;height:41px;float:left;}
.fSocial .fYouTube:hover{background:url(../images/socialIcons.png) no-repeat -48px -44px;}
.fSocial .fInstagram{background:url(../images/socialIcons.png) no-repeat -97px 0px;width:41px;height:41px;float:left;}
.fSocial .fInstagram:hover{background:url(../images/socialIcons.png) no-repeat -97px -44px;}

/* Images Grid */
.servicesList {float: left;width: 20%;}
.servicesRow {float: left;width: 100%;}
.hover {float: left;position: relative;cursor: default;text-align: center;width: 100%;height: 100%;overflow: hidden;}
.hover:hover {cursor:pointer;}
.hover img {
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
display: block;
position: relative;
width: 100%;
filter: grayscale();
}
.hover:hover img {filter: unset;}
.hover .overlay {width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.servicesRow:nth-child(odd) .servicesList:nth-child(odd) .overlay, .servicesRow:nth-child(even) .servicesList:nth-child(even) .overlay{background-color: rgba(0,0,0,.8);}
.servicesRow:nth-child(odd) .servicesList:nth-child(even) .overlay, .servicesRow:nth-child(even) .servicesList:nth-child(odd) .overlay{background-color: rgba(0,0,0,.6);}
.servicesRow .servicesList .hover:hover .overlay {background-color: transparent;}
.hover .info {
text-decoration: none;
border-radius: 0;
opacity: 1;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
font-size:24px;
border: 1px solid #fff;
height:calc(100% - 60px);
width:calc(100% - 60px);
margin: 30px;
position: absolute;
padding: 30px;
left: 0;
top: 0;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-family:avenirBook;-webkit-transform: scaleY(0.85);transform: scaleY(0.85);
}

/* banner bottom Links */
.linkUnderBanner{background: #000;}
.triLinks{float: left;width: calc(100% - 40px);margin-left: 40px;margin-top: 17px;margin-bottom: 17px;}
.triLinks li {margin-right: 20px;float: left;width: calc(33% - 20px);border: 1px solid #8e908f;transform: skewX(-16deg);min-height: 66px;display: flex;justify-content: center;align-items: center;}
.triLinks li a{transform: skewX(16deg);font-family:prototype;font-size:26px;color:#c2c5c3;text-transform:uppercase;width: 100%;height: 100%;position: absolute;align-items: center;justify-content: center;display: flex;}
.triLinks li:nth-child(even) a {color: #7dbdd4;}
.triLinks li:nth-child(even) a:hover {color: #c2c5c3;}
.triLinks li:nth-child(odd) a:hover {color: #7dbdd4;}

/* Inner */
.innerContent h1{font-size: 23px;color: #fff;font-family: avenirMedium;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 10px;}
.innerContent h2{font-size: 19px;color: #9dc0cc;font-family: avenirLight;float: left;width: 100%;margin-bottom: 30px;}
.ibanner {background: #181818;}
.ibanner .containerThree {padding: 23px 0;position: relative;}
.bannerHageryLogo {z-index:1;}
.imagesInRow{float: left;margin-top: 50px;width: 100%;}
.imagesInRow > div {display: inline-block;width: 20%;float: left;padding: 5px;text-align: center;}

/* Responsive */
.mobieView{display:none}
.fixedLogo{display:none;}
@media(min-width:981px){
#cssmenu > ul {display: inline-block !important;float: right;}

/* Sticky Header */
.navbar-fixed-top header{position:fixed;width: 100%;float: left;z-index: 99999;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.navbar-fixed-top header + section{padding-top:74px;}
.navbar-fixed-top .callTop, .fixedLogo{display:none;}
.navbar-fixed-top .fixedLogo{display:inline-block;}
.fixedLogo {padding:15px 0;}
.fixedLogo img {height: 40px;}
}
@media(min-width:1080px){
.container{width:980px}
.containerThree{width:1050px}
}
@media(min-width:1180px){
.container{width:1040px}
}
@media(min-width:1280px){
.containerTwo{width:1220px}
}
@media(min-width:1360px){
.containerThree{width:1340px; margin: 0 auto;}
}
@media(max-width:1360px){
#cssmenu>ul>li>a {padding: 29px 10px;}
.triLinks li a {font-size: 23px;}
}
@media(max-width:1280px){}
@media(max-width:1180px){
.triLinks li {min-height: 50px;}
.triLinks li a {font-size: 20px;}
#cssmenu>ul>li>a {padding: 29px 8px;letter-spacing: 1px;}
.callTop {font-size: 16px;}
.atumotiveSpecialties {padding-right: 20px;padding-bottom: 40px;padding-top: 40px;}
}
@media(max-width:1080px){
.hbanner {min-height: 350px;}
.hover .info {font-size: 20px;height: calc(100% - 30px);width: calc(100% - 30px);margin: 15px;position: absolute;padding: 15px;}
.fAd {max-width: 200px;}
}
@media(max-width:980px){
.deskView{display:none !important}
.mobieView{display:initial}
body {letter-spacing: 1px;}
.callTop {padding: 15px 0;}
.triLinks{width: calc(100% - 20px);margin-left: 20px;}
.triLinks li{margin-right: 10px;width: calc(33% - 10px);}
.triLinks li a{font-size: 16px;letter-spacing: 1px;}
.hover .info {font-size: 16px;}
.atumotiveSpecialties {padding-bottom: 20px;padding-top: 20px;}
.fSpecialties .fLinks {margin-bottom: 30px;}
.fContact > span {display: inline-block;}
.copyright, .sitemap{width:100%;text-align:center;margin: 5px 0;}
.navBar {width: 100%;}
#cssmenu>ul>li>a {padding: 15px 8px;}
.mapSection {background: linear-gradient(90deg, #373636 100%, transparent 0%);}
.mapSection iframe {position: relative;width: 100%;right: 0;height: 400px;border: 0;}
.col-md-6, .col-md-3 {width: 100%;}
.logo img {max-width: 300px;}
.bannerHageryLogo img {max-width: 150px;display: none;}
.bannerHageryLogo {top: 3px;}
.ibanner {display: none;}

.logo {margin-left: 20px;}
.logo img {max-width: 200px;margin-top: 7px;}
#cssmenu > ul > li > ul {background: #313131;}

}
@media(max-width:880px){
.asContent, .asImage{width:100%;}
.asImage{text-align:center;padding-right: 0;}
.atumotiveSpecialties {padding-bottom: 40px;padding-top: 40px;}
.fLinks a {font-size: 13px;}
.fContact {font-size: 18px;}
.fLinks .fTitle {font-size: 16px;}
.fServices {width: 100%;max-width: 25%;}
.fAboutUs {width: 100%;max-width: 16%;}
.hbanner {min-height: 300px;}
}
@media(max-width:767px){
.content {padding: 50px 0;}
.footer {padding: 30px 0;}
.fDiv {max-width: 100%;text-align: center;}
.fDiv:not(:last-child) {margin-bottom: 30px;}
.fLinks .fTitle {background-position: center bottom;}
.fLinks li {padding: 5px 0;}
}
@media(max-width:740px){
.triLinks {width:100%;margin-left: 0;}
.triLinks li {margin-right: 0;width: 100%;}
.triLinks li:not(:last-child) {margin-bottom: 5px;}
.servicesList {width: 50%;}
.copyright, .sitemap {font-size: 15px;}
.copyright{margin-bottom: 15px;}
.mapSection iframe {height: 300px;}
.bannerHageryLogo img {max-width: 100px;}
}
@media(max-width:680px){
.hbanner {min-height: 200px;}
.sitemap li {width: 100%;}
.sitemap li:last-child, .sitemap li:first-child{padding-left: 0;padding-right: 0;border-left: 0;}
.sitemap li:first-child{margin-bottom:10px;}
.imagesInRow > div {padding: 2px;}
.bannerHageryLogo {display: none;}
#cssmenu #menu-button {margin-top: -43px;}
.logo img {max-width: 150px;margin-top: 10px;}
.callTop {font-size: 15px;letter-spacing: 0;}
.callTop img {margin-right: 7px;height: 18px;}

}
@media(max-width:440px){
.callTop{display:none;}
.logo {margin-left: 0;}
#cssmenu #menu-button {margin-top: -41px;}
}
@media(max-width:380px){
.hbanner {min-height:150px;}
.servicesList {width: 100%;}
}