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, caption, article, aside, dialog, figure, footer, header, hgroup, nav, section, input { margin: 0; padding: 0; border: 0; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
:focus { outline: 0; }
a:focus { outline: none; outline-offset: 0; }
.row { }
a { text-decoration: none; color: inherit; transition: all 300ms; }
/* Global -------------------------------------------------- */
body { color: #000; font-size: 14px; line-height: 21px; background-color: #fff; font-family: 'Lato', sans-serif; }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
h1 { }
h2 { }
h3 { }
h4 { }
h5 { }
h6 { }
p { }
ul, ul li, ul ol, ul li ul, ul li ul li { list-style: none; padding: 0; margin: 0; }
.page-wrapper { }
.clear { clear: both; }
.padding { padding: 3px 3px; }
/* FontFace ------------------------------------------------*/
@font-face { font-family: 'HARDROCK'; src: url('../../sa/fonts/HARDROCK.eot?#iefix') format('embedded-opentype'), url('../../sa/fonts/HARDROCK.woff') format('woff'), url('../../sa/fonts/HARDROCK.ttf') format('truetype'), url('../../sa/fonts/HARDROCK.svg#HARDROCK') format('svg'); font-weight: normal; font-style: normal; }
.subscribe-content .msg { min-height: 381px; }
.subscribe-content .msg h6 { font-size: 36px; line-height: 1; color: #fff; font-family: 'Yantramanav', sans-serif; font-weight: 100; }
/* header --------------------------------------------------*/
header .header-top { background: url(../images/top-header-bg.png) no-repeat; background-size: cover; }
header .header-nav { background: url(../../sa/images/nav-bg.png) no-repeat; background-size: cover; }
header .header-nav .navbar { background: transparent; border: none; margin-bottom: 0px; }
header .header-nav ul.pull-right { float: none !important; }
header .logo-section { display: inline-block; vertical-align: top; width: 80%; padding: 38px 0px; }
header .header-top .header-top-right { background: rgba(202,162,37,.7); margin: 38px 0px; }
header .header-top .header-top-right ul li { display: inline-block; vertical-align: top; width: 124px; text-align: center; border-right: 1px solid #fff; }
header .header-top .header-top-right ul li:after { border-right: 1px solid #fff; }
header .header-top .header-top-right ul li a { text-decoration: none; outline: none; padding: 12px 0px; display: inline-block; width: 100%; }
header .header-top .header-top-right ul li p { font-family: 'Yantramanav', sans-serif; font-weight: 600; color: #fff; padding: 12px 0px; }
header .header-top .header-top-right ul li:last-child { border: none; }
header .header-nav ul.pull-right li { }
header .header-nav ul.pull-right li a { padding: 22px 18px; text-decoration: none; outline: none; display: inline-block; vertical-align: top; font-size: 18px; color: #505050; font-weight: 900; font-family: 'Yantramanav', sans-serif; }
header .header-nav ul.pull-right li a:hover { background: rgba(252,200,36,.7); }
header .header-nav ul.pull-right li a.active { background: rgba(252,200,36,.7); }
div#bs-example-navbar-collapse { }
header .header-nav .navbar .collapse { padding: 0px; }
.fixed-nav { overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 10; }
.main { margin-top: 184px; }
header .logo-section-fixed img { display: block; margin-left: auto; margin-right: auto; padding: 15px 0px 0px 0px; }
header .logo-section-fixed p { font-family: 'Yantramanav', sans-serif; font-weight: bold; color: #505050; vertical-align: top; text-align: center; font-size: 18px; padding: 0px 0px 10px 0px; }
header .logo-section-fixed a:hover { font-family: 'Yantramanav', sans-serif; font-weight: bold; color: #fff; vertical-align: top; text-align: center; font-size: 18px; padding: 0px 0px 10px 0px; }
header .header-top .header-num-email { background: rgba(202,162,37,.7); margin: 42px 0px 0px 0px; display: inline-block; vertical-align: top; text-align: center; border: 1px solid #fff; padding: 10px 10px; }
header .header-top .header-num-email a { text-decoration: none; outline: none; display: inline-block; width: 100%; color: #fff; vertical-align: top; }
header .header-top .header-num-email p { font-family: 'Yantramanav', sans-serif; font-weight: 600; color: #fff; vertical-align: top; }
header .nav-links { background: url("/images/nav-new-bg.jpg") no-repeat; background-size: cover; text-align: center; font-size: 18px; text-transform: uppercase; padding: 20px 0px 20px 0px; }
header .nav-links a { font-family: 'Yantramanav', sans-serif; text-decoration: none; outline: none; width: 100%; color: #505050; vertical-align: top; font-weight: bold; font-size: 18px; font-weight: 900; padding: 0px 10px 0px 10px; }
header .nav-links a:hover { background: rgba(252,200,36,.7); padding: 20px 10px 20px 10px; color: #000000; }
header .nav-links a.active { background: rgba(252,200,36,.7); }
.state-cta { background: #282828; padding: 28px 0px; text-align: center; }
.state-cta p { vertical-align: top; font-size: 40px; color: #fcc842; font-family: 'Yantramanav', sans-serif; float: center; line-height: 46px; font-weight: bold; }
/*------------------ YELLOW State CTA section -----------------------*/
.state-cta-y { background: #fcc842; padding: 28px 0px; text-align: center; }
.state-cta-y p { vertical-align: top; font-size: 40px; color: #282828; font-family: 'Yantramanav', sans-serif; float: center; line-height: 46px; font-weight: bold; }
/* banner --------------------------------------------------*/
section.banner.parallax-window > img { width: 100%; }
section.banner.parallax-window-zzz { max-height: 400px; }
.banner .banner-detail { padding: 194px 0px 110px 0px; text-align: center; }
.banner .banner-detail > h1 { color: white; font-size: 60px; line-height: 100px; font-family: 'Yantramanav', sans-serif; font-weight: bold; }
.banner .banner-detail > h2 { color: white; font-size: 120px; line-height: 124px; font-family: "HARDROCK"; font-weight: normal; }
.banner .banner-detail > img { display: inline-block; }
.banner .banner-detail > h3 { font-family: 'Yantramanav', sans-serif; color: #fff; text-transform: uppercase; font-size: 36px; letter-spacing: 10px; margin: 10px 0px 20px; font-weight: 900; }
.banner .banner-detail > p { font-family: 'Yantramanav', sans-serif; color: #fff; text-transform: uppercase; font-size: 36px; letter-spacing: 6px; margin: 10px 0px 112px; font-weight: 900; }
.banner .banner-detail .GetQuote { font-size: 18px; line-height: 18px; color: #101010; font-weight: 700; padding: 18px 28px; display: inline-block; background: #fcc824; margin-bottom: 72px; text-decoration: none; font-family: 'Cabin', sans-serif; outline: none; }
.banner .banner-detail span a { display: inline-block; }
.banner .banner-detail span { display: block; }
/* responsive iframe area--------------------------------------------------*/
.frame-area { display: block; width: 100%; overflow: auto; margin: 0; padding: 0; align-content: center; }
/* responsive iframe area-------------------------------------------------*/
/* new banner area--------------------------------------------------*/
/* new banner area--------------------------------------------------*/
/* new banner area--------------------------------------------------*/
section.banner.parallax-window-new > img { background-attachment: fixed; width: 100%; }
.banner .banner-detail-2 { padding: 60px 0px 20px 0px; text-align: center; }
.banner .banner-detail-2 > h2 { color: white; font-size: 36px; line-height: 40px; font-family: "Yantramanav"; font-weight: normal; text-transform: uppercase; }
.banner .banner-detail-2 > img { display: inline-block; }
.banner .banner-detail-2 > h3 { font-family: 'Yantramanav', sans-serif; color: white; font-size: 26px; margin: 10px 0px 20px; font-weight: normal; text-align: center;}
.banner .banner-detail-2 > h4 { font-family: 'Yantramanav', sans-serif; color: white; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-2 > p { font-family: 'Yantramanav', sans-serif; color: white; font-size: 18px; margin: 10px 0px 112px; font-weight: normal; text-align: left;}
.banner .banner-detail-2 span a { display: inline-block; }
.banner .banner-detail-2 span { display: block; }
.banner .banner-detail-3 { padding: 60px 0px 10px 0px; text-align: center; }
.banner .banner-detail-3 > h2 { color: black; font-size: 36px; line-height: 40px; font-family: "Yantramanav"; font-weight: normal; text-transform: uppercase; }
.banner .banner-detail-3 > img { display: inline-block; }
.banner .banner-detail-3 > h3 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 26px; margin: 10px 0px 20px; font-weight: normal; text-align: center;}
.banner .banner-detail-3 > h4 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-3 > p { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 112px; font-weight: normal; text-align: left;}
.banner .banner-detail-3 span a { display: inline-block; }
.banner .banner-detail-3 span { display: block; }
.banner .banner-detail-4 { padding: 60px 0px 20px 0px; text-align: center; }
.banner .banner-detail-4 > h2 { color: white; font-size: 36px; line-height: 40px; font-family: "Yantramanav"; font-weight: normal; text-transform: uppercase; text-align: left;}
.banner .banner-detail-4 > img { display: inline-block; padding: 0px 0px 50px 0px;}
.banner .banner-detail-4 > h3 { font-family: 'Yantramanav', sans-serif; color: white; font-size: 26px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-4 > h4 { font-family: 'Yantramanav', sans-serif; color: white; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-4 > p { font-family: 'Yantramanav', sans-serif; color: white; font-size: 18px; margin: 10px 0px 112px; font-weight: normal; text-align: left;}
.banner .banner-detail-4 span a { display: inline-block; }
.banner .banner-detail-4 span { display: block; }
.banner .banner-detail-5 { padding: 60px 0px 20px 0px; text-align: center; }
.banner .banner-detail-5 > h2 { color: black; font-size: 36px; line-height: 40px; font-family: "Yantramanav"; font-weight: normal; text-transform: uppercase; text-align: left;}
.banner .banner-detail-5 > img { display: inline-block; padding: 0px 0px 50px 10px;}
.banner .banner-detail-5 > h3 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 26px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-5 > h4 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-5 > p { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 50px; font-weight: normal; text-align: left;}
.banner .banner-detail-5 span a { display: inline-block; }
.banner .banner-detail-5 span { display: block; }
.trailer .trailer-detail-y { padding: 60px 0px 10px 0px; text-align: center; }
.trailer .trailer-detail-y > h2 { color: black; font-size: 36px; line-height: 40px; font-family: "Yantramanav"; font-weight: bold; text-transform: uppercase; text-align: left; }
.trailer .trailer-detail-y > img { display: inline-block; }
.trailer .trailer-detail-y > h3 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 26px; margin: 10px 0px 20px; font-weight: normal; text-align: center;}
.trailer .trailer-detail-y > h4 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.trailer .trailer-detail-y > p { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 112px; font-weight: normal; text-align: left;}
.trailer .trailer-detail-y span a { display: inline-block; }
.trailer .trailer-detail-y span { display: block; }
.call-at-2 { background: #bc9700; padding: 6px 0px; text-align: center; }
.call-at .contact-2 > p { vertical-align: top; font-size: 40px; color: #282828; font-family: 'Yantramanav', sans-serif; float: left; line-height: 55px; font-weight: bold; }
.call-at .contact-2 { display: inline-block; width: 80%; }
.call-at .contact-2 a { padding: 18px 0px; width: 25%; text-align: center; display: inline-block; vertical-align: top; color: #231f20; font-family: 'Yantramanav', sans-serif; font-weight: bold; background: #fcc824; font-size: 22px; line-height: 1; text-decoration: none; outline: none; }
.call-at-3 { background: #282828; padding: 6px 0px; text-align: center; }
.call-at-22 { background: #282828; padding: 1px 0px; text-align: center; }
.about-us-content-2 { padding: 50px 0px 50px 0px; background: url(../images/about-us-content-bg.png) no-repeat; background-size: cover; }
.about-us-content-3 { padding: 50px 0px 20px 0px; background: url(../images/about-us-content-bg.png) no-repeat; background-size: cover; }
.airport-content { padding: 50px 0px 20px 0px; background: url(../../sa/images/state-to-state/airport-image.png) fixed; background-size: cover; }
.airport-content-txt h3 { font-size: 30px; font-family: 'Yantramanav', sans-serif; color: #fff; font-weight: bold; margin-top: 70px; margin-bottom: 14px; }
.airport-content-txt p { font-size: 16px; font-family: 'Yantramanav', sans-serif; font-weight: 400; color: #fff; line-height: 24px; }
.manufacturer-content { padding: 50px 0px 50px 0px; color:ffffff; }
.services-block-2 { margin-bottom: 0px; }
.services-block .services-block-content-3 { text-align: left; margin-bottom: 10px; }
.services-block .services-block-content-3 > img { margin-bottom: 36px; }
.services-block .services-block-content-3 h3 { font-size: 30px; font-family: 'Yantramanav', sans-serif; font-weight: 600; color: #112622; margin-bottom: 26px; }
.services-block .services-block-content-3 p { font-size: 18px; font-family: 'Yantramanav', sans-serif; font-weight: 400; color: #717171; margin-bottom: 38px; }
.services-block .services-block-content-3 a { font-size: 16px; line-height: 18px; color: #232121; display: inline-block; text-decoration: none; font-family: 'Yantramanav', sans-serif; outline: none; font-weight: 500; }
.services-block .services-block-content-3 a > span { display: inline-block; margin-left: 10px; }
.services-block .services-block-content-t { text-align: center; margin-bottom: 38px; }
.services-block .services-block-content-t > img { margin-bottom: 36px; }
.services-block .services-block-content-t h3 { font-size: 24px; font-family: 'Yantramanav', sans-serif; font-weight: 600; color: #112622; margin-bottom: 26px; text-align: center; }
.services-block .services-block-content-t p { font-size: 16px; font-family: 'Yantramanav', sans-serif; font-weight: 400; color: #717171; margin-bottom: 38px; text-align: left; }
.services-block .services-block-content-t a { font-size: 16px; line-height: 18px; color: #232121; display: inline-block; text-decoration: none; font-family: 'Yantramanav', sans-serif; outline: none; font-weight: 500; }
.services-block .services-block-content-t a > span { display: inline-block; margin-left: 10px; }
/* Truck Manufacturer content */
.services-block .truck-mfg { text-align: center; margin-bottom: 38px; }
.services-block .truck-mfg > img { margin-bottom: 36px; }
.services-block .truck-mfg h3 { font-size: 24px; font-family: 'Yantramanav', sans-serif; font-weight: 600; color: #112622; margin-bottom: 26px; text-align: center; }
.services-block .truck-mfg p { font-size: 16px; font-family: 'Yantramanav', sans-serif; font-weight: 400; color: #717171; margin-bottom: 26px; text-align: left; }
.services-block .truck-mfg a { font-size: 16px; line-height: 18px; color: #232121; display: inline-block; text-decoration: none; font-family: 'Yantramanav', sans-serif; outline: none; font-weight: 500; text-align: center; }
.services-block .truck-mfg a > span { display: inline-block; margin-left: 10px; }
.recent-proj-img-2 { padding: 0px 0px 0px -80px; }
.recent-proj-img-2 img { width: 100%; }
.recent-proj-content-2 h3 { font-size: 30px; font-family: 'Yantramanav', sans-serif; color: #232121; font-weight: bold; padding: 30px 50px 10px 80px; }
.recent-proj-content-2 p { font-size: 16px; font-family: 'Yantramanav', sans-serif; font-weight: 400; color: #231f20; line-height: 24px; padding: 10px 50px 10px 80px; }
.recent-proj-content-2 a { font-size: 18px; line-height: 18px; color: #101010; font-weight: bold; padding: 20px 45px; display: inline-block; background: #fcc824; text-decoration: none; font-family: 'Yantramanav', sans-serif; outline: none; border-radius: 0px; }
/* .recent-proj-content-3 h3 { font-size: 30px; font-family: 'Yantramanav', sans-serif; color: #232121; font-weight: bold; padding: 30px 50px 10px 80px; */
.recent-proj-content-3 h3 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 26px; margin: 20px 0px 20px; font-weight: normal; text-align: left;}
.recent-proj-content-3 p { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 50px 10px 80px; font-weight: normal; text-align: left;}
.recent-proj-content-3 > h4 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.recent-proj-content-3 a { font-size: 18px; line-height: 18px; color: #101010; font-weight: bold; padding: 20px 45px; display: inline-block; background: #fcc824; text-decoration: none; font-family: 'Yantramanav', sans-serif; outline: none; border-radius: 0px; }
.recent-proj-content-4 > h4 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 20px 0px; font-weight: normal; text-align: left;}
.recent-proj-content-5 h3 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 26px; margin: 20px 0px 20px; font-weight: normal; text-align: left;}
.recent-proj-content-5 > h4 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 20px 0px; font-weight: normal; text-align: left;}
.recent-proj-img-3 { margin-bottom: 60px; }
.recent-proj-img-3 { padding: 0px 0px 0px -80px; }
.recent-proj-img-3 img { width: 100%; }
/* .recent-proj-img-state img { width: 100%; height: 100%; margin-top: 25px; } */
.recent-proj-img-state-tx img { width: 100%; height: 100%; margin-top: 25px; }
.recent-proj-img-state-fl img { width: 100%; height: 100%; margin-top: 100px; }
.recent-proj-content-6 h3 { font-size: 30px; font-family: 'Yantramanav', sans-serif; color: #232121; font-weight: bold; margin-top: 20px; margin-bottom: 14px; }
.recent-proj-content-6 p { font-size: 16px; font-family: 'Yantramanav', sans-serif; font-weight: 400; color: #231f20; line-height: 24px; }
.recent-proj-content-6 a { font-size: 18px; line-height: 18px; color: #101010; font-weight: bold; padding: 20px 45px; display: inline-block; background: #fcc824; text-decoration: none; font-family: 'Yantramanav', sans-serif; outline: none; border-radius: 0px; }
.recent-proj-content-7 { padding: 10px 0px 0px 0px; text-align: center; }
.recent-proj-content-7 > h2 { color: black; font-size: 36px; line-height: 40px; font-family: "Yantramanav"; font-weight: normal; text-transform: uppercase; }
.recent-proj-content-7 > img { display: inline-block; }
.recent-proj-content-7 > h3 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 26px; margin: 10px 0px 20px; font-weight: normal; text-align: center;}
.recent-proj-content-7 > h4 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.recent-proj-content-7 > p { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
/* White content area -------------------------------*/
.content .white-content { background: url(../../sa/images/trailers/white-bg.png) fixed; background-size: cover; padding:60px 0px 50px 0px; }
.content .white-content h2 { color: black; font-size: 36px; line-height: 40px; font-family: "Yantramanav"; font-weight: normal; text-transform: uppercase; text-align: center; }
.content .white-content img { display: inline-block; }
.content .white-content h3 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 28px; margin: 10px 0px 6px; font-weight: normal; text-transform: uppercase; text-align: left;}
.content .white-content h4 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 22px; margin: 10px 0px 4px; font-weight: normal; text-align: left;}
.content .white-content p { font-family: 'Yantramanav', sans-serif; color: black; font-size: 20px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.content .white-content ul { display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 10px; }
.content .white-content ul li { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; line-height: 16px; margin: 10px 0px 0px; font-weight: normal; text-align: left;}
.content .white-content hr { display: block; margin: 10px 0px 20px; border-style: inset; border-width: 1px; color: black; }
/* Trailer content area -------------------------------*/
.content .trailer-content { background: url(../images/about-us-content-bg.png) no-repeat; background-size: cover; padding:60px 0px 50px 0px; }
.content .trailer-content h2 { color: black; font-size: 36px; line-height: 40px; font-family: "Yantramanav"; font-weight: normal; text-transform: uppercase; text-align: center; }
.content .trailer-content img { display: block; margin-left: auto; margin-right: auto; }
.content .trailer-content h3 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 28px; margin: 10px 0px 6px; font-weight: normal; text-transform: uppercase; text-align: left;}
.content .trailer-content h4 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 22px; margin: 10px 0px 4px; font-weight: bold; text-align: left;}
.content .trailer-content p { font-family: 'Yantramanav', sans-serif; color: black; font-size: 20px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.content .trailer-content ul { display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 10px; }
.content .trailer-content ul li { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; line-height: 16px; margin: 10px 0px 0px; font-weight: normal; text-align: left;}
.content .trailer-content hr { display: block; margin: 10px 0px 20px; border-style: inset; border-width: 1px; color: black; }
/* .gallery-header { background: url(../images/gallery-banner.png) center center no-repeat; padding-top: 0px; } */
.gallery-header { padding: 0px 0px 0px 0px; background: url(../../sa/images/gallery-banner.png) fixed no-repeat; background-size: cover; }
/* new slider parallax bottom banner area-------------------------------*/
.content .home-testimonial { /* background:url(../images/testimonial-bg.png) left top no-repeat; background-size:cover; */ position: relative; }
.content .home-testimonial-detail { text-align: center; }
.content .home-testimonial-detail h2 { font-size: 30px; line-height: 26px; color: #222222; font-weight: 700; margin-bottom: 23px; }
.content .home-testimonial-detail img { display: inline-block; margin-bottom: -20px; }
.content .home-testimonial-detail p { font-size: 20px; line-height: 26px; color: #222222; font-weight: 400; margin-bottom: 38px; }
.content .home-testimonial .item { min-height: 463px; }
.content .carousel-caption { padding-top: 0; padding-bottom: 0; bottom: 90px; text-shadow: none; }
/* .about-us-content { padding: 154px 0px 178px; background: url(../images/about-us-content-bg.png) no-repeat; background-size: cover; } */
.section-interstate { text-align: center; margin-bottom: 94px; }
.section-interstate h2 { font-family: 'Yantramanav', sans-serif; font-weight: bold; color: #2c2c2c; text-transform: uppercase; margin-bottom: 32px; }
.section-interstate p { font-family: 'Yantramanav', sans-serif; color: #2c2c2c; font-size: 20px; line-height: 28px; font-weight: 400; }
/* .interstate-content { background: #fcc825; padding: 6px 0px; text-align: center; } */
.interstate-content { background: url(../../sa/images/state-to-state/interstate-image.png) fixed; background-size: cover; text-align: center; }
.interstate-content-bullet { background: url(../../sa/images/state-to-state/interstate-image.png) fixed; background-size: cover; text-align: left; }
.section-heading-w { text-align: center; margin-bottom: 25px; }
.section-heading-w > h2 { font-family: 'Yantramanav', sans-serif; font-weight: bold; color: #fff; font-size: 48px; line-height: 52px; margin-bottom: 32px; }
.section-heading-w p { font-family: 'Yantramanav', sans-serif; color: #fff; font-size: 20px; line-height: 28px; font-weight: 400; padding: 0px 8px; }
.seaport-content { padding: 50px 0px 20px 0px; background: url(../../sa/images/state-to-state/seaport-image.png) fixed; background-size: cover; }
.seaport-content-txt h3 { font-size: 30px; font-family: 'Yantramanav', sans-serif; color: #fff; font-weight: bold; margin-top: 70px; margin-bottom: 14px; }
.seaport-content-txt p { font-size: 16px; font-family: 'Yantramanav', sans-serif; font-weight: 400; color: #fff; line-height: 24px; }
/* end new slider parallax bottom banner area-------------------------------*/
.section-counter { text-align: center; margin-bottom: 0px; }
.section-counter h2 { font-family: 'Yantramanav', sans-serif; font-weight: bold; color: #000; text-transform: uppercase; margin-bottom: 32px; }
.section-counter p { font-family: 'Yantramanav', sans-serif; color: #000; font-size: 20px; line-height: 28px; font-weight: 400; }
.section-counter { background: url(../../sa/images/banner-counter.png) scroll; height: 100%; background-size: cover; text-align: center; }
/* newest banner arrow area --------------------------------------------*/
.white-gray-spacer { padding: 0px 0px 0px 0px; background: url(../images/white-to-gray.png) no-repeat; background-size: cover; }
.gray-white-spacer { padding: 0px 0px 0px 0px; background: url(../../sa/images/gray-to-white.png) no-repeat; background-size: cover; }
.call-at-white { background: #ffffff; padding: 6px 0px; text-align: center; }
.banner .banner-detail-white { padding: 60px 0px 20px 0px; text-align: center; }
.banner .banner-detail-white > h2 { color: black; font-size: 36px; line-height: 40px; font-family: "Yantramanav"; font-weight: normal; text-transform: uppercase; text-align: left;}
.banner .banner-detail-white > img { display: inline-block; padding: 0px 0px 50px 0px;}
.banner .banner-detail-white > h3 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 26px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-white > h4 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-white > p { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 112px; font-weight: normal; text-align: left;}
.banner .banner-detail-white span a { display: inline-block; }
.banner .banner-detail-white span { display: block; }
.call-at-gray { background: #fcc824; padding: 6px 0px; text-align: center; }
.banner .banner-detail-gray { padding: 60px 0px 20px 0px; text-align: center; }
.banner .banner-detail-gray > h2 { color: black; font-size: 36px; line-height: 40px; font-family: "Yantramanav"; font-weight: normal; text-transform: uppercase; text-align: left;}
.banner .banner-detail-gray > img { display: inline-block; padding: 0px 0px 50px 0px;}
.banner .banner-detail-gray > h3 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 26px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-gray > h4 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-gray > p { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 112px; font-weight: normal; text-align: left;}
.banner .banner-detail-gray span a { display: inline-block; }
.banner .banner-detail-gray span { display: block; }
.call-at-yellow { background: url(../../sa/images/state-to-state/interstate-image.png) fixed; background-size: cover; text-align: center; }
.banner .banner-detail-yellow { padding: 60px 0px 20px 0px; text-align: center; }
.banner .banner-detail-yellow > h2 { color: black; font-size: 36px; line-height: 40px; font-family: "Yantramanav"; font-weight: normal; text-transform: uppercase; text-align: left;}
.banner .banner-detail-yellow > img { display: inline-block; padding: 0px 0px 50px 0px;}
.banner .banner-detail-yellow > h3 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 26px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-yellow > h4 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-yellow > p { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 112px; font-weight: normal; text-align: left;}
.banner .banner-detail-yellow span a { display: inline-block; }
.banner .banner-detail-yellow span { display: block; }
.banner .banner-detail-s2 { padding: 60px 0px 20px 0px; text-align: center; }
.banner .banner-detail-s2 > h2 { color: white; font-size: 36px; line-height: 40px; font-family: "Yantramanav"; font-weight: normal; text-transform: uppercase; }
.banner .banner-detail-s2 > h3 { font-family: 'Yantramanav', sans-serif; color: white; font-size: 26px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-s2 > img { display: inline-block; }
.banner .banner-detail-s2 > h4 { font-family: 'Yantramanav', sans-serif; color: white; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-s2 > p { font-family: 'Yantramanav', sans-serif; color: white; font-size: 18px; margin: 10px 0px 60px; font-weight: normal; text-align: left;}
.trailer-detail { padding: 60px 0px 20px 0px; text-align: center; }
.trailer-detail > h2 { color: #fcc842; font-size: 36px; line-height: 40px; font-family: "Yantramanav"; font-weight: normal; text-transform: uppercase; }
.trailer-detail > h3 { font-family: 'Yantramanav', sans-serif; color: ##fcc842; font-size: 26px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.trailer-detail > img { display: inline-block; }
.trailer-detail > h4 { font-family: 'Yantramanav', sans-serif; color: #ffffff; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.trailer-detail > p { font-family: 'Yantramanav', sans-serif; color: #ffffff; font-size: 20px; margin: 10px 0px 60px; font-weight: normal; text-align: left;}
.include { background: #282828; padding: 60px 0px 20px 0px; text-align: center; }
.include .include-detail-d > h2 { color: #fcc824; font-size: 36px; line-height: 40px; font-family: "Yantramanav"; font-weight: bold; text-transform: uppercase; }
.include .include-detail-d > h3 { font-family: 'Yantramanav', sans-serif; color: white; font-size: 26px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.include .include-detail-d > img { display: inline-block; }
.include .include-detail-d > h4 { font-family: 'Yantramanav', sans-serif; color: white; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: center; }
.include .include-detail-d > p { font-family: 'Yantramanav', sans-serif; color: white; font-size: 18px; margin: 10px 0px 60px; font-weight: normal; text-align: center; }
.include .include-detail-d ul li a:hover { text-decoration:none; color:#fcc824; }
.banner .banner-detail-auction { padding: 60px 0px 20px 0px; text-align: left; }
.banner .banner-detail-auction > h2 { color: white; font-size: 36px; line-height: 40px; font-family: "Yantramanav"; font-weight: normal; text-transform: uppercase; text-align: left; }
.banner .banner-detail-auction > h3 { font-family: 'Yantramanav', sans-serif; color: white; font-size: 26px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-auction > img { display: inline-block; }
.banner .banner-detail-auction > h4 { font-family: 'Yantramanav', sans-serif; color: white; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-auction > p { font-family: 'Yantramanav', sans-serif; color: white; font-size: 22px; margin: 10px 0px 112px; font-weight: normal; text-align: left;}
.banner .banner-detail-auction-y { padding: 60px 0px 20px 0px; text-align: left; }
.banner .banner-detail-auction-y > h2 { color: black; font-size: 36px; line-height: 40px; font-family: "Yantramanav"; font-weight: normal; text-transform: uppercase; text-align: left; }
.banner .banner-detail-auction-y > h3 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 26px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-auction-y > img { display: inline-block; padding: 0px 20px 0px 0px; }
.banner .banner-detail-auction-y > h4 { font-family: 'Yantramanav', sans-serif; color: black; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .banner-detail-auction-y > p { font-family: 'Yantramanav', sans-serif; color: black; font-size: 22px; margin: 10px 0px 112px; font-weight: normal; text-align: left;}
/* end newest banner arrow area --------------------------------------------*/
/* counter area defined ----------------------------------------------------*/
/* new article area defines columns--------------------------------------------------*/
article {
-webkit-columns: 2 150px;
-moz-columns: 2 150px;
columns: 2 150px;
-webkit-column-gap: 5em;
-moz-column-gap: 5em;
column-gap: 5em;
margin-left: 5em;
}
/* end new article area--------------------------------------------------*/
/* new article area defines columns--------------------------------------------------*/
article-2 {
-webkit-columns: 1 150px;
-moz-columns: 1 150px;
columns: 1 150px;
-webkit-column-gap: 10em;
-moz-column-gap: 10em;
column-gap: 10em;
margin-left: 100em;
}
/* end new article area--------------------------------------------------*/
/* new unordered list area --------------------------------------------------*/
ul {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}
/* end new unordered list area--------------------------------------------------*/
/*Modify index*/
.home-our-history.left h2 { font-size: 40px; line-height: 1; color: #323232; font-family: 'Yantramanav', sans-serif; font-weight: bold; text-transform: uppercase; margin-bottom: 26px; }
.home-our-history.left p { font-family: 'Yantramanav', sans-serif; font-size: 24px; line-height: 36px; font-weight: 300; color: #2a2a2a; }
.home-our-history.right { text-align: center; border: 1px solid #323232; padding: 45px 50px 28px; margin-bottom: 34px; }
.home-our-history.right h3 { margin: 14px 0px 48px; font-size: 26px; color: #323232; font-weight: 500; font-family: 'Yantramanav', sans-serif; line-height: 1; }
.home-our-history.right p { font-family: 'Yantramanav', sans-serif; color: #151515; font-size: 14px; line-height: 24px; margin-bottom: 74px; }
/* content --------------------------------------------------*/
/* Specialist Section --------------------------------------*/
.content .services-section { padding: 70px 0px; }
.content .specialist-section { margin: 0px 0px 100px; }
.content .specialist-section .specialist-heavy-hauler { display: inline-block; width: 100%; position: relative; text-align: center; overflow: hidden; }
.content .specialist-section .specialist-heavy-hauler img { width: 100%; display: inline-block; min-height: 525px; }
.content .specialist-section .shh-text { position: absolute; bottom: 35%; top: 40%; left: 0; display: inline-block; width: 100%; z-index: 2; }
.content .specialist-section .hover { position: absolute; bottom: 0; top: 263px; width: 100%; z-index: 1; display: inline-block; left: 0; transition: all 0.8s; background-color: rgba(246, 195, 35, 0.63); height: 99.5%; border: 15px solid transparent; border-image: url(../../sa/images/br-st.png) 15 round; }
.content .specialist-section .specialist-heavy-hauler.home-gallery img { width: 100%; display: inline-block; min-height: auto; }
.content .specialist-section .specialist-heavy-hauler.home-gallery .hover { top: 400px; transition: all 0.8s; border: none; border-image: none; height: 100%; }
.content .specialist-section .specialist-heavy-hauler.home-gallery:hover .hover { top: 0; transition: all 0.8s; }
.content .specialist-section .hover img { width: 100%; display: inline-block; }
.content .specialist-section .padding:nth-child(1) .specialist-heavy-hauler .hover { top: 528px; }
.content .specialist-section .padding:nth-child(1) .specialist-heavy-hauler:hover .hover { top: 0; height: 100%; transition: all 0.8s; }
.content .specialist-section .padding:nth-child(2) .specialist-heavy-hauler:hover .hover { top: 1px; transition: all 0.8s; }
.content .specialist-section .shh-text h3 { font-size: 35px; color: #fff; line-height: 1; font-family: 'Yantramanav', sans-serif; font-weight: bold; margin-bottom: 10px; }
.content .specialist-section .specialist-heavy-hauler.home-gallery:hover .shh-text h3 { color: #010101; transition: all 0.8s; }
.content .specialist-section .shh-text a { font-size: 20px; color: #fff; line-height: 1; font-family: 'Yantramanav', sans-serif; font-weight: normal; text-decoration: none; outline: none; }
.content .specialist-section .padding { padding: 3px 3px; }
.content .specialist-section .padding:nth-child(2) .specialist-heavy-hauler { padding: 1px 0px; min-height: auto; }
.content .specialist-section .padding:nth-child(2) .specialist-heavy-hauler img { min-height: auto; }
/* Our History ---------------------------------------------*/
.content .our-history-section { text-align: center; }
.content .our-history-section h3 { font-size: 40px; line-height: 1; color: #fff; font-family: 'Yantramanav', sans-serif; font-weight: bold; margin-bottom: 40px; text-align: center; text-transform: uppercase; }
.content .our-history-section .history-para { padding: 28px 28px; text-align: left; background: rgba(27,27,27,.6); border-width: 15px; border-style: solid; border-color: transparent; border-image: url(../../sa/images/br-st.png) 15 round; }
.content .our-history-section .history-para p { font-size: 24px; line-height: 30px; color: #fff; margin-bottom: 34px; font-family: 'Yantramanav', sans-serif; font-weight: 100; text-align: center; }
.content .our-history-section .history-para p:last-child { margin-bottom: 0px; }
.content .our-history-section .history-image > img { width: 100%; }
/* Subscribe Section -----------------------------------------*/
.subscribe-section .subscribe-content { padding: 114px 0px 70px; text-align: center; }
.subscribe-section .subscribe-content > img { display: inline-block; margin-bottom: 60px; }
.subscribe-section .subscribe-content form { display: inline-block; width: 52%; margin-bottom: 44px; /* background: url(../images/subscribe-search-bg.png) no-repeat; background-size: cover; height: 76px; */ }
.subscribe-section .subscribe-content form .form-group { margin: 0; }
.subscribe-section .subscribe-content form .form-control { display: inline-block; width: 100%; padding: 0px 20px; font-size: 25px; line-height: 30px; height: auto; font-family: 'Yantramanav', sans-serif; border-radius: 0px; background: transparent; border: none; font-weight: 300; color: #fff; height: 76px; background: url(../images/subscribe-search-bg.png) no-repeat; background-size: cover; }
.subscribe-section .subscribe-content form input[type="text"]::-webkit-input-placeholder {
color: #fff;
}
.subscribe-section .subscribe-content form input[type="text"]::-moz-placeholder { /* Firefox 19+ */
color: #fff;
}
.subscribe-section .subscribe-content form input[type="text"]:-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
.subscribe-section .subscribe-content form input[type="text"]:-moz-placeholder { /* Firefox 18- */
color: #fff;
}
#myForm input[type=submit] { font-size: 18px; line-height: 18px; color: #101010; font-weight: bold; padding: 20px 83px; display: inline-block; border-radius: 3px; background: #fcc824; margin-bottom: 0px; text-decoration: none; font-family: 'Yantramanav', sans-serif; outline: none; border-radius: 0px; margin-top: 30px; }
.subscribe-section .subscribe-content span .GetQuote { font-size: 18px; line-height: 18px; color: #101010; font-weight: bold; padding: 20px 45px; display: inline-block; border-radius: 3px; background: #fcc824; margin-bottom: 36px; text-decoration: none; font-family: 'Yantramanav', sans-serif; outline: none; border-radius: 0px; }
.subscribe-section .subscribe-content span { display: block; }
.subscribe-section .subscribe-content p { font-size: 36px; line-height: 1; color: #fff; font-family: 'Yantramanav', sans-serif; font-weight: 100; }
/* Our Client Section -------------------------------*/
.client-work .client-block { float: left; background: rgba(27,27,27,.6); padding: 22px 64px 52px; width: 50%; }
.content .our-client-section .client-work { border: 2px solid rgba(255,255,255,.4); margin-bottom: 126px; }
.content .our-client-section { padding: 106px 0px 10px; text-align: center; }
.client-work .client-block img { width: 100%; }
.client-work .client-block:first-child { border-right: 1px solid #fff; }
.client-work .client-block h3 { margin-bottom: 24px; font-size: 25px; line-height: 25px; font-weight: 900; color: #fff; font-family: 'Yantramanav', sans-serif; text-align: left; }
.content .our-client-section h2 { font-size: 46px; line-height: 1; font-weight: bold; color: #fff; font-family: 'Yantramanav', sans-serif; margin-bottom: 92px; }
.content .our-client-section .logos ul li { display: inline-block; vertical-align: top; margin-right: 92px; }
.content .our-client-section .logos ul li:last-child { margin-right: 0px; }
/* footer --------------------------------------------------*/
.footer { background: url(../images/footer-bg.png) no-repeat; background-size: cover; }
/* .footer .footer-top { background: rgba(202,162,37,0.7); } */
.footer h3{font-size: 40px;
font-family: 'Yantramanav', sans-serif;
color: #232121;
font-weight: bold;
margin-top: 20px;
margin-bottom: 14px;
text-align: center;
}
.footer .footer-top .footer-menu { padding: 96px 0px; border-right: 1px solid #000; text-align: center; }
/* .footer .footer-top .footer-menu ul li a { font-size: 20px; font-weight: 500; color: #fff; margin-bottom: 12px; line-height: 24px; display: inline-block; } */
.footer .footer-top .footer-menu ul li a { font-size: 20px; font-weight: 500; color: #000; margin-bottom: 12px; line-height: 24px; display: inline-block; }
.footer .footer-top .footer-menu ul li:last-child a { margin: 0; }
.footer .footer-top .footer-menu ul li a:hover { text-decoration: none; outline: none; color: #3b3b3b; }
.footer .footer-top .footer-social-icon { border-right: 1px solid #fff; padding: 190px 0px; text-align: center; }
.footer .footer-top .footer-menu ul li { text-align: left; }
.footer .footer-top .footer-menu ul { display: inline-block; }
.footer .footer-top .footer-social-icon ul li { display: inline-block; margin-right: 10px; }
.footer .footer-top .footer-social-icon ul li a { text-decoration: none; outline: none; display: inline-block; width: 40px; height: 40px; border: 1px solid #fff; vertical-align: top; padding-top: 3px; }
.footer .footer-top .footer-social-icon ul li:last-child { margin: 0px; }
.footer .footer-top .question { padding: 190px 0px 0px; text-align: center; }
.footer .footer-top .question p { font-size: 25px; color: #fff; line-height: 38px; text-align: left; font-family: 'Yantramanav', sans-serif; }
.footer .footer-top .question p span { display: block; font-size: 36px; font-weight: 400; }
.footer-bottom { background: url(../../images/footer-bg-original.png) no-repeat; background-size: cover; text-align: center; padding: 36px 0px; }
.footer-bottom .copyright p { color: #1e1e1e; font-family: 'Yantramanav', sans-serif; font-size: 20px; font-weight: 500; }
/*--------------------------------------------- New Footer Menu 2 ------------------------------------*/
.footer { background: url(../images/footer-bg-new.png) no-repeat; background-size: cover;}
/* .footer .footer-top { background: rgba(202,162,37,0.7); } */
/* .footer .footer-top .footer-menu-2 { padding: 96px 20px 96px 10px; border-right: 1px solid #000; text-align: center; } */
/* .footer .footer-top .footer-menu-2 { padding: 48px 60px 24px 10px; border-right: 1px solid #000; text-align: center; } */
.footer .footer-top .footer-menu-2 { padding: 30px 20px 30px 20px; text-align: center; }
/* .footer .footer-top .footer-menu ul li a { font-size: 20px; font-weight: 500; color: #fff; margin-bottom: 12px; line-height: 24px; display: inline-block; } */
.footer .footer-top .footer-menu-2 ul li a { font-size: 20px; font-weight: 700; color: #000; margin-bottom: 12px; line-height: 24px; display: inline-block; }
.footer .footer-top .footer-menu-2 ul li:last-child a { margin: 0; }
.footer .footer-top .footer-menu-2 ul li a:hover { text-decoration: none; outline: none; color: #3b3b3b; }
/* .footer .footer-top .footer-social-icon { border-right: 1px solid #fff; padding: 190px 0px; text-align: center; } */
/* .footer .footer-top .footer-menu-2 ul li { text-align: left; } */
/* .footer .footer-top .footer-menu-2 ul { display: inline-block; } */
/*------------------------------------------- New Footer Menu 3 -----------------------------------*/
.footer { background: url(../images/footer-bg-new.png) no-repeat; background-size: cover; }
/* .footer .footer-top { background: rgba(202,162,37,0.7); } */
/* .footer .footer-top .footer-menu-3 { padding: 96px 0px; border-right: 1px solid #000; text-align: center; } */
.footer .footer-top .footer-menu-3 { padding: 6px 0px; text-align: center; }
/* .footer .footer-top .footer-menu ul li a { font-size: 20px; font-weight: 500; color: #fff; margin-bottom: 12px; line-height: 24px; display: inline-block; } */
.footer .footer-top .footer-menu-3 ul li a { font-size: 20px; font-weight: 700; color: #000; margin-bottom: 12px; line-height: 24px; display: inline-block; }
.footer .footer-top .footer-menu-3 ul li:last-child a { margin: 0; }
.footer .footer-top .footer-menu-3 ul li a:hover { text-decoration: none; outline: none; color: #3b3b3b; }
/* .footer .footer-top .footer-social-icon { border-right: 1px solid #fff; padding: 190px 0px; text-align: center; } */
/* .footer .footer-top .footer-menu-3 ul li { text-align: left; } */
.footer .footer-top .footer-menu-3 ul { display: inline-block; }
/*------------------------------------------- Footer Bottom -----------------------------------*/
.footer-bot { background-color:#222222; }
.footer-bot h2 { font-size:30px; line-height:45px; color:#fff; font-weight:700; padding-top:30px; }
.footer-bot img { margin:10px 0px 10px 0px; float: center; }
.footer-bot .footer-bot-list h2 { font-size:30px; line-height:45px; color:#fff; font-weight:700; padding-top:52px; }
.footer-bot .footer-bot-list { margin-bottom:73px; }
.footer-bot .footer-bot-list ul li { font-size:16px; line-height:25px; font-weight:400; color:#d7c000; }
.footer-bot .footer-bot-list ul li a { font-size:16px; line-height:25px; font-weight:400; color:#d7c000; }
.footer-bot .footer-bot-list ul li a:hover { text-decoration:none; color:#fff; }
.footer-bot .footer-bot-social img { margin:52px 0px 16px 0px; float: left; }
ul { padding-left: 0px; }
.footer-bot .footer-bot-social ul li { display:inline-block; padding-right:7px; }
.footer-bot .footer-bot-social ul li img { margin:0; float: left; }
.footer-bot .footer-bot-social ul li a { margin-bottom:10px; display:inline-block; }
.footer-bot .footer-bot-social ul li:last-child a { padding-right:0; }
.footer-bot .footer-bot-social p { font-size:12px; line-height:15px; font-weight:400; color:#fff; margin-bottom:32px; }
.footer-bot .footer-bot-social span { font-size:13px; font-weight:400; color:#fff; margin-bottom:0px; display:inline-block; }
.footer-bot-q { background: #222222; padding: 28px 0px; text-align: center; }
.footer-bot-q .contact > p { vertical-align: top; font-size: 40px; color: #fff; font-family: 'Yantramanav', sans-serif; float: left; line-height: 55px; font-weight: bold; }
.footer-bot-q .contact { display: inline-block; width: 80%; }
.footer-bot-q .contact a { padding: 18px 0px; width: 25%; text-align: center; display: inline-block; vertical-align: top; color: #231f20; font-family: 'Yantramanav', sans-serif; font-weight: bold; background: #fcc824; font-size: 22px; line-height: 1; text-decoration: none; outline: none; }
/*-------------------------------------------- Services Page---------------------------------------*/
.services { }
.services .banner-detail { padding: 115px 0px; }
.services .banner-detail > h2 { font-family: 'Yantramanav', sans-serif; font-size: 34px; line-height: 34px; font-weight: bold; margin-bottom: 12px; color: #fff; text-transform: uppercase; }
.services .banner-detail h3 { font-family: 'Yantramanav', sans-serif; font-size: 24px; line-height: 24px; font-weight: bold; color: #fff; letter-spacing: 0px; text-transform: none; }
.section-heading { text-align: center; margin-bottom: 94px; }
.section-heading > h2 { font-family: 'Yantramanav', sans-serif; font-weight: bold; color: #2c2c2c; text-transform: uppercase; margin-bottom: 32px; }
.section-heading p { font-family: 'Yantramanav', sans-serif; color: #2c2c2c; font-size: 20px; line-height: 28px; font-weight: 400; }
.section-trailer { margin-bottom: 0px; }
.section-trailer> h2 { font-family: 'Yantramanav', sans-serif; font-weight: bold; color: #2c2c2c; text-transform: uppercase; margin-bottom: 32px; text-align: center; }
.section-trailer p { font-family: 'Yantramanav', sans-serif; color: #2c2c2c; font-size: 20px; line-height: 28px; font-weight: 400; text-align: left; }
.section-heading-auction { text-align: left; margin-bottom: 94px; }
.section-heading-auction > h2 { font-family: 'Yantramanav', sans-serif; font-weight: bold; color: #2c2c2c; text-transform: uppercase; margin-bottom: 32px; }
.section-heading-auction p { font-family: 'Yantramanav', sans-serif; color: #2c2c2c; font-size: 20px; line-height: 28px; font-weight: 400; }
.recent-proj-img { margin-bottom: 120px; }
.recent-proj-img-t { margin-bottom: 0px; }
/*-------------NEW Transports Dark code------------------------*/
.content .transport { padding: 0px 0px 0px; background-color: #222222; }
.transport-img { padding: 0px 0px 0px; width: 100%; }
.transport-text { padding: 40px 20px 10px; background-color: #222222; }
.transport-text h2 { font-family: 'Yantramanav', sans-serif; color: #fff; font-weight: bold; font-size: 30px; text-transform: uppercase; text-align: left; margin-bottom: 20px; }
.transport-text h3 { font-family: 'Yantramanav', sans-serif; color: #fff; font-weight: bold; font-size: 24px; text-transform: uppercase; text-align: left; margin-bottom: 20px; }
.transport-text p { font-family: 'Yantramanav', sans-serif; font-weight: normal; font-size: 18px; line-height: 20px; color: #fff; text-align: left; }
/*-------------NEW Transports Dark code------------------------*/
.content .transport-d { padding: 32px 0px 20px 0px; background-color: #222222; }
.transport-img-d { padding: 0px 0px 0px; }
.transport-img-d img{ width: 100%;}
ro.transport-text-d { padding: 40px 20px 10px; background-color: #222222; }
.transport-text-d h2 { font-family: 'Yantramanav', sans-serif; color: #fff; font-weight: bold; font-size: 30px; text-transform: uppercase; text-align: left; margin-bottom: 20px; }
.transport-text-d h3 { font-family: 'Yantramanav', sans-serif; color: #fff; font-weight: bold; font-size: 24px; text-transform: uppercase; text-align: left; margin-bottom: 20px; }
.transport-text-d p { font-family: 'Yantramanav', sans-serif; font-weight: normal; font-size: 18px; line-height: 20px; color: #fff; text-align: left; padding-bottom: 10px;}
.tranport-ship-d li{ list-style: circle; color: #FFF; font-size: 20px;}
/*-------------NEW Transports Yellow code------------------------*/
.content .transport-y { padding: 20px 0px 20px 0px; background: url(../images/about-us-content-bg.png) no-repeat; background-size: cover; }
.transport-img-y { padding: 0px 0px 0px; width: 100%; }
.transport-text-y { padding: 40px 20px 10px; }
.transport-text-y h2 { font-family: 'Yantramanav', sans-serif; color: #000; font-weight: bold; font-size: 30px; text-transform: uppercase; text-align: left; margin-bottom: 20px; }
.transport-text-y h3 { font-family: 'Yantramanav', sans-serif; color: #000; font-weight: bold; font-size: 24px; text-transform: uppercase; text-align: left; margin-bottom: 20px; }
.transport-text-y p { font-family: 'Yantramanav', sans-serif; font-weight: normal; font-size: 18px; line-height: 20px; color: #000; text-align: left; }
.transport-text-y ul li{
list-style:circle; font-size: 20px;
padding-bottom: 10px;
}
/*-------------NEW Generators code------------------------*/
.content .generator { padding: 0px 0px 0px; background-color: #222222; }
.generator-img { padding: 30px 0px 30px 0px; width: 100%; }
.generator-text { padding: 40px 20px 10px; }
.generator-text h2 { font-family: 'Yantramanav', sans-serif; color: #fcc842; font-weight: bold; font-size: 30px; text-transform: uppercase; text-align: left; margin-bottom: 20px; }
.generator-text h3 { font-family: 'Yantramanav', sans-serif; color: #fff; font-weight: bold; font-size: 24px; text-transform: uppercase; text-align: left; margin-bottom: 20px; border-bottom: 1px solid #fcc842; }
.generator-text p { font-family: 'Yantramanav', sans-serif; font-weight: normal; font-size: 18px; line-height: 20px; color: #fff; text-align: left; }
/*-------------NEW Manufacturers code------------------------*/
.content .manufacturers { padding: 0px 0px 30px; background-color: #fff; text-align: center; }
.manufacturers-text { padding: 40px 5px 50px; }
.manufacturers-text h3 { font-family: 'Yantramanav', sans-serif; color: #000; font-weight: bold; font-size: 30px; text-transform: uppercase; text-align: center; margin-bottom: 20px; }
.manufacturers-text p { font-family: 'Yantramanav', sans-serif; color: #000; font-weight: bold; font-size: 14px; line-height: 14px; text-transform: uppercase; text-align: center; margin-bottom: 20px; }
.manufacturers-text a:link { text-decoration: none; color: #222222; }
.manufacturers-text a:visited { text-decoration: none; color: #222222; }
.manufacturers-text a:hover { text-decoration: underline; color: #af8d22; }
.manufacturers-text a:active { text-decoration: underline; color: #af8d22; }
/*-------------NEW Shipping code------------------------*/
.content .shipping { padding: 0px 0px 30px; background-color: #fccb30; text-align: center; }
.shipping-text { padding: 40px 5px 0px; }
.shipping-text h3 { font-family: 'Yantramanav', sans-serif; color: #000; font-weight: bold; font-size: 30px; text-transform: uppercase; text-align: center; margin-bottom: 20px; }
.shipping-text p { font-family: 'Yantramanav', sans-serif; font-weight: normal; font-size: 18px; line-height: 20px; color: #000; text-align: left; }
.shipping-text ul { font-family: 'Yantramanav', sans-serif; font-weight: normal; font-size: 18px; line-height: 20px; color: #000; text-align: center; }
.shipping-text img { margin-left: auto; margin-right: auto; }
/*-------------NEW Products code------------------------*/
.content .products { padding: 0px 0px 0px; background-color: #222222; }
.products-img { padding: 10px 0px 10px; width: 100%; }
.products-text { padding: 40px 20px 10px; background-color: #222222; }
.products-text h3 { font-family: 'Yantramanav', sans-serif; color: #fff; font-weight: bold; font-size: 30px; text-transform: uppercase; text-align: left; margin-bottom: 20px; }
.products-text p { font-family: 'Yantramanav', sans-serif; font-weight: normal; font-size: 18px; line-height: 20px; color: #fff; text-align: left; }
/*-----------------------------------------About Us Page --------------------------------------------*/
.about-us-content { padding: 100px 0px 0px; background: url(../images/about-us-content-bg.png) no-repeat; background-size: cover; }
.about-us-content-block { }
.about-us-content-block .content-img img { width: 100%; }
.about-us-content-block .content-text h3 { font-family: 'Yantramanav', sans-serif; color: #626060; font-weight: bold; font-size: 42.8px; text-transform: uppercase; margin-bottom: 30px; }
.about-us-content-block .content-text p { font-family: 'Yantramanav', sans-serif; font-weight: 400; font-size: 30px; line-height: 43px; color: #282828; text-align: justify; }
.about-us-content-block .bottom-txt p { font-family: 'Yantramanav', sans-serif; font-weight: 400; font-size: 30px; line-height: 43px; color: #282828; text-align: justify; margin-bottom: 75px; }
.about-us-content-block .bottom-txt { text-align: center; }
.about-us-content-block .bottom-txt a { text-decoration: none; outline: none; color: #231f20; font-family: 'Yantramanav', sans-serif; font-weight: bold; width: 25%; display: inline-block; background: #fcc824; font-size: 22px; line-height: 47px; }
.about-us-our-history .content-text h3 { color: #626060; font-size: 50px; font-weight: bold; margin-bottom: 50px; font-family: 'Raleway', sans-serif; }
.about-us-our-history .content-text p { color: #282828; font-size: 30px; font-weight: 400; font-family: 'Raleway', sans-serif; line-height: 45px; text-align: justify; }
.about-us-our-history .content-img > img { width: 100%; }
/*------------------------------------------------------Gallery Page----------------------------------*/
.galley-block .gallery-img { position: relative; overflow: hidden; margin-bottom: 15px; }
.galley-block .gallery-img .hover { transition: all 0.8s; position: absolute; bottom: 0px; top: 286px; width: 100%; z-index: 1; display: inline-block; left: 0; transition: all 0.8s; background-color: rgba(34, 34, 34, .9); height: 100%; text-align: center; }
.galley-block .gallery-img:hover .hover { top: 0; height: 100%; transition: all 0.8s; }
.galley-block .gallery-img .hover > a { text-decoration: none; outline: none; position: absolute; top: 50%; display: block; width: 100%; color: #fff; font-family: 'Raleway', sans-serif; font-weight: bold; }
.galley-block .gallery-img img { width: 100%; }
.fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; }
/*---------------------------------------------------------------- Services Page -------------------------------------------------------------*/
.services-block .services-block-content { text-align: center; margin-bottom: 38px; }
.services-block .services-block-content > img { margin-bottom: 36px; }
.services-block .services-block-content h3 { font-size: 24px; font-family: 'Yantramanav', sans-serif; font-weight: 600; color: #112622; margin-bottom: 26px; }
.services-block .services-block-content h3 a { font-size: 24px; line-height: 22px; font-family: 'Yantramanav', sans-serif; font-weight: 600; color: #112622; margin-bottom: 26px; }
.services-block .services-block-content p { font-size: 16px; font-family: 'Yantramanav', sans-serif; font-weight: 400; color: #717171; margin-bottom: 38px; }
/*-- .services-block .services-block-content p { font-size: 16px; font-family: 'Yantramanav', sans-serif; font-weight: 400; color: #717171; margin-bottom: 38px; } --*/
.services-block .services-block-content a { font-size: 16px; line-height: 18px; color: #232121; display: inline-block; text-decoration: none; font-family: 'Yantramanav', sans-serif; outline: none; font-weight: 500; }
.services-block .services-block-content a > span { display: inline-block; margin-left: 10px; }
.recent-proj-img img { width: 100%; }
.recent-proj-content h3 { font-size: 30px; font-family: 'Yantramanav', sans-serif; color: #232121; font-weight: bold; margin-top: 70px; margin-bottom: 14px; }
.recent-proj-content p { font-size: 16px; font-family: 'Yantramanav', sans-serif; font-weight: 400; color: #231f20; line-height: 24px; }
.recent-proj-content a { font-size: 18px; line-height: 18px; color: #101010; font-weight: bold; padding: 20px 45px; display: inline-block; background: #fcc824; text-decoration: none; font-family: 'Yantramanav', sans-serif; outline: none; border-radius: 0px; }
/*------------------------------------------------------Contact Us Page -------------------------------------------------------*/
.form-heading h3 { font-family: 'Yantramanav', sans-serif; font-weight: 400; font-size: 25px; color: #1c1c1c; margin-bottom: 42px; }
.form form .form-control { border-radius: 0px; border: 1px solid #969592; box-shadow: none; outline: none; height: 51px; background: #f2f2f2; margin-bottom: 20px; font-family: 'Raleway', sans-serif; color: #949494; }
.form form textarea.form-control { height: auto; resize: none; }
.form form .panel-footer { border: none; background: none; text-align: center; padding-top: 15px; }
.form form .panel-footer .btn { font-size: 18px; line-height: 18px; color: #101010; font-weight: bold; padding: 20px 45px; display: inline-block; background: #fcc824; text-decoration: none; font-family: 'Yantramanav', sans-serif; outline: none; text-transform: uppercase; border: none; border-radius: 0; width: 18%; margin-bottom: 94px; }
.contact-number { background: #1c1c1c; padding: 20px; }
.contact-number .address { padding: 9px 10px; }
.contact-number .address p { font-family: 'Yantramanav', sans-serif; color: #f6f4e0; font-weight: 100; font-size: 20px; line-height: 20px; }
.contact-number .address .brd { border-bottom: thin #c3c3c3 solid; padding-bottom: 15px; }
.contact-number p { font-family: 'Yantramanav', sans-serif; color: #f6f4e0; font-weight: 400; font-size: 42px; line-height: 44px; }
.contact-number p span { display: block; font-size: 61px; line-height: 64px; }
.form_cnt>p { visibility: hidden; display: none; padding: 0px !important; }
/* ----------------------------------- Career Page -------------- */
.agent-block { text-align: center; }
.agent-block > h2 { font-size: 40px; line-height: 1; font-family: 'Yantramanav', sans-serif; color: #282828; margin-bottom: 60px; font-weight: bold; }
.agent-block .instruction-points { text-align: left; margin-bottom: 40px; }
.agent-block .instruction-points > span { font-size: 22px; line-height: 1; font-family: 'Yantramanav', sans-serif; color: #282828; font-weight: bold; display: inline-block; margin-bottom: 22px; }
.agent-block .instruction-points ul li { list-style: disc; list-style-position: inside; font-size: 20px; line-height: 32px; font-family: 'Yantramanav', sans-serif; color: #282828; font-weight: 400; }
.agent-block .instruction-points p { font-size: 20px; line-height: 32px; font-family: 'Yantramanav', sans-serif; color: #282828; font-weight: 400; margin-bottom: 40px; }
.agent-form .instruction-points > span { margin: 0; }
.agent-form .instruction-points > .form .modal-body { padding: 0; display: inline-block; width: 60%; vertical-align: top; margin-right: 55px; }
.agent-form .instruction-points .form .panel-footer { text-align: left; padding: 0; }
.agent-form .instruction-points .form .panel-footer .btn { margin: 0; width: 50%; }
.radio input[type="radio"] { opacity: 0; margin-left: 0px; }
.radio label::before { content: ""; display: inline-block; position: absolute; width: 10px; height: 10px; left: 20px; margin-left: -20px; border-radius: 50%; background-color: #fcc824; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; top: 10px; }
.radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
.radio label::after { display: inline-block; position: absolute; content: ""; width: 4px; height: 4px; left: 23px; top: 13px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.agent-form.right { /*margin-top: 26%;*/ display: inline-block; vertical-align: top; }
.agent-form.right .instruction-points > span { font-size: 18px; }
.agent-form.right .instruction-points .form label { font-size: 20px; line-height: 30px; }
.call-at { background: #282828; padding: 28px 0px; text-align: center; }
.call-at .contact > p { vertical-align: top; font-size: 40px; color: #fff; font-family: 'Yantramanav', sans-serif; float: left; line-height: 55px; font-weight: bold; }
.call-at .contact { display: inline-block; width: 80%; }
.call-at .contact a { padding: 18px 0px; width: 25%; text-align: center; display: inline-block; vertical-align: top; color: #231f20; font-family: 'Yantramanav', sans-serif; font-weight: bold; background: #fcc824; font-size: 22px; line-height: 1; text-decoration: none; outline: none; }
.career-content { padding-bottom: 0px; }
.career-main-page .banner-detail h3 { font-size: 20px; letter-spacing: 1px; }
.newsletter_submit { font-size: 18px; line-height: 18px; color: #101010; font-weight: bold; padding: 20px 83px; display: inline-block; border-radius: 3px; background: #fcc824; margin-bottom: 0px; text-decoration: none; font-family: 'Yantramanav', sans-serif; outline: none; border-radius: 0px; margin-top: 30px; }
.err-div { display: inline; position: relative; top: -20px; color: #F00; font-weight: bold; }
.agent-block .instruction-points p a { text-decoration: none; outline: none; font-weight: bold; }
.mainCaptcha { width: 60%; display: inline-block; float: left; padding: 0px 20px; font-size: 25px; line-height: 30px; font-family: 'Yantramanav', sans-serif; border-radius: 0px; border: none; font-weight: 300; color: #fff; height: 76px; background: url(../images/subscribe-search-bg.png) no-repeat; background-size: cover; margin-top: 10px; margin-top: 10px; padding-top: 20px; text-decoration: line-through; font-style: italic; }
.mainCaptcha p { text-decoration: underline; }
.mainCaptcha p span { text-decoration: overline; -ms-transform: rotate(-7deg); /* IE 9 */ -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */ transform: rotate(-7deg); }
.newsletter_refresh { font-size: 18px; line-height: 18px; color: #101010; font-weight: bold; padding: 28px 83px; display: inline-block; background: #fcc824; text-decoration: none; font-family: 'Yantramanav', sans-serif; outline: none; border-radius: 0px; margin-top: 10px; }
/*-------------------Excavators Page Css-------------------------------*/
.excavator .banner-detail h3 { letter-spacing: 0px; font-weight: 400; font-size: 25px; line-height: 30px; }
.excavators-content h2 { font-size: 28px; color: #2c2c2c; line-height: 1; margin-bottom: 30px; font-weight: bold; font-family: 'Yantramanav', saserif; }
.excavators-content h3 { font-size: 24px; color: #2c2c2c; line-height: 1; margin-bottom: 30px; font-weight: bold; text-align: center; font-family: 'Yantramanav', saserif; }
.excavators-content h5 { font-size: 19px; color: #2c2c2c; line-height: 1; margin-bottom: 30px; font-weight: bold; font-family: 'Yantramanav', saserif; text-align: center; }
.excavators-content p { font-size: 19px; text-align: justify; line-height: 24px; font-family: 'Yantramanav', saserif; }
.excavators-content ul li { font-size: 19px; text-align: justify; line-height: 24px; font-family: 'Yantramanav', saserif; }
.excavator-content-block { margin-bottom: 0px; }
.excavators .excavators-content-detail { margin-top: 62px; }
.excavator-content-block .excavators-content-detail h3 { font-size: 26px; }
.excavators-content-detail h3 { font-size: 26px; font-family: 'Yantramanav', saserif; color: #626060; line-height: 1; border-bottom: 1px solid #fcc842; margin-bottom: 52px; display: inline-block; font-weight: 500; }
.excavators-content-detail .excavator-detail { margin-bottom: 20px; }
.excavators-content-detail .excavator-detail h4 { font-size: 20px; line-height: 1; color: #3d3c3c; font-family: 'Yantramanav', saserif; font-weight: 500; margin-bottom: 18px; }
.excavators-content-detail .excavator-detail p { font-size: 20px; line-height: 26px; color: #4e4e4e; font-family: 'Yantramanav', saserif; font-weight: normal; text-align: justify; margin-bottom: 24px; }
.excavators-content-detail .excavator-detail a { text-decoration: none; outline: none; background: #fcc824; text-align: center; display: inline-block; width: 51%; padding: 25px 0px; font-size: 14px; line-height: 1; color: #333333; font-family: 'Yantramanav', saserif; font-weight: bold; text-transform: uppercase; }
.excavators-content-detail .excavator-detail a.zoom { background: url("../../sa/images/zoom-icon.png") no-repeat #fcc824 center; }
.excavators-content-detail .excavator-detail a img { display: none; }
.excavators-content-detail .excavator-detail .img-zoom { position: relative; margin-bottom: 20px; }
.excavators-content-detail .excavator-detail .img-zoom img { width: 100%; }
.excavators-content-detail .excavator-detail .img-zoom .zoom { text-decoration: none; outline: none; position: absolute; bottom: 0px; right: 0px; display: inline-block; width: 14%; }
.excavators-content-detail .excavator-detail .img-zoom a > img { width: auto; margin-bottom: 0px; }
.excavators { padding-bottom: 30px; }
.buses { padding: 50px 0px 25px; background: #fff no-repeat; background-size: cover; }
/* FANCY BOX GALLERY */
.fancybox-thumbs { top: auto !important; width: auto !important; bottom: 10px !important; left: 0 !important; right : 0 !important; height: 80px !important; background: rgba(255,255,255,.1) !important; }
.fancybox-thumbs > ul > li { border-color: transparent !important; }
.fancybox-container--thumbs .fancybox-caption-wrap, .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap { right: 0 !important; bottom: 90px !important; }
/*---Our Project---*/
.content .ourProject-view { position: relative; }
.content .ourProject-detail h3 { margin-top: 6px; }
.content .ourProject-view { margin-bottom: 60px; }
.content .specifications { margin-top: 22px; }
.content .spec span img { margin-right: 9px; }
.content .spec span { font-size: 16px; line-height: 24px; color: #2e1f1f; font-weight: 400; padding-bottom: 5px; }
.content .spec span:nth-child(2) { font-weight: 300; float: right; }
.content .thumbnail-images { margin-top: 10px; }
.content .thumbnail-images a { display: inline-block; width: 85px; margin-left: 4px; }
.content .thumbnail-images a:first-child { margin-left: 0px; }
.brd_img { padding: 10px; border: 1px solid #000; }
@media all and (max-width: 800px) {
.fancybox-thumbs { display: none !important; }
.fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { bottom: 0 !important; }
}
/* FANCY BOX GALLERY */
.map_add1, .map_add2, .map_add3, .map_add4, .map_add5 { cursor: pointer; }
.map_cnt1, .map_cnt2, .map_cnt3, .map_cnt4, .map_cnt5 { position: absolute; top: 0px; left: 0px; padding: 0px 0px 0px 15px; }
.location-map { outline: solid #ccc 3px; }
/* media queries ----------------------------------------------*/
@media screen and (max-width: 1680px) {
.banner .banner-detail { padding: 160px 0px 110px 0px; text-align: center; }
.banner .banner-detail h3 { font-size: 30px; }
.main-services .banner-detail h3 { font-size: 20px; letter-spacing: 1px; }
.career-main-page .banner-detail h3 { font-size: 20px; letter-spacing: 1px; }
.excavator .banner-detail h3 { font-size: 25px; }
}
@media screen and ( max-width: 1366px ) {
.banner .banner-detail { padding: 40px 0px 70px 0px; }
.banner .banner-detail > h3 { letter-spacing: 6px; }
.banner .banner-detail > p { margin: 10px 0px 30px; line-height: 36px; }
.banner .banner-detail .GetQuote { font-size: 17px; padding: 14px 20px; margin-bottom: 30px; }
.banner .banner-detail > h3 { font-size: 30px; }
.excavator .banner-detail h3 { font-size: 18px; letter-spacing: 0px; line-height: 22px; }
}
@media screen and (max-width:1199px) {
header .header-nav ul.pull-right li a { padding: 22px 28px; }
.banner .banner-detail > img { display: inline-block; margin-bottom: 0px; width: 100%; }
.banner .banner-detail > h3 { font-size: 28px; margin: 10px 0px 20px; }
.banner .banner-detail > p { font-size: 28px; margin: 10px 0px 42px; }
.content .services-section { padding: 60px 0px; }
.content .specialist-section .specialist-heavy-hauler img { min-height: 434px; }
.content .specialist-section { margin: 0px 0px 50px; }
.content .our-history-section h3 { margin-bottom: 50px; }
.content .our-history-section .history-para p { font-size: 20px; line-height: 26px; margin-bottom: 19px; }
.about-us-content { padding: 70px 0px 70px; }
.about-us-content-block { margin-bottom: 100px; }
.about-us-content-block .content-text h3 { font-size: 34px; margin-bottom: 10px; }
.about-us-content-block .content-text p { font-size: 24px; line-height: 36px; }
.about-us-content-block .bottom-txt p { font-size: 24px; line-height: 36px; margin-bottom: 40px; }
.about-us-our-history .content-text h3 { font-size: 34px; margin-bottom: 10px; }
.about-us-our-history .content-text p { font-size: 24px; line-height: 43px; }
.excavator .banner-detail h3 { letter-spacing: 0px; }
.recent-proj-content h3 { margin-top: 0px; }
.services .banner-detail h3 { letter-spacing: 0px; }
.services-block .services-block-content p { text-align: justify; }
/*------our-services-css----*/
.our-services .heavy-hauler-list h2 { font-size: 24px; line-height: 30px; }
.our-services .heavy-hauler-list ul li p { font-size: 15px; line-height: 30px; }
.demo-truck-img img { width: 42%; top: 30px; }
.content .our-services-page { padding: 40px 0px; }
.content .our-services-page .section-heading > h2 { font-size: 40px; line-height: 52px; margin-bottom: 10px; }
.content .our-services-page .section-heading p { font-size: 20px; line-height: 30px; color: #231f20; padding: 0px 0px; }
.logo-content ul { text-align: left; }
.logo-content ul li { margin-right: 40px; text-align: left; }
.logo-content ul li:last-child { margin-right: 0px; margin-left: 0px; }
.asia_mapclass h3{
font-size: 130%;
font-weight: 800;
}
}
@media screen and (max-width:991px) {
header .header-nav ul.pull-right li a { padding: 20px 20px; font-size: 15px; }
header .logo-section { width: 100%; }
header .logo-section a { display: block; }
header .logo-section img { width: 100%; }
header .header-top .header-top-right ul li { width: 94px; }
.content .specialist-section .specialist-heavy-hauler img { min-height: 334px; }
.content .specialist-section .shh-text h3 { font-size: 24px; }
.content .our-history-section .history-para p { font-size: 15px; line-height: 18px; margin-bottom: 15px; }
.subscribe-section .subscribe-content > img { width: 100%; }
.content .our-client-section .client-work { margin-bottom: 56px; }
.content .our-client-section h2 { margin-bottom: 40px; }
.content .our-client-section .logos ul li { margin-right: 20px; }
.content .our-client-section { padding: 60px 0px 60px; }
.footer .footer-top .question { padding: 180px 0px 0px; }
.footer .footer-top .question p { font-size: 20px; }
.about-us-content { padding: 50px 0px 50px; }
.about-us-content-block { margin-bottom: 50px; }
.about-us-content-block .content-text h3 { font-size: 24px; margin-bottom: 5px; }
.about-us-content-block .content-text p { font-size: 18px; line-height: 29px; }
.about-us-content-block .bottom-txt p { font-size: 18px; line-height: 29px; margin-bottom: 20px; }
.about-us-our-history .content-text h3 { font-size: 24px; margin-bottom: 5px; }
.about-us-our-history .content-text p { font-size: 18px; line-height: 33px; }
.services-block .services-block-content { margin-bottom: 60px; }
.services-block .services-block-content p { font-size: 15px; }
.recent-proj-content h3 { font-size: 26px; margin: 0px 0px 12px; }
.recent-proj-content p { font-size: 16px; margin-bottom: 20px; line-height: 21px; }
.recent-proj-content a { padding: 20px 34px; }
.banner .banner-detail > h3 { font-size: 20px; letter-spacing: 5px; }
.excavator .banner-detail h3 { letter-spacing: 0px; }
.excavator-content-block { margin-bottom: 0px; }
.recent-proj-content h3 br { display: none; }
.recent-proj-content p { font-size: 13px; }
.services-block .services-block-content h3 { font-size: 16px; }
.footer .footer-top .question p span { font-size: 30px; }
.main-services .banner-detail h3 { letter-spacing: 0; }
/*-------our-services-css------------*/
.content .our-services-page .section-heading > h2 { font-size: 30px; line-height: 30px; }
.content .our-services-page .section-heading p { font-size: 16px; line-height: 22px; }
.our-services .heavy-hauler-list ul li p { font-size: 20px; line-height: 40px; }
.postion-none { display: none; }
section.hauler-reposition { padding: 20px 0px; }
section.hauler-reposition .top-heading h3 { font-size: 30px; line-height: 30px; margin-bottom: 20px; }
.reposition-content p { font-size: 16px; line-height: 26px; margin-bottom: 20px; }
.logo-content { padding: 20px 0px 30px; text-align: center; }
.logo-content ul li { margin-right: 0; display: block; text-align: center; margin-bottom: 20px; }
.logo-content h2 { font-size: 40px; line-height: 30px; margin-bottom: 40px; }
.logo-content ul li { margin-right: 0; display: block; text-align: center; margin-bottom: 20px; }
}
@media screen and (max-width:767px) {
.client-work .client-block h3 { font-size: 14px; }
.footer .footer-top .footer-menu { padding: 46px 0px; border-bottom: 1px solid #fff; text-align: center; border-right: none; }
.footer .footer-top .footer-menu ul { display: block; }
.footer .footer-top .footer-menu ul li { text-align: center; }
.footer .footer-top .footer-social-icon { border-bottom: 1px solid #fff; padding: 70px 0px; text-align: center; border-right: none; }
.footer .footer-top .question { padding: 30px 0px 30px; }
.footer .footer-top .question p { font-size: 20px; text-align: center; }
.about-us-content-block .content-text h3 { margin-top: 20px; }
.about-us-content-block .content-text h3 br { display: none; }
.about-us-content-block .bottom-txt a { width: 100%; }
.about-us-our-history .content-text p { margin-bottom: 20px; }
.galley-block .gallery-img .hover { top: 729px; }
.recent-proj-content h3 { margin: 20px 0px 12px; }
.form form .panel-footer .btn { width: 100%; margin-bottom: 40px; }
header .logo-section { padding: 20px 0px; }
header .logo-section a { text-align: center; }
header .logo-section a > img { width: 50%; }
header .header-top .header-top-right { margin: 10px 0px; }
.excavator .banner-detail h3 { letter-spacing: 0px; font-size: 16px; }
.excavator-content-block { margin-bottom: 0px; }
.content .specialist-section .specialist-heavy-hauler { margin-bottom: 20px; }
.content .specialist-section .specialist-heavy-hauler.home-gallery .hover { top: 660px; }
/*---our-services-css------*/
.content .our-services-page { padding: 20px 0px; }
.content .our-services-page .section-heading > h2 { font-size: 22px; line-height: 30px; }
.content .our-services-page .section-heading p { font-size: 14px; line-height: 18px; text-align: justify; }
.our-services .heavy-hauler-list h2 { font-size: 20px; line-height: 20px; }
.our-services .heavy-hauler-list ul li p { font-size: 13px; line-height: 26px; }
section.hauler-reposition { padding: 20px 0px; }
section.hauler-reposition .top-heading h3 { font-size: 20px; line-height: 20px; margin-bottom: 10px; }
.reposition-content p { font-size: 13px; line-height: 20px; margin-bottom: 20px; text-align: justify; }
}
@media screen and (max-width:640px) {
.banner .banner-detail { padding: 50px 0px 30px 0px; }
.banner .banner-detail > img { margin-bottom: 10px; }
.banner .banner-detail > h3 { font-size: 20px; line-height: 26px; margin: 10px 0px 20px; }
.banner .banner-detail > p { font-size: 20px; margin: 10px 0px 42px; }
.call-at .contact > p { font-size: 30px; float: none; line-height: 36px; margin-bottom: 20px; }
.call-at .contact a { width: 100%; }
.agent-form .instruction-points .form .panel-footer .btn { width: 100%; }
header .header-top .header-top-right ul li { width: 100%; }
header .header-top .header-top-right ul li a { padding: 10px 0px; }
header .header-top .header-top-right ul li p { padding: 10px 0px; }
.excavator .banner-detail h3 { letter-spacing: 0px; font-size: 12px; }
.excavator .banner-detail h3 { letter-spacing: 0px; font-size: 16px; line-height: 20px; }
.excavator .banner-detail h3 br { display: none; }
.services .banner-detail > h2 { font-size: 20px; line-height: 20px; margin-bottom: 8px; }
.excavators-content h2 { font-size: 22px; margin-bottom: 20px; }
.excavator-content-block { margin-bottom: 0px; }
.excavators-content-detail h3 { font-size: 20px; margin-bottom: 30px; }
}
@media screen and (max-width:480px) {
.subscribe-section .subscribe-content form { width: 100%; }
.subscribe-section .subscribe-content { padding: 50px 0px 50px; }
.subscribe-section .subscribe-content p { font-size: 28px; }
.client-work .client-block { padding: 22px 30px 52px; width: 100%; }
.client-work .client-block:first-child { border-bottom: 1px solid #fff; }
.footer-bottom .copyright p { font-size: 14px; }
.about-us-content { padding: 30px 0px 30px; }
.about-us-content-block { margin-bottom: 30px; }
.about-us-content-block .content-text h3 { font-size: 17px; }
.about-us-content-block .content-text p { font-size: 14px; line-height: 20px; }
.about-us-content-block .bottom-txt p { font-size: 14px; line-height: 20px; margin-bottom: 20px; }
.about-us-our-history .content-text h3 { font-size: 17px; }
.about-us-our-history .content-text p { font-size: 14px; line-height: 24px; }
.contact-number { padding: 40px 0px; }
.contact-number p { font-size: 22px; line-height: 30px; }
.contact-number p span { display: block; font-size: 36px; line-height: 40px; }
.excavator .banner-detail h3 { letter-spacing: 0px; }
.excavator-content-block { margin-bottom: 0px; }
/*------------------------ our-services-css -------------*/
.content .our-services-page .section-heading > h2 { font-size: 16px; line-height: 30px; }
.content .our-services-page .section-heading p { font-size: 14px; line-height: 18px; text-align: justify; }
.our-services .heavy-hauler-list h2 { font-size: 18px; line-height: 10px; }
.our-services .heavy-hauler-list ul { padding-left: 0px; }
.our-services .heavy-hauler-list ul li p { font-size: 12px; line-height: 30px; }
.our-services .heavy-hauler-list ul li p span { margin-right: 8px; }
section.hauler-reposition .top-heading h3 { font-size: 14px; line-height: 20px; }
.reposition-content { padding-left: 0px; }
.logo-content h2 { font-size: 30px; }
.logo-content ul li img { width: 100%; }
}
@media screen and (max-width:360px) {
.content .specifications td.col-left { display: block !important; width: 100% !important; }
.content .specifications td.col-right { width: 100% !important; display: block !important; }
}
/*-------------------------------------------- Our Services Page -----------------------------------*/
.content .our-services-page { padding: 90px 0px 82px 0px; }
.content .our-services-page .section-heading > h2 { font-size: 48px; line-height: 52px; color: #232121; text-transform: capitalize; }
.content .our-services-page .section-heading p { font-size: 24px; line-height: 36px; color: #231f20; padding: 0px 8px; }
.content .our-services-page .section-heading { margin-bottom: 0; }
.content .our-services-page .section-heading-auction > h2 { font-size: 48px; line-height: 52px; color: #232121; text-transform: capitalize; text-align: center; }
.content .our-services-page .section-heading-auction p { font-size: 24px; line-height: 36px; color: #231f20; padding: 0px 8px; }
.content .our-services-page .section-heading-auction { text-align: left; margin-bottom: 0; }
.our-services .heavy-hauler-list { padding: 64px 0px 82px; text-align: center; }
.our-services .heavy-hauler-list h2 { font-size: 48px; line-height: 52px; color: #f6f6f5; font-family: 'Yantramanav', sans-serif; font-weight: bold; margin-bottom: 32px; text-align: left; }
.our-services .heavy-hauler-list ul { text-align: center; display: inline-block; vertical-align: top; padding-left: 12px; }
.our-services .heavy-hauler-list ul li { display: block; text-align: left; }
.our-services .heavy-hauler-list ul li p { font-size: 23px; line-height: 48px; color: #f6f6f5; font-weight: 100; }
.our-services .heavy-hauler-auction { padding: 64px 0px 82px; text-align: left; }
.our-services .heavy-hauler-auction h3 { font-size: 36px; line-height: 42px; color: #f6f6f5; font-family: 'Yantramanav', sans-serif; font-weight: bold; margin-bottom: 32px; text-align: left; }
.our-services .heavy-hauler-auction ul { text-align: left; display: inline-block; vertical-align: top; padding-left: 12px; }
.our-services .heavy-hauler-auction ul li { display: block; text-align: left; }
.our-services .heavy-hauler-auction ul li p { font-size: 22px; line-height: 48px; color: #f6f6f5; font-weight: bold; }
.our-services .heavy-hauler-auction p { font-size: 24px; line-height: 32px; color: #f6f6f5; font-weight: bold; }
.our-services { display: inline-block; vertical-align: top; width: 100%; position: relative; }
.demo-truck-img img { display: inline-block; vertical-align: top; position: absolute; top: 55px; right: 0; }
.demo-truck-img { display: inline-block; vertical-align: top; }
section.hauler-reposition { padding: 46px 0px; }
section.hauler-reposition .top-heading h3 { font-size: 36px; line-height: 52px; font-family: 'Yantramanav', sans-serif; font-weight: bold; margin-bottom: 35px; }
.our-services .heavy-hauler-list ul li p span { margin-right: 15px; }
.postion-none { position: static; }
.reposition-content { padding-left: 10px; }
.reposition-content p { font-size: 20px; line-height: 30px; color: #231f20; font-family: 'Yantramanav', sans-serif; }
.logo-content { padding: 50px 0px 60px; text-align: center; }
.logo-content h2 { font-size: 46px; line-height: 52px; color: #232121; font-family: 'Yantramanav', sans-serif; font-weight: bold; margin-bottom: 60px; }
.logo-content ul { }
.logo-content ul li { display: inline-block; vertical-align: top; margin-right: 85px; }
.logo-content ul li:last-child { margin-right: 0px; margin-left: 85px; }
@media screen and (max-width: 1840px ) {
.our-services .heavy-hauler-list { padding: 40px 0px 40px; text-align: left; }
.our-services .heavy-hauler-list h2 { font-size: 36px; line-height: 52px; }
.our-services .heavy-hauler-list ul li p { font-size: 18px; line-height: 48px; }
.demo-truck-img img { width: 44%; top: 30px; }
}
@media screen and ( max-width: 1400px ) {
.our-services .heavy-hauler-list h2 { font-size: 30px; line-height: 40px; }
.our-services .heavy-hauler-list ul li p { font-size: 18px; line-height: 40px; }
.demo-truck-img img { width: 44%; top: 30px; }
}
/*---Our Services 2---*/
.content .our-services-page.our-services2-page .section-heading p { font-size: 16px; line-height: 26px; }
.our-services.our-services2 .heavy-hauler-list ul li p { font-size: 17px; }
.our-services.our-services2 .reposition-content p { font-size: 15px; line-height: 24px; }
/*--- Landing Page Specs ---*/
.cities-header .header-bar { background: #fcc824; padding: 0px 0px 0px 0px; text-align: center; }
.cities-header .header-bar .header-bar-right h1 { vertical-align: top; font-size: 40px; color: #000; font-family: 'Yantramanav', sans-serif; float: left; line-height: 55px; font-weight: bold; }
.cities-header .header-bar .logo-section { display: inline-block; vertical-align: top; width: 80%; padding: 38px 0px; }
.cities-header .header-top { background: url(../images/top-header-bg.png) no-repeat; background-size: cover; }
.cities-header .header-nav { background: url(../../sa/images/nav-bg.png) no-repeat; background-size: cover; }
.cities-header .header-nav .navbar { background: transparent; border: none; margin-bottom: 0px; }
.cities-header .header-nav ul.pull-right { float: none !important; }
.cities-header .logo-section { display: inline-block; vertical-align: top; width: 80%; padding: 38px 0px; }
.cities-header .header-bar .header-bar-right { background: rgba(202,162,37,.7); margin: 38px 0px; }
.cities-header .header-bar .header-bar-right ul li { display: inline-block; vertical-align: top; width: 124px; text-align: center; border-right: 1px solid #fff; }
.cities-header .header-bar .header-bar-right ul li:after { border-right: 1px solid #fff; }
.cities-header .header-bar .header-bar-right ul li a { text-decoration: none; outline: none; padding: 12px 0px; display: inline-block; width: 100%; }
.cities-header .header-bar .header-bar-right ul li p { font-family: 'Yantramanav', sans-serif; font-weight: 600; color: #fff; padding: 12px 0px; }
.cities-header .header-bar .header-bar-right ul li:last-child { border: none; }
/*------------------ TRUCKS HEAVY-MEDIUM-LIGHT DUTY SECTION ------------------*/
.main-paragraph { padding: 50px 0px 20px 0px; background: url(../images/about-us-content-bg.png) no-repeat; background-size: cover; }
.main-paragraph h3 { font-size: 30px; font-family: 'Yantramanav', sans-serif; font-weight: 600; color: #112622; margin-bottom: 26px; }
.main-paragraph p { font-size: 18px; font-family: 'Yantramanav', sans-serif; font-weight: 400; color: #112622; margin-bottom: 38px; }
.truck-list { padding: 50px 0px 50px 0px; background: #fcc824; }
.truck-list h3 { font-size: 30px; font-family: 'Yantramanav', sans-serif; font-weight: 600; color: #112622; margin-bottom: 26px; }
.truck-list h4 { font-size: 26px; font-family: 'Yantramanav', sans-serif; font-weight: 600; color: #112622; margin-bottom: 12px; text-align: center; text-transform: uppercase; }
.truck-list p { font-size: 18px; font-family: 'Yantramanav', sans-serif; font-weight: 400; color: #112622; margin-bottom: 20px; }
.truck-list ul li { vertical-align: top; text-align: left; padding: 0px 0px 10px 0px; font-size: 18px; font-family: 'Yantramanav', sans-serif; font-weight: 400; color: #000; display: inline-block; text-decoration: none; outline: none; font-weight: bold; }
.truck-list a { font-size: 18px; font-family: 'Yantramanav', sans-serif; font-weight: 400; color: #727272; display: inline-block; text-decoration: none; outline: none; font-weight: bold; }
.truck-list a:hover { font-size: 18px; font-family: 'Yantramanav', sans-serif; font-weight: 400; color: #000000; display: inline-block; text-decoration: none; outline: none; font-weight: bold; }
.banner .parallax-data { padding: 60px 0px 20px 0px; text-align: center; }
.banner .parallax-data > h2 { color: white; font-size: 30px; line-height: 40px; font-family: "Yantramanav"; font-weight: 600; text-transform: uppercase; text-align: left; padding: 0px 0px 20px 0px; }
.banner .parallax-data > img { display: inline-block; padding: 0px 0px 50px 0px;}
.banner .parallax-data > h3 { font-family: 'Yantramanav', sans-serif; color: white; font-size: 26px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .parallax-data > h4 { font-family: 'Yantramanav', sans-serif; color: white; font-size: 18px; margin: 10px 0px 20px; font-weight: normal; text-align: left;}
.banner .parallax-data > p { font-family: 'Yantramanav', sans-serif; color: white; font-size: 18px; margin: 10px 0px 112px; font-weight: normal; text-align: left;}
.banner .parallax-data span a { display: inline-block; }
.banner .parallax-data span { display: block; }
.yellow-crackle { background: url(../images/footer-bg-new.png) no-repeat; background-size: cover; padding: 60px 0px 60px 0px; }
.yellow-crackle .crackle-text > h3 { color: #112622; font-size: 30px; line-height: 40px; font-family: "Yantramanav"; font-weight: 600; text-transform: uppercase; text-align: left; padding: 0px 0px 20px 0px; }
.yellow-crackle .crackle-text > p { font-family: 'Yantramanav', sans-serif; color: #112622; font-size: 18px; font-weight: normal; text-align: left;}
.sub-page-text { padding: 40px 20px 80px 0px; }
.sub-page-text h2 { font-family: 'Yantramanav', sans-serif; color: #fcc842; font-weight: bold; font-size: 30px; text-transform: uppercase; text-align: left; margin-bottom: 20px; }
.sub-page-text h3 { font-family: 'Yantramanav', sans-serif; color: #fff; font-weight: bold; font-size: 24px; text-transform: uppercase; text-align: left; margin-bottom: 20px; border-bottom: 1px solid #fcc842; }
.sub-page-text p { font-family: 'Yantramanav', sans-serif; font-weight: normal; font-size: 18px; line-height: 20px; color: #fff; text-align: left; }
.sub-page-text h5 { font-family: 'Yantramanav', sans-serif; font-weight: bold; font-size: 18px; line-height: 20px; color: #fcc842; text-align: left; }
.sub-bottom-text { padding: 0px 0px 0px; background-color: #222222; }
.sub-bottom-text { padding: 40px 20px 10px; background-color: #222222; }
.sub-bottom-text h3 { font-family: 'Yantramanav', sans-serif; color: #fcc842; font-weight: bold; font-size: 30px; text-transform: uppercase; text-align: left; margin-bottom: 20px; }
.sub-bottom-text p { font-family: 'Yantramanav', sans-serif; font-weight: normal; font-size: 18px; line-height: 20px; color: #fff; text-align: left; }
/*------------------ State CTA section -----------------------*/
.state-cta { background: #282828; padding: 28px 0px; text-align: center; }
.state-cta p { vertical-align: top; font-size: 40px; color: #fcc842; font-family: 'Yantramanav', sans-serif; float: center; line-height: 46px; font-weight: bold; }
/*------------------ YELLOW State CTA section -----------------------*/
.state-cta-y { background: #fcc842; padding: 28px 0px; text-align: center; }
.state-cta-y p { vertical-align: top; font-size: 40px; color: #282828; font-family: 'Yantramanav', sans-serif; float: center; line-height: 46px; font-weight: bold; }
/*------------------ compactor transport services -------------------*/
.trailer_type_img a{
color: #dfae14;
font-family: 'Yantramanav', sans-serif;
font-size: 20px;
}
.trailer_type_img h3{
font-size: 30px;
font-family: 'Yantramanav', sans-serif;
color: #232121;
font-weight: bold;
padding: 30px 50px 10px 80px;
text-align: center;
}
.compactor {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0;
}
.bomag img {
box-shadow: 8px 5px 5px #000;
}
.hamm {
padding-right: 0px;
}
.hamm img {
box-shadow: -8px 5px 5px #000;
}
.compactor1 {
padding-bottom: 50px;
}
/*----------------- END ------------------ */
/* BreakBulk Start */
.break_bulk_bottom h3{
font-family: 'Yantramanav', sans-serif;
color: #000;
font-weight: bold;
font-size: 24px;
text-transform: uppercase;
text-align: center;
}
.break_bulk_bottom {
padding-top: 30px;
}
.break_bulk p{
line-height: 32px;
font-size: 20px;
}
.break_bulk_bottom img{
box-shadow: 5px 5px 5px #000;
}
/* Breakbulk End -------*/
/* Parralax Start */
.all_parallax {
z-index: 0;
height: 490px;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
position: relative;
}
.all_parallax h2{
font-size: 45px;
line-height: 52px;
color: #f6f6f5;
font-family: 'Yantramanav', sans-serif;
font-weight: bold;
margin-bottom: 32px;
}
.all_parallax p{
font-size: 23px;
line-height: 48px;
color: #f6f6f5;
font-weight: 100;
}
.para_india1 {
background-image: url("../../images/asia/india_taj_mahal_darken.png");
}
.para_indo1{
background-image: url("../../images/asia/tanah_lot_temple_indo_darken.jpg");
}
.indo_para2{
background-image:url("../../images/choose-heavy-hauler-bg.png");
}
/* End of Parralax */
.asia_mapclass h3{
font-size: 300%;
padding-bottom: 10px;
font-family: 'Yantramanav', sans-serif;
color: #232121;
text-align: center;
}
.asia_mapclass p{
font-size: 17px;
color: #231f20;
line-height: 27px;
}
.cargo_ship_cost h2 { font-size: 48px;
line-height: 52px;
color: #f6f6f5;
font-family: 'Yantramanav', sans-serif;
font-weight: bold;
margin-bottom: 32px;
text-align: left; }
/* India page */
.asia_india_rely h2{
font-size: 200%;
padding-bottom: 10px;
font-family: 'Yantramanav', sans-serif;
}
.asia_india_rely p{
font-family: 'Yantramanav', sans-serif;
font-size: 150%;
padding-bottom: 15px;
line-height: 22px;
color: #231f20;
}
.india_top_head{
text-align: center;
}
.india_top_head h2{
font-size: 30px;
font-family: 'Yantramanav', sans-serif;
color: #232121;
font-weight: bold;
padding: 30px 50px 10px 80px;
}
.india_top_head p{
font-size: 16px;
font-family: 'Yantramanav', sans-serif;
font-weight: 400;
color: #231f20;
line-height: 24px;
padding: 10px 50px 10px 80px;
}
.content .our-services-page {
padding-top: 125px !important;
}
.resured_heading { text-align: center; margin-bottom: 26px; }
.resured_container{
padding-bottom: 50px;
font-family: 'Yantramanav', sans-serif;
line-height: 22px;
}
.resured_content li{
font-size: 160%;
padding-bottom: 10px;
font-family: 'Yantramanav', sans-serif;
}
.resured_content p{
font-size: 160%;
padding: 10px 0 10px 0;
font-family: 'Yantramanav', sans-serif;
line-height: 22px;
}
.resured_heading h2 {
font-size: 48px;
line-height: 52px;
color: #232121;
text-transform: capitalize;
font-weight: bold;
font-family: 'Yantramanav', sans-serif;
}
.india_hauler_height{
height: 500px;
padding-right: 10px;
}
.india-truck-img img{
display: inline-block;
vertical-align: top;
position: absolute;
top: 70px;
right: 0;
width: 30%;
}
.asia_india_rely img{
width: 100%;
box-shadow: 5px 5px 5px #000;
}
#lang_switch{
position: fixed;
z-index: 9999999;
width: 183px;
height: 50px;
bottom: 10px;
background-color: #FFF;
box-shadow: 5px 5px 5px #000;
}
#lang_switch a{
width: 100%;
height: 30px;
}
.india_container {
padding-top: 50px !important;
}
.india_ports_header div h2{
font-size: 48px;
line-height: 52px;
color: #232121;
text-transform: capitalize;
font-weight: bold;
font-family: 'Yantramanav', sans-serif;
text-align: center;
}
.india_ports_ul li{
list-style-image:url("../images/list-arrow.png");
font-family: 'Yantramanav', sans-serif;
color: #232121;
font-size: 142%;
line-height: 23px;
}
.india_ports_ul {
padding-left: 10px;
}
#india_ports{
padding-bottom: 30px;
}
/* end of India */
/* Start of Indoesia */
.indo_map_list h4{
font-family: 'Yantramanav', sans-serif;
font-size: 195%;
}
.indo_map_list ul li p{
font-family: 'Yantramanav', sans-serif;
font-size: 140%;
line-height: 30px;
}
.indo_map_outline img{
width: 100%;
}
.tech_indo img{
width: 100%;
}
.indo_shipping_service{
padding-top: 50px;
}
.indo_process_content p{
font-size: 160%;
padding: 0px 0 7px 0;
font-family: 'Yantramanav', sans-serif;
line-height: 22px;
}
.indo_process_content h2{
font-family: 'Yantramanav', sans-serif;
}
.indo_ports_header div h2{
font-size: 44px;
line-height: 52px;
color: #232121;
text-transform: capitalize;
font-weight: bold;
font-family: 'Yantramanav', sans-serif;
text-align: center;
}
.india_port_content img{
box-shadow: 5px 5px 5px #000;
}
/* End of Indo -------*/
@media screen and (max-width:1199px) {
.asia_india_rely img{
display: none;
}
}
@media screen and (max-width:991px) {
#checklist_img {
display: none;
}
.india_port_content img{
display: none;
}
.indo_map_list {
text-align: center;
}
}
/*------- instert pilot- ----- */
.pilot_car_content a{
color: #DBDBDB;
}
.pilot_car_instert {
background: #282828;
}
.pilot_car_instert img{
}
.cta_instert {
background-color: #282828;
}
.cta_content a {
color: #000;
font-family: 'Yantramanav', sans-serif;
display: block;
position: relative;
margin: auto;
width: 21%;
background-color: #fcc824;
padding: 17px 11px;
text-decoration: none;
font-size: 144%;
font-weight: 600;
text-align: center;
}
.cta_content h2{
font-size: 37px;
color: #DBDBDB;
font-weight: bold;
font-family: 'Yantramanav', saserif;
text-align: center;
}
.cta_content p{
font-family: 'Yantramanav', sans-serif;
color: #DBDBDB;
font-size: 20px;
line-height: 28px;
font-weight: 400;
}