@charset "utf-8";
/* CSS Document */

html {
    margin: 0;
    padding: 0;
    border: 0;
}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1.5;
    background: white;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    float: none !important;
}

table, th, td {
    vertical-align: middle;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
}

blockquote, q {
    quotes: "" "";
}

a img {
    border: none;
}

:focus {
    outline: 0;
}

* {box-sizing: border-box; -mox-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}




@font-face {
    font-family: 'Proxima Nova Bl';
    src: url('../fonts/ProximaNova-Black.eot');
    src: url('../fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Black.woff2') format('woff2'),
        url('../fonts/ProximaNova-Black.woff') format('woff'),
        url('../fonts/ProximaNova-Black.ttf') format('truetype'),
        url('../fonts/ProximaNova-Black.svg#ProximaNova-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova exTh';
    src: url('../fonts/ProximaNova-Extrabld.eot');
    src: url('../fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'),
        url('../fonts/ProximaNova-Extrabld.woff') format('woff'),
        url('../fonts/ProximaNova-Extrabld.ttf') format('truetype'),
        url('../fonts/ProximaNova-Extrabld.svg#ProximaNova-Extrabld') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('../fonts/ProximaNova-Light.eot');
    src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Light.woff2') format('woff2'),
        url('../fonts/ProximaNova-Light.woff') format('woff'),
        url('../fonts/ProximaNova-Light.ttf') format('truetype'),
        url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova smb';
    src: url('../fonts/ProximaNova-Semibold.eot');
    src: url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Semibold.woff') format('woff'),
        url('../fonts/ProximaNova-Semibold.ttf') format('truetype'),
        url('../fonts/ProximaNova-Semibold.svg#ProximaNova-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('../fonts/ProximaNova-Bold.eot');
    src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('../fonts/ProximaNova-Bold.woff') format('woff'),
        url('../fonts/ProximaNova-Bold.ttf') format('truetype'),
        url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* 

    font-family: 'Proxima Nova Bl'; -black
    font-family: 'Proxima Nova exTh';  -  extrathick
    font-family: 'Proxima Nova Lt'; - Light
    font-family: 'Proxima Nova smb'; - samibold
    font-family: 'Proxima Nova Rg'; - bold
    font-family: 'Raleway', sans-serif;
}
*/

body {background:#f7f7f7; font-family: 'Raleway', sans-serif; font-size: 100%; position: relative;z-index: 0; overflow-x: hidden}
.wrapper    {max-width:1720px; width:98%; margin:0 auto;}

header{width: 100%; background: #ffffff; float: left;}

.logo {float: left;width: 354px;margin: 17px 0 15px;}
.logo img{width: 100%}
.headerright {float: right; width: 566px;margin: 34px 0 0;}
.headerright ul{width: 100%; float:left}
.headerright ul li{float:left; display: inline-block}
.headerright ul li.address{float:left;background: url('../images/header-address-icon.png')no-repeat 30px 15px #ffffff;border: 1px solid #dad7d7;margin: 0 30px 0 0;border-radius: 4px;padding: 12px 22px 12px 80px;line-height: 20px;}
.headerright ul li.social{vertical-align: middle;line-height: 68px; margin: 0 0px 0 30px; }
.headerright ul li.social a{    margin-top: 15px;background: url(../images/fb.png) no-repeat; height: 35px; width: 35px;float: left;}
.headerright ul li.social a:hover{background: url(../images/fbhover.png) no-repeat;}
.headerright ul li.call{float: left;background: url(../images/header-phone-icon.png)no-repeat 25px 15px #e43523;color: #ffffff;padding: 15px 25px 15px 70px;border-radius: 4px;line-height: 18px;}
.headerright ul li.call:hover{background: url(../images/header-phone-icon.png)no-repeat 25px 15px #c93020;}
.headerright ul li.call a{color: #ffffff; text-decoration:none}
.headerright ul li.call a span{display: block;font-size: 18px; font-family: 'Proxima Nova smb'; clear:both; }
.headerright ul li.call:hover a span{color: #ffffff; text-decoration: none}

.navigation{float: right;width: 100%; margin: 0; background: #e43523}

/* navigation menu */
a {text-decoration: none;}

div#overlay {display: none;}
a#toggle {position: fixed; top: 25px; right: 10px; width: 47px; height: 47px; background: #e43523; text-align: center; color: white; display: none; transition: all ease-out 0.3s; z-index: 999;}
a#toggle i {position: relative; top: 50%; transform: translateY(-50%); font-size: 20px;}
main#content {padding: 10px;}
#menu ul li i.fa.fa-caret-down.mysubmenu {display:none;}
#menu {text-align: center; transition: all ease-out 0.3s;}
#menu a {color: #ffffff; font-size: 17px; font-family: 'Proxima Nova smb'; text-transform: uppercase}
#menu ul {margin: 0; padding: 0; float:left; width:100%}
#menu ul li {display: inline-block; position: relative; float:left}
#menu ul li:before {content: " ";height: 20px;width: 2px;background: #cb3221;position: absolute;float: right;right: 0;top: 22px;}
#menu ul li:last-child {float:right; background: url('../images/book-a-service-icon.png')no-repeat 25px 18px #161616!important}
#menu ul li:hover:last-child a{background: url(../images/book-a-service-icon.png)no-repeat 25px 18px #b32719!important}
#menu ul li ul li:last-child {float:left; background: none!important}
#menu ul li:last-child:before {display: none}
#menu ul li > a {display: inline-block; padding: 19px 38px 19px;}
#menu ul li:last-child > a {padding: 19px 28px 19px 60px}
#menu ul li ul li:last-child > a {padding:10px 10px 10px 20px;}

#menu ul li > a > i {margin-left: 15px; transition: all ease-out 0.3s; -webkit-transition: all ease-out 0.1s; -moz-transition: all ease-out 0.3s; -ms-transition: all ease-out 0.3s;}
#menu ul li ul {display: none; position: absolute; top: 38px; width: 290px; text-align: left; z-index: 2}
#menu ul li:hover > a > i {transform: rotateZ(90deg); }
#menu ul li:hover ul {display: block;}

#menu ul li.activepg a{color:#ffffff;position: relative;z-index: 0}
#menu ul li.activepg a:after, #menu ul li a:after{content: ''; position: absolute;z-index: 0; width:50px; height:2px; bottom:15px; background: #ffffff; left:50%; margin:  0 0 0 -25px; display: block}
#menu ul li a:after {display: none}
#menu ul li:hover > a:after{content: ''; position: absolute;z-index: 0; width:50px; height:2px; bottom:15px; background: #ffffff; left:50%; margin:  0 0 0 -25px; display: block}
#menu ul li:last-child:hover > a:after{display: none}

#menu ul li ul li:hover > a:after{display: none}

#menu ul li.activepg ul li a:after{display: none}

ul.sub-menu	{background: hsla(6, 78%, 52%, 0.95);top: 63px!important;border: 0px solid #ccc!important;width:100%;}
ul.sub-menu li{margin:0px!important; padding:0px!important;}
#menu ul li ul li{width:100%;display: block;text-transform: inherit;}
#menu ul li ul li:before{display: none}
#menu ul li ul li a{padding:10px 10px 10px 20px; color:#ffffff; display: block; text-transform: inherit}
#menu ul li ul li:hover > a {background: rgba(255,255,255,0.2);color: #ffffff;}
#menu ul li ul li:activepg > a {background: rgba(255,255,255,0.2); color:#f68626}
#menu ul li ul li > a {border-right: 0px solid #666666;}

#menu ul li ul li.activepg a:after{display: none}
#menu ul li ul li:last-child a{background: transparent!important}
#menu ul li ul li:hover:last-child a{background: rgba(255,255,255,0.2)!important}
#menu ul li ul li.activepg a{background: rgba(255,255,255,0.2)!important}


/*banner styles */
#home_banner  {float: none;width: 100%; max-width: 1920px; position: relative;margin: 0 auto;z-index: -1}
#home_banner .bx-pager.bx-default-pager {display: none!important}
#home_banner .bx-controls-direction {position: absolute;z-index: 0;top:48%;width: 100%; height:40px;}
#home_banner .bx-controls-direction .bx-prev {background: url('../images/slider-arrow-left.png')no-repeat 0 0 #000000; width:40px; height: 40px; float:left; font-size:0; opacity:0.5}
#home_banner .bx-controls-direction .bx-next {background: url('../images/slider-arrow-right.png')no-repeat 0 0 #000000; width:40px; height: 40px; float:right; font-size:0; opacity:0.5}
#home_banner .bx-controls-direction .bx-prev:hover {opacity:1}
#home_banner .bx-controls-direction .bx-next:hover {opacity:1}



/*brand slider style */
section.brandslider {width:100%; float:left; background: #e7e7e7}
.brandwrapper {max-width: 1920px;width: 100%;float: none;margin: 0 auto;}
.brandtitlediv {width:330px; float:left; background: #e43624; height: 180px; color: #ffffff; font-size:30px; font-family: 'Proxima Nova exTh'; text-transform: uppercase; padding: 60px 0 0 110px; line-height: 100%;}

.brandsliderdiv {width:1490px; float:left}
.brandsliderdiv .branddiv img {margin: 0 auto}
.brandsliderdiv.slick-dotted.slick-slider {margin:30px 0 0 0}
.brandsliderdiv .slick-prev:before, .brandsliderdiv .slick-next:before{display: none}
.brandsliderdiv .slick-prev{background:url('../images/slider-arrow-left.png')no-repeat 0 0; width:40px; height:40px;}
.brandsliderdiv .slick-next{background:url('../images/slider-arrow-right.png')no-repeat 0 0; width:40px; height:40px;}



/*services section styles */
.servicsection {width:100%; clear:both; float:left}
.servicsection .wrapper{margin-top:50px}
.sectiontitle {font-size: 30px;color: #292929; font-family: 'Proxima Nova exTh'; text-decoration: none; margin: 0; text-align: center; width: 100%; text-transform: uppercase} 
.sectiontext {font-size: 17px; color: #414141; text-align: center; font-family: 'Proxima Nova smb'; width:55%; margin: 0 auto}
.servicecontainer {width:100%; float:left; margin: 60px 0 0}
.servicebox{width:24%; float:left; margin: 0 0.25%; background: #ffffff; padding: 12px 12px 60px 12px; position: relative;z-index: 0}
.servicebox .serviceimg {position: relative;z-index: 0}
.servicebox .serviceimg img{width:100%}

.serviceicon {width: 84px;height: 84px;position: absolute;z-index: 0;right: 20px;bottom: -42px;background: #292929;border: 2px solid #ffffff;border-radius: 50%;}
.servicebox:hover .serviceicon {background: #f03825;}
.serviceicon img{width:100%; max-width: 84px; }
 
.servicebox .servicename{font-size: 20px;color: #323839;font-family: 'Proxima Nova Rg';text-transform: uppercase;position: relative;z-index: 0;line-height: 28px;margin: 40px 10px 70px 25px}
.servicebox .servicename:before{content: '';position: absolute;z-index: 0;width: 6px;height: 60px;background: #f03825;left: -38px;top:-5px;}
.servicebox .servicename:after{content: ''; position: absolute; z-index: 0; width: 49px; height: 5px; background: url('../images/service-name-after.png'); left:0;bottom:-30px;}
.servicebox p {font-size: 15px; color: #414141; margin: 40px 10px 40px 25px; font-weight: 500}
.servicebox span {position: absolute;z-index: 0;bottom: 0;left: 0;width: 100%;background: /*url(../images/service-read-more-arrow.png)no-repeat 95% center */#292929;color: #9d9d9d;text-transform: uppercase;padding: 20px;font-family: 'Proxima Nova smb';}
.servicebox:hover span {background: #f03825; color: #ffffff}
.servicebox span:before {content: '';position: absolute;z-index: 0;background: url(../images/service-read-more-arrow.png)no-repeat 0 0;width: 11px;height: 22px;top: 20px;left: 92%;}

.slick-dots {bottom: -60px}
.servicecontainer .slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 3px solid transparent;outline: none;background: white;border-radius: 50%; }
.servicecontainer .slick-dots li{ margin: 0 15px;}
.servicecontainer .slick-dots li.slick-active button{border: 3px solid #f03825;}
.servicecontainer .slick-dots li:hover button{border: 3px solid #f03825;}
.servicecontainer .slick-dots li button:before {display: none; color: transparent!important}
.servicecontainer ul.slick-dots{margin: 30px 0 0 0; bottom: -60px;}

.servicecontainer .slick-prev:before, .servicecontainer .slick-next:before{display: none}

/* offer seciton start*/
.offersection {background: url(../images/service-section-bg.jpg)no-repeat 0 0;width: 100%;float: left;background-size: cover;margin: -360px auto 210px;position: relative;z-index: -1;}
.offersection .offerwrapper {position: relative;z-index: 0; height: 816px;}
.carimg {position: absolute;z-index: 0; width: 895px; height: 251px; bottom: -30px; left: 50%; margin: 0 0 0 -447px;}
.carimg img{width:100%}
.tyreimg {position: absolute;z-index: 0;width: 264px;height: 267px;bottom: -30px;left:0;margin: 0;}
.engineimg {position: absolute;z-index: 0; width: 237px; height: 257px; bottom: -30px; right:0; margin: 0}
.offerdivbx {width: 306px;border: 5px solid #ffffff;position: absolute;z-index: 10;text-align: center;background: #f03825;left: 50%;margin: 0 0 0 -153px;bottom: -90px;}
.offertext {font-size: 19px; text-transform: uppercase; color: #ffffff; position: relative;z-index: 0; font-family: 'Proxima Nova smb'; margin: 20px 0 40px;}
.offertext:after {content: ''; position: absolute;z-index: 0; background: url('../images/offer-text-after.png')no-repeat 0 0; width:49px; height: 5px; left:50%; bottom:-15px; margin: 0 0 0 -25px;}
.offerdivbx span {clear:both; width:100%; display: block; line-height: 21px; font-size: 19px; text-transform: uppercase; color: #ffffff; position: relative;z-index: 0; font-family: 'Proxima Nova smb'; margin: 20px 0 40px;}
.offerdivbx a.bookservice {background: url(../images/cta-book-service-icoin.png)no-repeat 30px center #ffffff;font-size: 18px;font-family: 'Proxima Nova smb';color: #181617;display: inline-block;padding: 6px 30px 6px 55px;border-radius: 30px;margin:0 0 30px 0;font-family: 'Proxima Nova smb';}
.offerdivbx a:hover.bookservice {background: url(../images/cta-book-service-icoin.png)no-repeat 30px center #eeeeee; text-decoration: underline;}


/* testimonials styles */
section.testimonialsection {width:100%; float:left; background: url('../images/testimonial-bg.jpg')no-repeat 0 0; background-size: cover}
.testimonialleft {float:left; width:50%}
.whychooseusdiv {width:500px; float:right; background:#f03825; padding: 0 55px; position: relative;z-index: 0}
.whychooseusdiv:before {content: ''; position: absolute;z-index: 0; background: url('../images/man-img.png')no-repeat 0 0; width:452px; height: 632px; left:-400px;bottom: 0}
.whychooseusdiv .semisectiontitle{color: #ffffff; font-size:30px;text-transform: uppercase; font-family: 'Proxima Nova exTh'; margin: 60px 0 30px; padding: 0 0 30px 0; border-bottom: 1px solid #d22918}

.whychooseusdiv ul{width:100%; float:left}
.whychooseusdiv ul li{width: 50%; float: left; text-align: center; list-style: none; padding: 20px 10px;border: 1px solid #f03825;}
.whychooseusdiv ul li:first-child{border-bottom: 1px solid #d22918;}
.whychooseusdiv ul li:nth-child(2){border-bottom: 1px solid #d22918; border-left: 1px solid #d22918}
.whychooseusdiv ul li:last-child{border-left: 1px solid #d22918}
.whychooseusdiv ul li span{display: block;text-align: center;color: #ffffff;font-size: 18px;margin: 10px 0;}
.whychooselogobar {width: 100%; float: left; text-align: center; padding: 10px 0 20px 0;}

.testimonialright{float:right; width:50%; padding: 0 80px}
.testimonialright .semisectiontitle {color: #ffffff;font-size: 30px;text-transform: uppercase;font-family: 'Proxima Nova exTh';margin: 60px 0 0;padding: 0 0 30px 0;}

.testimonialright .testimonialtext {background: url('../images/testimonial-text-bg.png')no-repeat right 30px #ffffff; padding: 30px; border-radius:15px; position: relative;z-index: 0; padding: 90px 60px 50px}
.testimonialright .testimonialtext:after {content: '';background: url('../images/testimonial-speech-cloud.png')no-repeat 0 0;position: absolute;z-index:1;width: 58px;height: 50px;bottom: -39px;left: 58px;}
.testimonialright .testimonialtext:before {content: '';background: url(../images/testimonial-quote-img.jpg)no-repeat 0 0;position: absolute;z-index: 1;width: 64px;height: 39px;top: 25px;left: 55px;}
.testimonialright .testimonialtext p{padding: 0; margin: 0; color: #545454; font-size: 16px; }
.testimonialname {font-size: 21px;color: #ffffff;font-family: 'Proxima Nova smb';line-height: 70px;margin: 50px 0 0 60px;}
.testimonialname span{display: inline-block;line-height: normal;float: left;margin: 0 20px 0 0;}
.testimonialright .slick-prev:before, .testimonialright .slick-next:before{display: none}
.testimonialright .slick-prev {background: url(../images/slider-arrow-left.png)no-repeat 0 0;width: 40px;height: 40px;bottom: 0;top: inherit;right: 40px;left: inherit;}
.testimonialright .slick-next{background: url(../images/slider-arrow-right.png)no-repeat 0 0;width: 40px;height: 40px;bottom: 0;top: inherit;}


/*gallery section styles */
.gallerysection {width: 100%; float:left; padding: 60px 0 0}
.gallerycontianer {background: #ffffff;box-shadow: 0 0 10px rgba(0,0,0,0.1);width: 100%;float: left;margin: 15px 0 0;}
.gallerybox {width:100%;float:left;text-align: center;}
.gallerybox .item {width: calc(24% - 10px);margin: 15px 10px;float: none;display: inline-block; position: relative;z-index: 0}
.gallerybox .item:before {content: '';position: absolute;z-index: 1;background: url(../images/gallery-hover.png)no-repeat 0 0;top: 50%;left: 50%;width: 81px;height: 81px;margin: -40px 0 0 -40px; opacity: 0; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}
.gallerybox .item:hover {cursor: pointer}
.gallerybox .item:hover:before {opacity: 1; transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}
.gallerybox .item img{width:100%; filter: grayscale(100%); -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); -moz-filter: grayscale(100%); transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}
.gallerybox .item:hover img{filter: grayscale(0); -webkit-filter: grayscale(0); -ms-filter: grayscale(0); -moz-filter: grayscale(0); transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}

.sectionbtnbar {float:left; width:100%; text-align: center; margin: 30px 0 0 0}
a.blkbtn {background: url(../images/service-read-more-arrow.png)no-repeat 95% center #292929;color: #ffffff;font-size: 18px;padding: 10px 40px 10px 20px;display: inline-block;border-radius: 30px;text-transform: uppercase; font-family: 'Proxima Nova smb'; } 

a.blkbtn:hover {background: url(../images/service-read-more-arrow.png)no-repeat 95% center #f03825;}


/*welcome section styles */
.welcomesection {clear: both; width:100%; float:left}
.welcomesection .wrapper{text-align: center; max-width: 1230px; padding-bottom: 90px;}
.smalltitle {font-family: 'Proxima Nova exTh'; font-size: 20px; color: #292929; margin: 10px 0}
.welcomesection .wrapper p{text-align: center; font-size: 17px; color: #292929;} 
.semititle {font-size: 25px;color: #292929;font-family: 'Proxima Nova exTh';text-decoration: none;margin: 0;text-align: center;width: 100%;text-transform: uppercase; }


/* for gallery styles */
.picshade {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.91;filter: alpha(opacity=91);z-index: 100;display: none;}
.pictures_eyes_close {position: fixed;top: 30px;right: 30px;display: inline-block;width: 26px;height: 26px;background: url(../images/close.png) no-repeat;z-index: 100;display: none;}
.pictures_eyes {position: fixed;width: 100%;left: 0;top: 0;z-index: 199;display: none;}
.pictures_eyes_in {position: relative;text-align: center;}
.pictures_eyes_in img {max-height: 100%; border: 10px solid #ffffff; max-width: 80%}
.pictures_eyes_in .prev, .pictures_eyes_in .next {position: absolute;top: 50%;width: 51px;height: 51px;cursor: pointer;}
.pictures_eyes_in .prev {left: 35px;background: url(../images/Tleft.png) no-repeat;}
.pictures_eyes_in .next {right: 35px;background: url(../images/Tright.png) no-repeat;}
.pictures_eyes_indicators {position: fixed;left: 0;bottom: 15px;width: 100%;text-align: center;z-index: 299; display: none!important}
.pictures_eyes_indicators a {display: inline-block;width: 50px;height: 50px;margin: 6px 3px 0 3px;border: 1px solid #ddd;border-radius: 10px;box-shadow: 0 0 2px #000;filter: alpha(opacity=50);opacity: 0.5;overflow: hidden;}
.pictures_eyes_indicators img { height: 50px; }
.pictures_eyes_indicators .current {filter: alpha(opacity=100);opacity: 1;}

/*cta section styles */
.ctasection {width: 100%; float:left; margin: 60px 0}
.ctabox {background: #292929; width: 100%; float: left; padding: 25px 60px}
.ctaleft{width:230px; float:left}
.ctacenter {width:calc(100% - 750px); float:left; color: #ffffff; font-size: 17px;}
.ctaright{width:450px; float:right}

.ctacenter span {font-size: 30px;color: #ffffff;font-family: 'Proxima Nova exTh';text-decoration: none;margin: 0;text-align: center;width: 100%;text-transform: uppercase;}
.ctabtnbar {width:100%; float:right; margin: 60px 0 0 0}
.ctabtnbar a.phonebtn {background: url('../images/cta-phone-icon.png')no-repeat 30px center #f03825; font-size: 18px; font-family: 'Proxima Nova smb'; color: #ffffff; display: inline-block; padding:6px 30px 6px 55px; border-radius: 30px; margin-right: 15px; font-family: 'Proxima Nova smb';}
.ctabtnbar a.bookservice {background: url('../images/cta-book-service-icoin.png')no-repeat 30px center #ffffff; font-size: 18px; font-family: 'Proxima Nova smb'; color: #181617; display: inline-block; padding:6px 30px 6px 55px; border-radius: 30px; margin-right: 15px; font-family: 'Proxima Nova smb';}
.ctabtnbar a:hover.phonebtn {background: url('../images/cta-phone-icon.png')no-repeat 30px center #d43120; text-decoration:underline}
.ctabtnbar a:hover.bookservice {background: url('../images/cta-book-service-icoin.png')no-repeat 30px center #eeeeee; text-decoration:underline}



/*footer styles */
footer {float: left;width: 100%;background: url(../images/footer-bg.jpg)no-repeat 0 0;background-size: cover;border-top: 3px solid #f03825; position: relative;z-index: 0}
footer:before {content: '';position: absolute;z-index: 0;background: url(../images/cardio-img-footer.png)no-repeat 0 0;width: 47px;height: 51px;top: -25px;left: 80%;}
footer:after {content: '';position: absolute;z-index: 0;background: url(../images/cardio-img-footer.png)no-repeat 0 0;width: 47px;height: 51px;top: -25px;left: 85%;}
footer .wrapper{background: rgba(13, 13, 13, 0.7);padding: 65px 100px 0;border: 1px solid #181a1f;border-top: 0px solid red;}
.footertitle {font-size: 23px;color: #ffffff;text-transform: uppercase;font-family: 'Proxima Nova smb';margin: 0 0 20px 0;}
footer .wrapper ul{width:100%;float:left;margin: 2px 0 0 0;}
footer .wrapper ul li{width:100%;float:left;font-size: 16px;font-family: 'Proxima Nova Lt';position: relative;z-index: 0;list-style: none;margin: 0 0 15px 0;padding: 0 0 0 10px;}
footer .wrapper ul li:before{content: "\f101";position: relative;z-index: 0;font-family: 'FontAwesome';left: -10px;font-size: 16px;color: #ffffff;transition: all 0.3s ease 0s;top: 0px;}
footer .wrapper ul li a{color: #ffffff; text-decoration: none}
footer .wrapper ul li:hover a{color: #f03825; text-decoration: underline;}
footer .wrapper ul li.activepg a{color: #f03825; text-decoration: underline; font-family: 'Proxima Nova smb';}

footer .footerlinks{width:calc(100% - 390px); float: left; border-right:3px double #232425;}
footer .quicklinksdiv{width:294px;float: left;border-right:3px double #232425;padding: 0 38px;}
footer .servicelinksdiv{width:calc(100% - 300px); float: left;}

footer .footercontact{width: 260px; float: right;}
footer .footercontact dl{width: 100%; float: left; margin: 0 0 25px 0;}
footer .footercontact dl dt{width:44px; height:44px; text-align: center; float:left; background: #0d0d0f; border-radius: 50%; border: 1px solid #4a4a4a;; clear: both}
footer .footercontact dl dd{width:calc(100% - 65px); float:right; color: #cecece; font-size: 16px;}
footer .footercontact dl dd a{color: #ffffff; text-decoration: none; font-family: 'Proxima Nova smb'; padding: 8px 0 0; display: block}
footer .footercontact dl.footeremail dd a{color: #ffffff; text-decoration: none; font-family: 'Proxima Nova Lt';}
footer .footercontact dl dd a:hover{color: #f03825; text-decoration: underline}


footer .wrapper .servicelinksdiv {padding: 0 0 0 130px;}
footer .wrapper .servicelinksdiv ul li{width: 50%}


.footerlogosection {width:100%; border-top:1px solid #181a1f; padding: 30px 0 10px; display: block; float:left; margin: 40px 0 0 0}
.footerlogosection ul{float:left; width:100%; text-align: center;}
.footerlogosection ul li {float:none!important; display: inline-block; width:auto!important; display: inline-block; list-style: none}
.footerlogosection ul li:before {display: none}
.footerlogosection ul li:last-child {float: right!important;background: #f03825;width: 315px!important;color: #ffffff;font-size: 20px;padding: 0;line-height: normal;text-align: left;padding: 15px 0 0 55px;}
.footerlogosection ul li:last-child p {display: block; font-size: 17px;}
.footerlogosection ul li:last-child span{background:#e1311f;display: inline-block;float: left;padding: 18px;margin: -15px 15px 0 -55px;}
.footerlogosection ul li:first-child, .footerlogosection ul li:nth-child(2){float:left!important;}

.copyright{color: #ffffff; font-size: 17px; text-align: center; width: 100%; float:left; padding: 20px 0; font-family: 'Proxima Nova Lt';}



/*inner page styles */


.pgtitle {font-size: 30px;color: #292929;font-family: 'Proxima Nova exTh';text-decoration: none;margin: 30px 0 10px;text-align: left;width: 100%;text-transform: uppercase; line-height: 100%}

section.breadcrumb{width: 100%;float: left;background: #ebebeb;border-bottom: 3px solid #f03825; position: relative;z-index: 0}
section.breadcrumb:before {content: '';position: absolute;z-index: 0;background: url(../images/cardio-img.png)no-repeat 0 0;width: 47px;height: 51px;bottom: -29px;left: 80%;}
section.breadcrumb:after {content: '';position: absolute;z-index: 0;background: url(../images/cardio-img.png)no-repeat 0 0;width: 47px;height: 51px;bottom: -29px;left: 85%;}

section.breadcrumb ul{width:100%; float:left; margin: 0 0 20px}
section.breadcrumb ul li{width:auto;display: inline-block;float:left;text-transform: uppercase;color: #f04230;font-size: 15px;position: relative;z-index: 0;margin: 0 50px 0 0; font-family: 'Proxima Nova Rg'; }
section.breadcrumb ul li:after{content: '';position: absolute;z-index: 0;background: url('../images/breadcrumb-arrow.png')no-repeat 0 0;width:8px;height: 9px;top: 6px;right: -27px;}
section.breadcrumb ul li:last-child:after{display: none}
section.breadcrumb ul li a{color: #181617; text-decoration: none}
section.breadcrumb ul li:hover a{color: #181617; text-decoration: underline}

/*gallery page styles*/
.innerpgcontainer {width:100%; float:left; padding:50px 0 50px}
.innerpgcontainer .gallerycontianer{box-shadow: none; border: 1px solid #d7d7d7; padding: 15px;}
.innerpgcontainer .gallerybox .item {width: calc(32.5% - 10px);}
.innerpgcontainer .gallerycontianer .gallerybox {text-align: left;}


/*our services page styles */
.innerservicecontainer {width: 100%;float: left;margin: 60px 0 30px;}
.innerservicecontainer .servicebox {background: #ebebeb;border: 1px solid #bfbfbf;margin: 0 1% 30px;width: 23%;}
.innerservicecontainer .servicebox.guranteebox {background-image: url('../images/service-pg-gurantee-img.png'), url(../images/service-pg-gurantee-bg.jpg);background-repeat: no-repeat, repeat;background-position: 98% 100% , 0 0;width: 48%;padding:50px 50px 0;margin-bottom: 0;}
.servicebox.guranteebox p{padding: 0!important; margin: 0; color: #ffffff; font-size: 20px; font-family: 'Proxima Nova smb';}
.guranteeboxbtnbar {border-bottom: 3px double #3c3c3c; width:100%; float:left; margin: 30px 0 }
.guranteeboxbtnbar a.phonebtn {background: url(../images/gurantee-phone.png)no-repeat 15px center #ffffff;font-size: 18px;font-family: 'Proxima Nova smb';color: #292929;display: inline-block;padding: 12px 30px 12px 70px;border-radius: 10px;margin: 0 15px 30px 0;font-family: 'Proxima Nova smb';}
.guranteeboxbtnbar a.getfreequote {background: url(../images/getfreequote-icon.png)no-repeat 15px center #ffffff;font-size: 18px;font-family: 'Proxima Nova smb';color: #292929;display: inline-block;padding: 12px 30px 12px 70px;border-radius: 10px;margin: 0 15px 30px 0;font-family: 'Proxima Nova smb';}
img.guranteeseal{margin: 0;float:left;width: 186px;}
.servicpg_container {width: 98%; clear: both; background: #ebebeb; border: 1px solid #e1e1e1; margin: 0 auto;padding: 50px;}
.servicpg_container p{text-align: center;color: #292929}



/*testimonial page style*/
.innerpgcontainer .innerleft{width:calc(100% - 455px); float:left}

/*testimonials masonery styles */
.testimonialpg .innerpage_container .innerleft {padding: 0 285px 0 0;}
#container {padding:0; width:100%; float:left}
.testimonialpg .item {border: 1px solid #cccccc;width: 31%;float: left;margin: 0 2% 20px 0;background: url(../images/testimonial-pg-quote.png)no-repeat center 30px #ffffff;}
.testimonialpg .item p{margin: 140px 40px 60px;color: #484f51;font-size: 16px;line-height: 22px;text-align: center;}

.testimonialpg .item .clientname{width: 100%;background: #f1f1f1;float: left;min-height: 102px;text-align: center;padding: 50px 0 0 0;line-height: 18px;color: #181617;font-size: 18px;font-weight: 400;border-top: 3px solid #f03825; font-weight: bold; position: relative;z-index: 0}
.testimonialpg .item .clientname:before{content: '';position: absolute;z-index: 0;background: url(../images/cardio-img.png)no-repeat 0 0;width: 47px;height: 49px;top: -21px;left: 25%;background-size: 40px;}
.testimonialpg .item .clientname:after{content: '';position: absolute;z-index: 0;background: url(../images/cardio-img.png)no-repeat 0 0;width: 47px;height: 49px;top: -21px;left: 25%;background-size: 40px;}


.testimonialcontainer.testimonialpg {background: #f7f7f7;width: 100%;float: left;padding: 35px;border: 1px solid #bfbfbf;}
.rightctablock{text-align: center; background: url('../images/side-bar-cta-bg.jpg')no-repeat 0 0;  width:100%; float:left; margin: 20px 0 0 0; padding: 30px 0; position: relative;z-index: 0; min-height: 390px}

.sidectatext {font-size: 18px; color: #ffffff; padding: 0 20px 20px; font-weight: bold;}
.sidectaimg {position: absolute; z-index: 0; width:298px; height: 267px; left: 50%; margin: 0 0 0 -149px; bottom:-25px}
.sidectaphone {border-radius: 4px;background: url(../images/sidebar-cta-phone.png)no-repeat 10px center #F04230;font-size: 20px;font-family: 'Proxima Nova smb';width: auto;margin: 0 auto;padding: 8px 10px 8px 55px;clear: both;color: #ffffff;}




.innerpgcontainer .innerright{width:455px; float:right; background: #f04230; padding: 30px;}
.servicelistright {width: 100%; float:left;}
.sidebartitle {width: 100%; color: #ffffff; text-transform: uppercase; font-size:30px; font-family: 'Proxima Nova smb'; background: #181617; padding:5px 15px;}
ul.sidebarlink {width: 100%; float:left; background: #ffffff; list-style: none}
ul.sidebarlink li{width: 100%; float:left; position: relative;z-index: 0; border-bottom: 1px solid #dedede; margin:0; font-family: 'Proxima Nova smb'; text-transform: uppercase}
ul.sidebarlink li a{display:block; width:100%; float:left; color: #323839; text-decoration: none}
ul.sidebarlink li .righticonbox{width: 84px; height: 84px; float:left; display: inline-block; margin: 0 20px 0 0 }
ul.sidebarlink li .righticonbox img.normal {display:block; margin: 0 auto!important}
ul.sidebarlink li .righticonbox img.hover {display:none; margin: 0 auto!important}
ul.sidebarlink li span{display: table-cell; vertical-align: middle;height: 84px;}


ul.sidebarlink li.activepg .righticonbox img.normal {display:none!important; margin: 0 auto!important}
ul.sidebarlink li.activepg .righticonbox img.hover {display:block!important; margin: 0 auto!important}
ul.sidebarlink li:hover a, ul.sidebarlink li.activepg a{color:#f04230}

/*about pg style*/
.innerpgcontainer.aboutpg .innerright {width: 400px;float: right;background: #181617;padding:0;}
.innerpgcontainer.aboutpg .innerright .whychooseusdiv {background: transparent; width: 100%; padding: 0 22px}

.innerpgcontainer.aboutpg .innerright .whychooseusdiv ul li { border: 1px solid #181617;}
.innerpgcontainer.aboutpg .innerright .whychooseusdiv .semisectiontitle {    margin: 50px 0 20px;border-bottom: 1px solid #292828;text-align: center;padding: 0 0 20px 0;}

.innerpgcontainer.aboutpg .innerright .whychooseusdiv  ul li:first-child {border-bottom: 1px solid #292828;}
.innerpgcontainer.aboutpg .innerright .whychooseusdiv  ul li:nth-child(2) {border-bottom: 1px solid #292828;border-left: 1px solid #292828;}
.innerpgcontainer.aboutpg .innerright .whychooseusdiv  ul li:last-child {border-left: 1px solid #292828;}
.innerpgcontainer.aboutpg .innerright .whychooseusdiv .whychooselogobar img{clear: both; margin: 0 0 20px; float:right}
.innerpgcontainer.aboutpg .innerright .whychooseusdiv:before {content: '';position: absolute;z-index: 0;background: url(../images/man-img.png)no-repeat 0 0;width: 220px;height: 250px; left: 15px;bottom: 0;background-size: 200px;}

.aboutboxone {background: #ffffff;border: 1px solid #e1e1e1;border-bottom: 2px solid #c3c3c3;width: 100%;float: left;margin: 0 0 40px 0;}
.aboutboxone p{color: #292929;font-size: 17px;font-family: 'Raleway', sans-serif;margin: 40px 30px 0px 40px;}
.aboutboxone img.fright{margin-left: 30px;}

.aboutgurantee {background: #ffffff;border: 1px solid #e1e1e1;border-bottom: 2px solid #c3c3c3;width: 100%;float: left;margin: 0 0 40px 0;}
.guranteetext {margin: 15px 0 0; font-weight: 500;}
.abtguranteeleft {text-align: center;width: 330px;float: left;padding: 35px;}
.abtguranteeright {width: calc(100% - 330px);min-height: 378px; float: right; background: url('../images/about-us-img-2.jpg')no-repeat 0 0; position: relative;z-index: 0}
.absolutecontent {position: absolute;width: 600px;background: rgba(255,255,255,0.85);right: 0;bottom: 0;padding:35px 50px ;z-index: 0;}


/*service detials page styles*/
.detailcontainerupper{background: #eeeeee; border: 1px solid #d0d0d0; padding: 50px; float:left}
.customscrollcontainer{float: right; width: calc(100% - 580px);}

.contenttitle {font-size: 18px;text-transform: uppercase;color: #323839;font-weight: bold;line-height: 120%;position: relative;z-index: 0; margin: 0 0 50px}
.contenttitle:after {content: '';position: absolute;z-index: 0;background: url(../images/service-name-after.png)no-repeat 0 0;width: 49px;height: 5px;left: 0;bottom: -25px;}

.contentsubtitle {font-size: 16px;color: #414141;font-weight: bold;line-height: 120%; margin: 15px 0;}
.customscrollcontainer ul{width: 100%;float: left;margin: 10px 0;padding: 0;}
.customscrollcontainer ul li{width:50%;float: left;margin: 0 0 10px;padding: 0 10px 0 35px; background: url('../images/listing-bullet.png')no-repeat 0 0; list-style: none}

.detailcontainerlower {border: 1px solid #bfbfbf;background: #edeeef;padding: 50px;float: left;position: relative;z-index: 0;border: 1px solid #bfbfbf;border-bottom: 3px solid #c2c2c2; width:100%}

.absoluteserviceimg {/*background: url('../images/air-condition-pg-img2.jpg')no-repeat 0 0;*/ width: 100%; float:left; height: 662px; position: relative;z-index: 0; border: 1px solid #bfbfbf;border-bottom: 3px solid #c2c2c2;}
.absoluteserviceimg img{width: 100%; height: 100%}

.detaillowerleft {background: rgba(255,255,255,0.85);position: absolute;top: 0;left: 0;z-index: 10;width: 520px;height: 658px;padding: 30px;}
.detaillowerleft p{line-height: 27px;margin: 0 0 30px 0;padding: 0;}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: #000;background-color: rgb(240, 66, 48)!important;}

/* contact page styles*/
.contactpgcontainer {width:100%; float:left}
.contactinfobox {background: url('../images/service-pg-gurantee-bg.jpg')repeat 0 0;width:100%;display: inline-block;text-align: center;border-bottom: 1px solid #525252;padding: 60px 100px;float: left;}
.contactinfobox dl {width: 18%;display: inline-block;float:left;margin: 0 3.5%;}
.contactinfobox dl dt {width: 45px;float: left;background: #f04230;border-radius: 3px;text-align: center;height: 45px;padding: 10px 0 0 0;}
.contactinfobox dl dd{width:calc(100% - 60px);float:right;color: #ffffff;font-size: 20px;text-align: left;line-height: 120%; font-family: 'Proxima Nova Lt'; font-weight: bold}
.contactinfobox dl dd span{display: block; font-size: 16px; color:#f04230; font-family: 'Proxima Nova Rg'; text-transform: uppercase; text-align: left}
.contactinfobox dl dd a{color: #ffffff; text-decoration: none}
.contactinfobox dl dd a:hover{color: #ffffff; text-decoration: underline}


.formmapcontainer {width:100%;float:left;background: url('../images/contact-pg-form-bg.jpg')no-repeat 0 0;padding: 50px; background-size: cover}
.formmapcontainer .mapdiv{width:48%;float:left; border:10px solid #ffffff}
.formmapcontainer .formdiv{width:48%;float:right; text-align: center}


.contactform {width:100%; float:left;}
.contactform ul{margin:15px 0 0 ; padding: 0}
.contactform ul li{margin: 0 0 15px;padding: 0;list-style:none;float:left;width:100%;}
.contactform ul li.full-contact{margin: 0 0 15px;}
input[type="text"], input[type="email"], input[type="tel"], textarea {width: 48%; margin-right: 2%; float: left; color: #6c6c6c; line-height: 50px; padding: 0 0 0 10px; font-size: 16px; background: #ffffff; font-family: 'Proxima Nova Lt';border:1px solid #999999}
textarea    {width:98%; height:182px; border:1px solid #999999}



.buttonbar {float: right;width: 450px;margin: 15px 10px 40px 0;}
.formmapcontainer .buttonbar {margin: 15px 10px 40px 0;}

.buttonbar .captchadiv {width:300px; float:left}
.btn_sb{background: url(../images/button-img-arrow.jpg)no-repeat 15px 20px #E43524;height: 59px;border: 0 solid red;color: #ffffff;cursor: pointer;float: right;font-size: 18px;margin: 0;padding: 0 0 0 15px;text-align: center;text-decoration: none;line-height: 50px;border-left: 0;width: 140px;}
.btn_sb:hover{background: url(../images/button-img-arrow.jpg)no-repeat 15px 20px #c73729;}

.formtitle {color: #ffffff; font-size: 24px; text-align: center; font-family: 'Proxima Nova exTh';}
.formdiv h2 {font-size: 16px;text-transform: inherit;color: #949494;font-weight: bold;line-height: 120%;position: relative;z-index: 0;margin: 0 0 10px; font-family: 'Proxima Nova Lt';s}


/*area we serve styles*/
.servicarea_banner {width:100%; float:left}
.servicarea_banner img{width:100%;}


.welcomesection.sububgsection {clear: both;width: 100%;float: left;margin: 60px 0 40px 0;}

.welcomesection.sububgsection .wrapper {text-align:left;max-width: 1720px;padding-bottom: 90px;}
.welcomesection.sububgsection ~ .ctasection {margin: 0 0 60px;}

.welcomesection.sububgsection .suburbtext {width: 58%; float: left; height: 525px; text-align: left}

.welcomesection.sububgsection .suburbmap {width:38%; float:right; border: 10px solid #ffffff; box-shadow: 0 0 5px rgba(0,0,0,0.2)}
.suburbtext ul{width: 100%;float: left;margin: 10px 0;padding: 0;}
.suburbtext ul li{width: 33%;float: left;margin: 0 0 10px;padding: 0 10px 0 35px;background: url(../images/listing-bullet.png)no-repeat 0 0;list-style: none;}
.suburbtext ul li a{color: #414141;text-decoration: none}
.suburbtext ul li:hover a{color: #414141;text-decoration: underline}


.suburbtext.cutomescroll p{text-align: /*left;*/ justify;}
.suburbtext.cutomescroll h2 {font-size: 18px;text-transform: uppercase;color: #323839;font-weight: bold;line-height: 120%;position: relative;z-index: 0;margin: 20px 0 10px;}
.suburbtext.cutomescroll h3 {font-size: 16px; text-transform:normal;color: #323839;font-weight: bold;line-height: 120%;position: relative;z-index: 0;margin: 20px 0 10px;}
.suburbtext.cutomescroll img.fright{margin: 0 0 25px 30px}
.brandslider .slick-dots {display: none}




h1{font-size: 22px;text-transform: uppercase;color: #323839;font-weight: bold;line-height: 120%;position: relative;z-index: 0;margin: 0 0 20px;}
h2{font-size: 18px;text-transform: uppercase;color: #323839;font-weight: bold;line-height: 120%;position: relative;z-index: 0;margin: 0 0 50px;}

/* 1. Ensure this sits above everything when visible */
.modal {
    position: absolute; font-family: 'Raleway', sans-serif;
    z-index: 100;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.modal.is-visible {
    visibility: visible;
}

.modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(18, 18, 18, 0.9);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

/*.modal-wrapper {
    position: absolute;
    z-index: 9999;
    top: 6em;
    left: 0;
   
    right: 0;
       width:60%;
    margin: 0 auto;

    background-color: #fff;
    box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
}
*/

.modal-transition {
  transition: all 0.3s 0.12s;
  transform: translateY(-10%);
  opacity: 0;
}

.modal.is-visible .modal-transition {
  transform: translateY(0);
    transition: all 0.3s 0.12s;
  opacity: 1;
}

.modal-header {
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
  border-bottom: 1px solid #e8e8e8;
}

.modal-close {
  position: absolute;
  top: 0;    z-index: 999;
  right: 0;
     padding: 0;cursor:pointer;
  color: #aaa;
  background: none;
  border: 0;
}

.modal-close:hover {
  color: #777;
}

.modal-heading {
  font-size: 1.125em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modal-content > *:first-child {
  margin-top: 0;
}

.modal-content > *:last-child {
  margin-bottom: 0;
}

 .modal-text{
    padding: 40px 50px;
    background: url('../images/footer-bg.jpg')no-repeat 0 0 #2f2f2f;
    color: #fff;
    height: 275px;
 }   
 .modal-text h3{font-size: 26px;line-height: 28px;padding-bottom: 8px;text-transform: uppercase;font-weight: bold;}
 .modal-text p{color: #FFFFFF;  font-size: 15px;    width: 560px;  line-height: 22px;}
 .modal-form{background-color: #F3F3F3;height: 100%;}
 .book-form{background:#fff;margin: 50px; position:relative;     margin-top: -11%;   padding: 30px 40px 50px;   box-shadow: 0px 1px 2px 0px rgba(179, 199, 209, 1);
}
 .book-form.form-free .form-inline{width: 50%; display: inline-block;
    float: left;   padding: 0px 10px; }
.book-form.form-free .form-inline .form-input{     
      border: 1px solid #D5D5D5;background-color: #F8F8F8;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); 
 }
.form-free .form-inline select.form-input{  background-image: url(../images/select-arrow.png);
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: 96% 53%;
    background-repeat: no-repeat;}
.modal-close.modal-toggle img {    padding-right: 0px;}
.book-form .form-inline .birth {
    background-image: url(../images/calender.png);
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: 96% 53%;
    background-repeat: no-repeat;
}
.form-inline.full{width:100% !important;}
.book-form .btnsubmit{width: 235px;    height: 60px;    margin-top: 18px;}

.modal .contactform {width: 100%;float: left;padding: 40px 40px;}
.bookasevicecar {position: absolute;z-index: 0;top: 130px;right: 0;width: 600px;}
.innerpgcontainer.commonpg  .wrapper{background: #ffffff; border: 1px solid #e1e1e1; border-bottom: 2px solid #c3c3c3; text-align: center}
.innerpgcontainer.commonpg  p{text-align: center; margin: 0 0 30px ;padding: 0 20px}
.innerpgcontainer.commonpg  p a{color: #e43523; text-decoration: none; }
.innerpgcontainer.commonpg  p a:hover{color: #e43523; text-decoration: underline}
.default_pgs img{max-width: 400px; width: 100%}
select{width: 48%;height: 54px;line-height: normal;padding: 0 0 0 10px;color: #828482; border: 1px solid #999999}

.modal-content input[type="text"].service_date{background: url(../images/calender.png)no-repeat 96% center}

/* for banner */
#home_banner {float: left; width: 100%; position: relative; margin: 0}
#home_banner img{width: 100%;}

#home_banner .bx-pager.bx-default-pager {display: none}
.welcomesection h2 {margin: 20px 0 10px; font-family: 'Proxima Nova exTh'; font-size: 18px; color: #292929;}
.welcomesection .cutomescroll{height: 350px;}





/* Go to top */
.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);/* image replacement properties */overflow: hidden;text-indent: 100%;white-space: nowrap;background: url(../images/cd-top-arrow.svg) no-repeat center 50% #e43523;visibility: hidden;opacity: 0;z-index: 10;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.no-touch .cd-top:hover {
    background-color: #e43523;
    opacity: 1;
}

a, a:hover{transition:all ease-out 0.3s!important; -webkit-transition: all ease-out 0.3s!important; -moz-transition: all ease-out 0.3s!important; -ms-transition: all ease-out 0.3s!important;}

/* 
    font-family: 'Proxima Nova Bl'; -black
    font-family: 'Proxima Nova exTh';  -  extrathick
    font-family: 'Proxima Nova Lt'; - Light
    font-family: 'Proxima Nova smb'; - samibold
    font-family: 'Proxima Nova Rg'; - bold
    font-family: 'Raleway', sans-serif;
}
*/


/* ==========================================================================
Helper classes
========================================================================== */
.fleft{float:left}
.fright{float:right}
.bold{font-weight:bold}
.align_center{text-align:center!important}
.align_right{text-align:right!important}
.align_left{text-align:left!important}
p{margin:10px 0; text-align: justify}
.txt-white  {color:#ffffff}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
.clearfix{clear: both;}

.clearfix {
    *zoom: 1;
}

body.open{position:fixed;}
.open-menu body{position:fixed;}
/*.detaillowerleft .formDiv .form-group{margin:0px 0px 18px;}
.detaillowerleft .formDiv .form-group .name_field{width:calc(50% - 15px); margin-right:15px; float:left;}
.detaillowerleft .formDiv .form-group .phone{width:calc(50% - 15px); margin-left:15px; float:left;}*/

.detaillowerleft ul li{list-style-type:none;}
input[type="text"], input[type="email"], input[type="tel"], textarea{margin-bottom:15px;}
.g-recaptcha{transform: scale(0.80); -webkit-transform: scale(0.80); transform-origin: 0 0; -webkit-transform-origin: 0 0;}
.detaillowerleft .buttonbar { float: left; width: calc(100% - 10px); margin: 15px 10px 40px 0px;}
/*.modal .modal-wrapper{width:; left: 0; right: 0; float: left; margin: 0; padding: 0; box-sizing: border-box;}*/
.modal{z-index:9999;}
header{position:relative;}
.modal-wrapper {
    position:fixed;
    z-index: 9999;
   background-color: #fff;top:0;
    box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
   
}
.modal-wrapper{
        width: 60%;
    margin: 0 auto;
    left: 50%;
    margin-left: -30%;
}