@font-face { font-family: 'Arial'; src: url('../fonts/Arial-BoldMT.eot?#iefix') format('embedded-opentype'), url('../fonts/Arial-BoldMT.woff') format('woff'), url('../fonts/Arial-BoldMT.ttf') format('truetype'), url('../fonts/Arial-BoldMT.svg#Arial-BoldMT') format('svg'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Arial'; src: url('../fonts/ArialMT.eot?#iefix') format('embedded-opentype'), url('../fonts/ArialMT.woff') format('woff'), url('../fonts/ArialMT.ttf') format('truetype'), url('../fonts/ArialMT.svg#ArialMT') format('svg'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'Arial'; src: url('../fonts/ArialMTStd-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/ArialMTStd-Light.otf') format('opentype'), url('../fonts/ArialMTStd-Light.woff') format('woff'), url('../fonts/ArialMTStd-Light.ttf') format('truetype'), url('../fonts/ArialMTStd-Light.svg#ArialMTStd-Light') format('svg'); font-weight: 300; font-style: normal; }
html, body { font-family: 'Arial'; font-size: 14px; color: #606060; font-weight: 400; text-rendering: auto }
.container { width: 100%; max-width: 1200px }
a { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; color: #0075bb }
*:focus { outline: none !important }
a:focus, a:hover { text-decoration: none }
p { font-family: 'Arial'; font-size: 14px; color: #404040; line-height: 24px; margin-bottom: 24px; font-weight: 300; letter-spacing: -0.1px }
.noscript { background: #000; color: #fff; float: left; font-size: 20px; left: 0; margin: 0 auto; min-height: 50px; padding: 10px 0; position: fixed; right: 0; text-align: center; bottom: 0; width: 100%; z-index: 999 }
.noscript p { margin-bottom: 0; color: #fff }
.noscript p i { color: #f90; margin-right: 10px; font-size: 20px; vertical-align: middle }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer }
figure { margin: 0 }
.clearfix:before, .clearfix:after { content: ""; display: block; clear: both }
b, strong { font-weight: 500 }
::selection { background: #0075bb; color: #FFF }
::-moz-selection {
background:#0075bb;
color:#FFF
}
.scroll_top { bottom: 20px; cursor: pointer; height: 52px; position: fixed; right: 0; width: 52px; z-index: 5; text-align: center; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; color: #fff; opacity: 0; visibility: hidden; background: #0075bb; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50% }
.scroll_top .fa-chevron-up { font-size: 16px; margin: 11px 0 0 0 }
.scroll_top .top-text { font-size: 12px; font-weight: 400; margin: -7px 0 0; text-transform: uppercase; display: block }
.scroll_top.visible { opacity: 1; visibility: visible; right: 20px }
.col-xl-offset-1 { margin-left: 8.33333333% }
.col-xl-offset-2 { margin-left: 16.66666667% }
.col-xl-offset-3 { margin-left: 25% }
.col-xl-offset-4 { margin-left: 33.33333333% }
.col-xl-offset-5 { margin-left: 41.66666667% }
.col-xl-offset-6 { margin-left: 50% }
.col-xl-offset-7 { margin-left: 58.33333333% }
.col-xl-offset-8 { margin-left: 66.66666667% }
.col-xl-offset-9 { margin-left: 75% }
.col-xl-offset-10 { margin-left: 83.33333333% }
.col-xl-offset-11 { margin-left: 91.66666667% }
h1, .h1 { font-size: 42px; margin: 0 0 20px 0; font-family: 'Arial'; font-weight: 400; color: #303030 }
h2, .h2 { font-size: 36px; margin: 0 0 20px 0; font-family: 'Arial'; font-weight: 400; color: #303030 }
h3, .h3 { font-size: 30px; margin: 0 0 20px 0; font-family: 'Arial'; font-weight: 400; color: #303030 }
h4, .h4 { font-size: 24px; margin: 0 0 20px 0; font-family: 'Arial'; font-weight: 400; color: #303030 }
h5, .h5 { font-size: 20px; margin: 0 0 20px 0; font-family: 'Arial'; font-weight: 400; color: #303030 }
h6, .h6 { font-size: 16px; margin: 0 0 20px 0; font-family: 'Arial'; font-weight: 400; color: #303030 }
span.h1, span.h2, span.h3, span.h4, span.h5, span.h6 { display: block }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mtb10 { margin-bottom: 10px; margin-top: 10px }
.mtb15 { margin-bottom: 15px; margin-top: 15px }
.mtb20 { margin-bottom: 20px; margin-top: 20px }
.mtb30 { margin-bottom: 30px; margin-top: 30px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.pt20 { padding-top: 20px }
.pt30 { padding-top: 30px }
.pb10 { padding-bottom: 10px }
.pb15 { padding-bottom: 15px }
.pb20 { padding-bottom: 20px }
.pb30 { padding-bottom: 30px }
.ptb10 { padding-bottom: 10px; padding-top: 10px }
.ptb15 { padding-bottom: 15px; padding-top: 15px }
.ptb20 { padding-bottom: 20px; padding-top: 20px }
.ptb30 { padding-bottom: 30px; padding-top: 30px }
img { max-width: 100%; height: auto }
.alignleft { float: left }
.alignright { float: right }
img.alignleft { margin: 0 30px 20px 0 }
img.alignright { margin: 0 0 20px 30px }
img.aligncenter { display: block; margin: 0 auto 20px auto }
img.alignnone { margin: 0 0 20px 0 }
button.button { background: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; vertical-align: top; padding: 0; border: none }
.button { display: inline-block; text-align: center; line-height: 70px; min-width: 240px; position: relative; z-index: 1; color: #fff; font-family: 'Arial'; font-weight: 400; font-size: 18px; margin: 0 15px; text-transform: uppercase }
.button:before, .button:after { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; right: 0; transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -moz-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -ms-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -o-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -webkit-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); z-index: -1; transform: skewX(-23deg); -moz-transform: skewX(-23deg); -ms-transform: skewX(-23deg); -o-transform: skewX(-23deg); -webkit-transform: skewX(-23deg) }
.button:after { transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -moz-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -ms-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -o-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -webkit-transform: scale3d(0.88, 0.6, 1) skewX(-17deg) }
.button.primary { }
.button.primary:before { background: #e17e14 }
.button.primary:after { border: 2px solid #e17e14 }
.button.secondary { }
.button.secondary:before { background: #0075bb }
.button.secondary:after { border: 2px solid #0075bb }
.button.default { }
.button.default:before { background: #999 }
.button.default:after { border: 2px solid #999 }
.site-main { overflow: hidden }
.slide-true nav { display: block !important }
.site-main > header { position: fixed; top: 0; left: 0; right: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; z-index: 9; background: #fff }
.container-main { margin-top: 151px }
.logo { position: fixed; top: 0; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); padding: 20px 0 }
.logo img { max-width: inherit }
.header-enquiry ul { position: relative; list-style-type: none; padding: 0 50px 0 0; margin: 0; text-align: right }
.header-enquiry ul:before { content: "\f025"; font-family: "Font Awesome"; font-weight: 900; font-size: 36px; color: #e17e14; position: absolute; right: 0; top: -2px }
.header-enquiry ul li { color: #404040; font-size: 15px; line-height: 24px }
.header-enquiry ul li .header-enquiry-title { font-weight: 400 }
.header-enquiry ul li a { color: #404040 }
.header-enquiry ul li a .fas { display: none }
.header-enquiry ul li a .title { font-weight: 500 }
.header-enquiry { float: right; width: 50%; padding: 32px 0 34px 254px }
.header-contact { float: left; padding: 29px 255px 27px 0; width: 50% }
header.sticky .header-enquiry { padding: 17px 0 19px 254px }
header.sticky .header-contact { padding: 14px 255px 12px 0 }
.header-contact ul { list-style-type: none; padding: 0; margin: 0 }
.header-contact ul li { display: inline-block; vertical-align: middle }
.header-contact ul li a { color: #404040; position: relative; padding-left: 36px; display: inline-block; line-height: 24px; vertical-align: top }
.header-contact ul li a .fas { position: absolute; left: 0; top: 4px; color: #0075bb; font-size: 20px }
.header-contact ul li a .title { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 400; letter-spacing: -0.1px }
.header-contact ul li p { color: #404040; position: relative; padding-left: 36px; display: inline-block; line-height: 24px; margin: 0; vertical-align: top }
.header-contact ul li p .fas { position: absolute; left: 2px; top: 2px; color: #e17e14; font-size: 24px }
.header-contact ul li p .title { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 400; letter-spacing: -0.1px }
.header-contact ul li+li { margin-top: 8px }
.header-bottom { background: #000 }
.hl-banner { position: relative }
.hl-banner-slider { }
.hl-banner-slider figure { overflow: hidden; position: relative }
.hl-banner-slider figure:before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.2) }
.hl-banner-slider figure img { position: relative; z-index: -1; min-width: 100%; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); width: auto !important }
.hl-banner-slider figcaption { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 1; padding: 46px 100px 0 100px; width: 806px }
.hl-banner-slider figcaption:before { content: ""; display: block; position: absolute; left: 50px; right: 50px; top: 0; bottom: 35px; background: rgba(0,117,187,0.6); z-index: -1; transform: skewX(-22.50deg) translateX(-200px); -moz-transform: skewX(-22.50deg) translateX(-200px); ; -ms-transform: skewX(-22.50deg) translateX(-200px); -o-transform: skewX(-22.50deg) translateX(-200px); ; -webkit-transform: skewX(-22.50deg) translateX(-200px); opacity: 0; }
.hl-banner-slider figcaption h1, .hl-banner-slider figcaption .h1 { font-family: 'Arial'; font-size: 60px; color: #fff; font-weight: 400; line-height: 80px; margin: 0 0 16px 0; opacity: 0; transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px) }
.hl-banner-slider figcaption p { font-family: 'Arial'; font-size: 24px; color: #fff; font-weight: 400; line-height: 40px; margin: 0 0 24px 0; opacity: 0; transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px) }
.hl-banner-slider figcaption .button { opacity: 0; transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px); transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-transition: none }
.hl-banner .owl-nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); pointer-events: none; padding: 0 15px; width: 1450px; max-width: 100% }
.hl-banner .owl-nav > div { pointer-events: auto; float: left }
.hl-banner .owl-nav > div span { position: relative; display: block; height: 100px; width: 70px; border: 2px solid rgba(255,255,255,0.5); font-size: 36px; color: #fff; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.hl-banner .owl-nav > div span:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
.hl-banner .owl-nav > div.owl-next { float: right }
.hl-banner-slider .active figcaption:before { opacity: 1; transform: skewX(-22.50deg); -moz-transform: skewX(-22.50deg); -ms-transform: skewX(-22.50deg); -o-transform: skewX(-22.50deg); -webkit-transform: skewX(-22.50deg); transition: all 1s ease 1.5s; -moz-transition: all 1s ease 1.5s; -ms-transition: all 1s ease 1.5s; -o-transition: all 1s ease 1.5s; -webkit-transition: all 1s ease 1.5s }
.hl-banner-slider .active figcaption h1, .hl-banner-slider .active figcaption .h1 { opacity: 1; transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transition: all 1s ease 2s; -moz-transition: all 1s ease 2s; -ms-transition: all 1s ease 2s; -o-transition: all 1s ease 2s; -webkit-transition: all 1s ease 2s }
.hl-banner-slider .active figcaption p { opacity: 1; transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transition: all 1s ease 2.5s; -moz-transition: all 1s ease 2.5s; -ms-transition: all 1s ease 2.5s; -o-transition: all 1s ease 2.5s; -webkit-transition: all 1s ease 2.5s }
.hl-banner-slider .active figcaption .button { opacity: 1; transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transition: all 1s ease 3s; -moz-transition: all 1s ease 3s; -ms-transition: all 1s ease 3s; -o-transition: all 1s ease 3s; -webkit-transition: all 1s ease 3s }
.hl-what-we-do { padding: 63px 0 69px 0 }
.hl-what-we-do .title { font-size: 40px; font-family: 'Arial'; font-weight: 400; color: #404040; margin: 0 0 35px 0; position: relative }
.hl-what-we-do .title:before { content: ""; display: block; height: 60px; width: 102px; background: url(../images/sprite.png) no-repeat -132px 0 transparent; position: absolute; left: 50%; margin: 36px 0 0 -51px; top: 100% }
.hl-we-do { overflow: hidden; position: relative }
.hl-we-do > a { display: block; position: relative; text-align: center; padding: 78px 30px 70px 30px; z-index: 1; margin: 50px 0; pointer-events: none }
.hl-we-do > a:before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: skewY(-20deg); -moz-transform: skewY(-20deg); -ms-transform: skewY(-20deg); -o-transform: skewY(-20deg); -webkit-transform: skewY(-20deg); background: #f4f4f4; z-index: -1; pointer-events: auto; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.hl-we-do > a .icon { color: #0075bb; font-size: 60px; line-height: 70px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.hl-we-do > a .bg-icon { opacity: 0.05; color: #000; position: absolute; right: 0; top: 50%; font-size: 200px; transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); margin-top: -41px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.hl-we-do > a h3, .hl-we-do > a .h3 { font-size: 24px; font-family: 'Arial'; font-weight: 400; color: #404040; line-height: 36px; margin: 40px 0 0 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.hl-what-we-do .col-12:nth-child(even) .hl-we-do > a:before { transform: skewY(20deg); -moz-transform: skewY(20deg); -ms-transform: skewY(20deg); -o-transform: skewY(20deg); -webkit-transform: skewY(20deg) }
.hl-what-we-do .col-12:nth-child(even) .hl-we-do > a .bg-icon { transform: translate(50%, -50%); -moz-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); margin-top: 41px }
.hl-we-do > a .icon.fa-truck { transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg) }
.hl-we-do > a .bg-icon.fa-truck { transform: translate(50%, -50%) rotateY(180deg); -moz-transform: translate(50%, -50%) rotateY(180deg); -ms-transform: translate(50%, -50%) rotateY(180deg); -o-transform: translate(50%, -50%) rotateY(180deg); -webkit-transform: translate(50%, -50%) rotateY(180deg) }
.hl-products { }
.hl-product-container { padding: 0 13px }
.hl-product { width: 25%; padding: 2px }
.hl-product figure { position: relative }
.hl-product figure > a { display: block }
.hl-product figure > a img { }
.hl-product figcaption { position: absolute; left: 50px; top: 0; right: 50px; background: rgba(0,0,0,0.8); pointer-events: none }
.hl-product figcaption h3, .hl-product figcaption .h3 { margin: 0; color: #fff; padding: 15px 15px; position: relative; font-weight: 400; font-family: 'Arial'; font-size: 18px; line-height: 40px }
.hl-product figcaption h3 span, .hl-product figcaption .h3 span { position: relative; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); display: inline-block; vertical-align: top; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.hl-product figcaption h3:before, .hl-product figcaption .h3:before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #0075bb; transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.hl-product figcaption h3:after, .hl-product figcaption .h3:after { content: ""; display: block; position: absolute; right: 50%; top: 50%; height: 30px; width: 42px; background: url(../images/sprite.png) no-repeat -80px 0 transparent; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; opacity: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%) }
.hl-product-cta { width: 50%; text-align: center; padding: 65px 80px 20px 80px }
.hl-product-cta h2, .hl-product-cta .h2 { color: #404040; font-size: 40px; font-family: 'Arial'; font-weight: 400; margin: 0 0 43px 0 }
.hl-product-cta p { color: #404040; margin: 0 0 46px 0; line-height: 24px; font-size: 14px }
.hl-product-cta .button { margin: 0 18px }
.hl-why-choose-us { padding: 53px 0 42px 0 }
.hl-why-choose-us .title { font-size: 40px; font-family: 'Arial'; font-weight: 400; color: #404040; margin: 0 0 46px 0 }
.hl-why-us { text-align: center }
.hl-why-us .icon-box { position: relative; display: inline-block; vertical-align: top; padding: 30px; margin: 0 0 31px 0 }
.hl-why-us .icon-box .icon { font-size: 55px; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 2 }
.hl-why-us .icon-box .icon-bg { display: block; height: 142px; width: 142px; background: rgba(0,0,0,0.1); transform: rotate(-15deg); z-index: 1; position: relative }
.hl-why-us .icon-box .icon-bg:before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; transform: rotate(-30deg); background: #0075bb; z-index: -1 }
.hl-why-us .icon-box .icon-bg:after { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; transform: rotate(-20deg); background: rgba(0,175,209,0.5); z-index: -2 }
.hl-why-us h3, .hl-why-us .h3 { font-weight: 400; font-family: 'Arial'; font-size: 24px; color: #404040; line-height: 36px; margin: 0 0 24px 0 }
.hl-why-us p { line-height: 24px; margin: 0 0 24px 0; font-size: 14px; font-weight: 300 }
.hl-welcome { background: #202020 }
.hl-welcome-img { width: 37%; overflow: hidden; float: left }
.hl-welcome-img img { max-width: inherit; max-width: initial; position: relative; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%) }
.hl-welcome-container { padding: 40px 15px 0 30px; float: left; width: 850px; }
.hl-welcome-container .title { font-size: 40px; font-family: 'Arial'; font-weight: 400; color: #fff; margin: 0 0 25px 0; line-height: normal; text-align: center }
.hl-welcome-content { margin: 0 0 30px 0; max-height: 600px; overflow: hidden }
.hl-welcome-content * { color: #fff }
.hl-welcome-content *:last-child { margin-bottom: 0 }
.hl-welcome-content h1, .hl-welcome-content .h1 { font-size: 33px }
.hl-welcome-content h2, .hl-welcome-content .h2 { font-size: 28px }
.hl-welcome-content h3, .hl-welcome-content .h3 { font-size: 24px }
.hl-welcome-content h4, .hl-welcome-content .h4 { font-size: 20px }
.hl-welcome-content h5, .hl-welcome-content .h5 { font-size: 16px }
.hl-welcome-content h6, .hl-welcome-content .h6 { font-size: 14px }
.hl-cta { }
.hl-cta .title { font-size: 40px; font-family: 'Arial'; font-weight: 400; color: #404040; margin: 0 0 36px 0; line-height: 70px }
.hl-cta-content { padding: 64px 0 }
.hl-cta-content p { line-height: 24px; margin: 0 0 46px 0; font-size: 14px; font-weight: 300; color: #404040 }
.hl-cta-content .button { }
.hl-cta-img { padding: 50px 0 }
.hl-cta-img img { max-width: inherit }
.hl-cta-content .button+.button { margin-left: 22px }
.hl-achievements { position: relative }
.hl-achievements:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.7); content: ""; display: block }
.hl-achievement { text-align: center; padding: 125px 0 124px 0; position: relative }
.hl-achievement:before, .hl-achievement:after { content: ""; display: block; width: 1px; position: absolute; left: 50%; top: 0; height: 100px; background: #fff }
.hl-achievement:after { top: auto; bottom: 0 }
.hl-achievement .icon { font-size: 60px; color: #e17e14; margin: 0 0 37px 0; line-height: 60px }
.hl-achievement-counter { display: block; font-size: 50px; font-family: 'Arial'; font-weight: 400; color: #fff; margin: 0 0 24px 0; line-height: 70px }
.hl-achievement p { font-size: 18px; font-family: 'Arial'; font-weight: 400; color: #ddd; margin: 0; line-height: 30px; padding: 0 44px; text-transform: uppercase }
.hl-achievement .icon.fa-star { font-size: 50px }
.hl-testimonials { padding: 63px 0 71px 0 }
.hl-testimonials .title { font-size: 40px; font-family: 'Arial'; font-weight: 400; color: #404040; margin: 0 0 24px 0 }
.hl-testimonials .item { text-align: center; padding: 0 100px }
.hl-testimonials .item p { font-weight: 300; color: #404040; font-size: 18px; line-height: 36px; margin: 0 0 22px 0 }
.hl-testimonials-client { font-size: 24px; font-family: 'Arial'; font-weight: 400; color: #303030; display: block; padding: 0 100px }
.hl-testimonials .item:before { content: ""; display: block; display: block; height: 24px; width: 30px; background: url(../images/sprite.png) no-repeat 0 0 transparent; position: absolute; left: 40px; top: 11px; opacity: 0.5 }
.hl-testimonials .item:after { content: ""; display: block; display: block; height: 24px; width: 30px; background: url(../images/sprite.png) no-repeat -40px 0 transparent; position: absolute; right: 40px; bottom: 68px; opacity: 0.5 }
.hl-testimonials .dots-img { display: block; height: 92px; width: 92px; overflow: hidden; position: relative; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); pointer-events: auto }
.hl-testimonials .dots-img:before { content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; background: rgba(255,255,255,0.8); pointer-events: none; width: 100%; z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.hl-testimonials .dots-img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); -webkit-transform: translate(-50%, -50%) rotate(-45deg); max-width: inherit; pointer-events: none }
.hl-testimonials .owl-dot { display: inline-block; }
.hl-testimonials .owl-controls { margin-top: 20px; text-align: center; }
.hl-testimonials .owl-dot span { width: 10px; height: 10px; border-radius: 50%; background: rgba(225, 126, 20, 0.3); padding: 0; margin: 0 5px; display: block }
.hl-testimonials .owl-dot.active span { background: rgba(225, 126, 20, 1) }
.hl-callback { background: #0075bb; padding: 63px 0 70px 0 }
.hl-callback .title { font-size: 40px; font-family: 'Arial'; font-weight: 400; color: #fff; margin: 0 0 47px 0 }
.hl-callback-input-box { position: relative; z-index: 1; padding: 0 30px; margin-right: -30px }
.hl-callback-label { position: absolute; left: 15px; top: 0; right: 15px; bottom: 0; background: #fff; transform: skewX(-23deg); -moz-transform: skewX(-23deg); -ms-transform: skewX(-23deg); -o-transform: skewX(-23deg); -webkit-transform: skewX(-23deg); z-index: -1; margin: 0; cursor: text }
.hl-callback-input { height: 70px; width: 100%; padding: 0; border: none; font-weight: 400; color: #404040; font-size: 16px; background: none; padding: 0 10px }
.hl-callback-input::-webkit-input-placeholder {
color:#404040;
opacity:1
}
.hl-callback-input:-moz-placeholder {
color:#404040;
opacity:1
}
.hl-callback-input::-moz-placeholder {
color:#404040;
opacity:1
}
.hl-callback-input:-ms-input-placeholder {
color:#404040;
opacity:1
}
.hl-callback-submit-box { position: relative; z-index: 1; padding: 0 30px }
.hl-callback-submit-label { position: absolute; left: 15px; right: 15px; top: 0; bottom: 0; margin: 0; pointer-events: none; cursor: pointer; color: #fff; font-family: 'Arial'; font-weight: 400; font-size: 18px; text-transform: uppercase; z-index: 1; line-height: 70px; text-align: center }
.hl-callback-submit { display: inline-block; text-align: center; line-height: 70px; width: 100%; position: relative; z-index: 1; color: #fff; font-family: 'Arial'; font-weight: 400; font-size: 18px; text-transform: uppercase; background: none; border: none; padding: 0; pointer-events: none }
.hl-callback-submit-label:before, .hl-callback-submit-label:after { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; right: 0; transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -moz-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -ms-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -o-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -webkit-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); z-index: -1; transform: skewX(-23deg); -moz-transform: skewX(-23deg); -ms-transform: skewX(-23deg); -o-transform: skewX(-23deg); -webkit-transform: skewX(-23deg); pointer-events: auto; background: #e17e14 }
.hl-callback-submit-label:after { transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -moz-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -ms-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -o-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -webkit-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); border: 2px solid #e17e14; background: none }
.hl-callback div .wpcf7-form label.error, .hl-callback .captcha-box .recaptcha-error-message { background: #fff; padding: 0px 10px; margin: 5px 0 0 0px !important; right: 0 !important; line-height: 18px; border-radius: 2px; }
.hl-callback div .wpcf7-form label.error:before, .hl-callback .captcha-box .recaptcha-error-message:before { content: ""; display: block; position: absolute; left: 15px; height: 0; width: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 5px solid #fff; top: -5px }
.hl-callback .captcha-box .recaptcha-error-message { position: relative !important; min-width: 260px; }
.site-main > footer { margin: 0 0 30px 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: #101010 }
.footer { position: relative; overflow: hidden }
.footer:before { content: ""; display: block; width: 602px; height: 323px; background: url(../images/footer-logo.png) no-repeat 0 0 transparent; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0.2 }
.footer-top { position: relative; padding: 68px 0 0 0 }
.footer-line { width: 100%; position: fixed; bottom: 0; z-index: 3; background: #404040 }
.footer-line p { margin: 0; line-height: 30px; text-align: center; color: #fff; font-size: 15px; font-weight: 300 }
.mobile-accordion { height: 100%; position: relative }
.mobile-accordion .title { color: #e17e14; font-weight: 400; font-size: 18px; display: block; line-height: 22px; margin: 0; font-family: 'Arial'; letter-spacing: 0.7px; padding: 0 0 0 32px }
.mobile-accordion .title:before { content: ""; display: block; height: 9px; width: 9px; border: 2px solid #00afd1; transform: rotate(45deg); position: absolute; left: 2px; top: 5px }
.mobile-accordion:after { display: block; width: 1px; background: #42ce7a; content: ""; position: absolute; top: 55px; bottom: 0; background: rgba(255,255,255,0.2); left: 6px }
.mobile-accordion-toggle { padding: 0 0 0 34px }
.quick-links { margin-top: 27px }
.mobile-accordion .quick-links ul { list-style-type: none; padding: 0; margin: 0 }
.mobile-accordion .quick-links ul li { line-height: 24px }
.mobile-accordion .quick-links ul li+li { margin-top: 12px }
.mobile-accordion .quick-links ul li a { color: #ddd; position: relative; display: inline-block; font-weight: 300; font-size: 14px }
.mobile-accordion .quick-links ul li a:before { content: ""; display: block; height: 2px; width: 0; position: absolute; left: 0; top: 50%; margin-top: -1px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: #fff }
.mobile-accordion .quick-links ul li.selected a { padding-left: 15px; color: #fff }
.mobile-accordion .quick-links ul li.selected a:before { width: 10px }
.mobile-accordion .quick-links.wide ul { column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; -webkit-column-count: 2 }
.footer-contact { margin-top: 27px }
.footer-contact p { font-size: 14px; color: #ddd; line-height: 24px; margin: 0; font-weight: 300 }
.footer-contact p strong { display: block; font-weight: 300 }
.footer-contact a { color: #ddd }
.footer-contact p+p { margin: 24px 0 0 0 }
.footer-social { margin-top: 34px }
.footer-social ul { margin: 0 -15px 0 0; list-style-type: none; padding: 0 }
.footer-social ul li { float: left; margin: 0 15px 15px 0 }
.footer-social ul li a { display: block; position: relative; height: 60px; width: 60px; background: #606060; font-size: 22px; color: #fff; line-height: 60px; text-align: center; z-index: 1 }
.footer-social ul li a:after { content: ""; display: block; height: 0; width: 100%; background: #fff; z-index: -1; position: absolute; left: 0; top: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.footer-social ul:after { content: ""; display: block; clear: both }
.footer-social ul li a.fa-facebook-f:after { background: #3c5a99 }
.footer-social ul li a.fa-twitter:after { background: #00acec }
.footer-social ul li a.fa-google-plus-g:after { background: #dc4e41 }
.footer-social ul li a.fa-linkedin-in:after { background: #007bb5 }
.footer-social ul li a.fa-instagram:after { background: #977864 }
.signature { padding: 20px 0; text-align: center; position: relative; border-top: 1px solid rgba(255,255,255,0.2); margin-top: 65px }
.signature span, .signature p, .signature a { color: #fff; font-weight: 300; line-height: 35px; margin: 0; font-size: 14px; display: inline-block; vertical-align: top }
.signature span:before { content: "|"; margin: 0 7px 0 3px }
.signature p+p:before { content: "|"; margin: 0 7px 0 3px }
.signature span { }
.inner-page { padding: 70px 0 }
.inner-page-content > *:last-child { margin-bottom: 0 }
.inner-page-content { padding: 50px 0 }
#page_title { position: relative; padding: 97px 0; overflow: hidden; text-align: center }
#page_title:before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 1; }
.page_title h1, .page_title .h1 { color: #fff; margin: 0; position: relative; font-weight: 400; font-size: 60px; font-family: 'Arial'; }
.page_title { position: relative; z-index: 2; margin: 0 auto; padding: 0 15px; width: 100%; max-width: 1200px; z-index: 1; }
.breadcrumb_main { max-width: 1200px; margin: 0 auto; padding: 0 15px }
#breadcrumb { border-bottom: 1px solid #d7d7d7 }
.breadcrumb { background: none; margin: 14px 0 0 0; background: none; border-radius: 0; -webkit-border-radius: 0; padding: 0; display: inline-block; vertical-align: top }
.breadcrumb > li { font-size: 14px; font-family: 'Arial'; font-weight: 400; vertical-align: top; position: relative; float: left; line-height: 20px; }
.breadcrumb > li a:after { content: ""; display: block; height: 2px; position: absolute; bottom: -4px; left: 0; background: #fff; width: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.breadcrumb > li a { color: #fff; display: inline-block; vertical-align: top; }
.breadcrumb > li + li:before { display: inline; vertical-align: top; background: none; position: static; padding: 0 10px; content: "/"; color: #fff }
.breadcrumb > li.selected { color: #e17e14 }
.bread_crumb { padding: 15px 0 }
.inner-page ul { list-style-type: none; padding: 0 0 0 15px; margin: 0 0 22px 0; overflow: hidden }
.inner-page ul > li { padding: 0 0 0 15px; position: relative; line-height: 24px }
.inner-page ul > li:before { content: "\f054"; height: auto; width: auto; top: 5px; background: none; font-family: 'Font Awesome'; font-size: 12px; display: inline-block; position: absolute; left: 0; border: none; line-height: initial; color: #0075BB; font-weight: 700 }
.inner-page ul ul > li:before { content: ""; display: block; height: 8px; width: 8px; position: absolute; left: 0; top: 8px; border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #0075BB; }
.inner-page ul ul ul > li:before { background: #0075BB; }
.inner-page ul ul > li { padding: 0 0 0 15px }
.inner-page ul ul ul > li { padding: 0 0 0 15px }
.inner-page ul ul { margin: 0; padding: 0 }
.inner-page ul ol { margin: 0 }
.inner-page ol ul { margin: 0; padding: 0 }
.inner-page ol ol { margin: 0; }
.inner-page ol { padding: 0 0 0 30px; margin: 0 0 26px 0 }
.inner-page ol > li { line-height: 26px }
.inner-page ol > li:before { }
.inner-page h1, .inner-page .h1 { font-size: 33px; color: #0075bb }
.inner-page h2, .inner-page .h2 { font-size: 28px }
.inner-page h3, .inner-page .h3 { font-size: 24px }
.inner-page h4, .inner-page .h4 { font-size: 20px }
.inner-page h5, .inner-page .h5 { font-size: 16px }
.inner-page h6, .inner-page .h6 { font-size: 14px }
.sidebar { }
.sidebar ul { padding: 0; margin: 0 }
.sidebar ul li { padding: 0 }
.sidebar ul li:before { display: none }
.sidebar ul ul li:before { display: none }
.sidebar ul li a { display: block; position: relative; font-size: 14px; color: #606060; padding: 10px 15px; background: #f5f5f5; border-left: 5px solid #bfbfbf; z-index: 1; font-weight: 400 }
.sidebar ul li a:before { content: ""; position: absolute; left: -5px; top: 0; background: #fff; z-index: -1; border: 1px solid #0075BB; border-left: 5px solid #0075BB; right: 0; height: 100%; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; opacity: 0; }
.sidebar ul li+li { margin-top: 1px }
.sidebar ul li.selected > a { color: #003e7e }
.sidebar ul li.selected a:before { opacity: 1 }
.sidebar .title { display: block; color: #FFF; font-size: 20px; font-weight: 400; margin-bottom: 10px; padding: 8px 15px; background: #303030; text-align: center }
.my_pagination { text-align: center; margin: 0 }
.my_pagination .pagination .wp-pagenavi { display: inline-block; vertical-align: top }
.my_pagination .pagination .wp-pagenavi span.current { background: #0b74b9; color: #fff }
.my_pagination .pagination .wp-pagenavi span, .my_pagination .wp-pagenavi a { display: block; width: 40px; height: 40px; border: 1px solid #0b74b9; line-height: 40px; color: #303030; font-weight: 400; float: left; margin: 0; padding: 0 }
.my_pagination .pagination .wp-pagenavi a + span, .my_pagination .wp-pagenavi a + a, .my_pagination .wp-pagenavi span + a { border-left: 0 }
.my_pagination .pagination .wp-pagenavi .nextpostslink, .my_pagination .wp-pagenavi .previouspostslink { font-size: 22px; line-height: 34px }
.my_pagination .pagination li { padding: 0; float: left }
.my_pagination .pagination li:before { display: none !important }
.my_pagination .pagination li a, .my_pagination .pagination li .page-numbers.dots { border-radius: 0; -webkit-border-radius: 0; color: #fff; padding: 0; height: 40px; width: 40px; line-height: 40px; background: #0075BB; margin: 0; font-weight: 400; border: none; font-size: 16px; display: block }
.my_pagination .pagination { margin: 40px 0 0 0; padding: 0; vertical-align: top; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; display: inline-block; vertical-align: top }
.my_pagination .pagination li.disabled a { pointer-events: none }
.my_pagination .pagination li.selected a { background: #e17e14; pointer-events: none; color: #fff }
.my_pagination .pagination li:first-child a, .my_pagination .pagination li:last-child a { line-height: 38px; font-size: 26px; font-weight: 400 }
.my_pagination .pagination li+li { margin-left: 3px }
.inner-page table { width: 100% }
.inner-page tr { }
.inner-page td { padding: 11px 12px; border: 1px solid #d4d4d4; color: #303030; line-height: 24px }
.inner-page tr:nth-child(odd) td { background: #ebebeb }
.inner-page th { font-weight: 700; color: #0075BB; background: #cfe6ff; padding: 5px 10px; border: 1px solid #8fc5ff; font-size: 16px; line-height: 24px; padding: 12px 13px 9px 13px }
.contact-page .contact_us_icon span.title { display: block; color: #000; font-weight: 600; font-size: 20px; margin: 0 0 9px 0 }
.contact-page .contact_us_icon span, .contact-page .contact_us_icon.abn span { display: table-cell; vertical-align: middle; height: 60px; width: 60px; position: relative; color: #fff; font-size: 26px; background: #0075BB }
.contact-page .contact_us_icon.abn span { text-align: center; font-weight: 700; font-family: 'Arial'; font-size: 16px; text-transform: uppercase }
.contact-page .contact_us_icon span:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%) }
.contact-page .contact_us_icon span.fa-phone:before { margin: -3px 0 0 -27px; transform: rotate(105deg) translate(-50%, -50%); -moz-transform: rotate(105deg) translate(-50%, -50%); -ms-transform: rotate(105deg) translate(-50%, -50%); -o-transform: rotate(105deg) translate(-50%, -50%); -webkit-transform: rotate(105deg) translate(-50%, -50%) }
.contact-page .contact_us_icon span.fa-paper-plane { font-weight: 700 }
.contact-page .contact_us_icon p, .contact-page .contact_us_icon a { display: table-cell; margin-bottom: 0; color: #606060; line-height: 24px; vertical-align: middle; font-weight: 400; font-size: 15px }
.contact-page .contact_us_icon > p { padding-left: 15px }
.contact-page .contact_us_icon > a { padding-left: 15px }
.contact-page .contact_us_icon+.contact_us_icon { margin-top: 30px }
.map { }
.contact-page .map iframe { border: none; width: 100%; height: 330px; display: block }
.contact-page form { }
.contact-form { margin-top: 50px }
.input-box { margin-bottom: 30px; position: relative; z-index: 1 }
.input-box .input { width: 100%; border-radius: 0; -webkit-border-radius: 0; height: 50px; border: 1px solid #909090; color: #606060; font-size: 14px; font-weight: 400; font-family: 'Arial'; padding: 10px 20px; background: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; background: #fff }
.input-box .input::-webkit-input-placeholder {
color:#606060;
opacity:1
}
.input-box .input:-moz-placeholder {
color:#606060;
opacity:1
}
.input-box .input::-moz-placeholder {
color:#606060;
opacity:1
}
.input-box .input:-ms-input-placeholder {
color:#606060;
opacity:1
}
.lbl-input { font-weight: 400; margin: 0; font-size: 14px; color: #606060; font-family: 'Arial'; line-height: 22px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position: absolute; left: 5px; top: 20px; padding: 0 5px; background: #fff; pointer-events: none }
.input-box textarea.input { height: 100px; resize: none; display: block; padding: 20px 20px 10px 20px }
.input-box.filled .lbl-input, .input-box.focus .lbl-input { top: -11px }
.input-label { font-weight: 500; font-size: 14px }
select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none }
select::-ms-expand {
display:none !important
}
select:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #606060;
-moz-transition:all 0s ease
}
.select-box select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; width: 100%; border-radius: 0; -webkit-border-radius: 0; height: 60px; border: 1px solid #ccc; color: #606060; font-size: 16px; font-weight: 400; padding: 10px 18px; background: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.select-box:after { content: "\f078"; display: block; height: 48px; width: 46px; background: #fff; position: absolute; right: 1px; top: 1px; pointer-events: none; font-size: 16px; font-family: "Font Awesome"; line-height: 46px; text-align: center; color: #999; line-height: 50px; font-weight: 700 }
.captcha-box { position: relative }
.submit-box { position: relative; z-index: 1; padding: 0 30px; display: inline-block; min-width: 300px; margin: 0 }
.submit-label { position: absolute; left: 15px; right: 15px; top: 0; bottom: 0; margin: 0; pointer-events: none; cursor: pointer; color: #fff; font-family: 'Arial'; font-weight: 400; font-size: 18px; text-transform: uppercase; z-index: 1; line-height: 64px; text-align: center }
.submit-box .input { display: block; text-align: center; height: 60px; width: 100%; position: relative; z-index: 1; color: #fff; font-family: 'Arial'; font-weight: 400; font-size: 18px; text-transform: uppercase; background: none; border: none; padding: 0; pointer-events: none }
.submit-label:before, .submit-label:after { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; right: 0; transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -moz-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -ms-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -o-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); -webkit-transition: all 0.5s cubic-bezier(0.25, 0, 0.3, 1); z-index: -1; transform: skewX(-23deg); -moz-transform: skewX(-23deg); -ms-transform: skewX(-23deg); -o-transform: skewX(-23deg); -webkit-transform: skewX(-23deg); pointer-events: auto; background: #e17e14 }
.submit-label:after { transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -moz-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -ms-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -o-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -webkit-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); border: 2px solid #e17e14; background: none }
.radio-container { margin: 20px 0 29px 0 }
.radio-container:after { content: ""; display: block; clear: both }
.input-radio-label { position: relative; padding: 0 10px 0 30px; min-height: 20px; margin: 0; color: #606060; font-size: 14px; cursor: pointer }
.input-radio-label input { position: absolute; left: 0; top: 0; margin: 0; height: 20px; width: 20px; opacity: 0 }
.input-radio-label .icon { height: 20px; width: 20px; border: 2px solid #CCC; position: absolute; left: 0; top: 0; padding: 4px; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50% }
.input-radio-label .icon:before { content: ""; display: block; height: 8px; width: 8px; background: #10b269; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; opacity: 0 }
.input-radio-label input:checked~.icon { border-color: #10b269 }
.input-radio-label input:checked~.icon:before { opacity: 1 }
.input-radio-label .title { }
.checkbox-container { }
.checkbox-container:after { content: ""; display: block; clear: both }
.input-checkbox-label { position: relative; padding-left: 35px; min-height: 20px; margin: 0; color: #606060; font-size: 14px }
.input-checkbox-label input { position: absolute; left: 0; top: 0; margin: 0; height: 20px; width: 20px; opacity: 0 }
.input-checkbox-label .icon { height: 20px; width: 20px; border: 2px solid #CCC; position: absolute; left: 0; top: 0; padding: 4px }
.input-checkbox-label .icon:before { content: ""; display: block; height: 8px; width: 8px; background: #10b269 }
.input-checkbox-label input:checked~.icon { border-color: #10b269 }
.input-checkbox-label input:checked~.icon:before { opacity: 1 }
.input-checkbox-label .title { }
.date-box:before { content: "\f073"; font-family: "Font Awesome"; font-size: 26px; color: #b4b4b4; position: absolute; right: 1px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); pointer-events: none; width: 42px; background: #fff; line-height: 46px; text-align: center }
.file-box { margin-top: 14px }
.file-box:before { content: "Browse"; display: block; position: absolute; right: 0; top: 0; line-height: 40px; text-align: center; padding: 0 0; min-width: 100px; background: #e5e5e5; color: #303030; font-size: 14px; font-weight: 700; z-index: 1; pointer-events: none }
.input-box label.lbl_input { position: absolute; left: 0; top: 0; width: 100%; pointer-events: none; margin: 0; line-height: 62px; padding: 0 10px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; color: #606060 }
.input-box.focus label.lbl_input, .input-box.filled label.lbl_input { top: -30px }
.input-box.captcha-box { margin: 29px 0 30px 0 }
.req { color: #f00; margin: 0; font-weight: 400 }
div .wpcf7-form-control-wrap { display: block }
div .wpcf7-form label.error, div .wpcf7-form label.recaptcha-error-message { color: #f00; font-size: 14px; padding: 0; margin: 0; font-weight: 400; position: absolute; left: 0; top: 100% }
.contact-page div .wpcf7-form label.recaptcha-error-message { position: static }
div div.wpcf7-response-output { text-align: center; margin: 30px 0 0 0; padding: 7px 15px; background: #fff }
div div.wpcf7-validation-errors { color: #f00; border-color: #f00 }
div div.wpcf7-mail-sent-ng { color: #f00; border-color: #f00 }
div div.wpcf7-spam-blocked { color: #f00; border-color: #f00 }
div div.wpcf7-mail-sent-ok { color: #398f14 }
label.require { font-size: 14px; color: #606060; font-weight: 400; margin: 5px 0 0 0; display: block }
div.wpcf7 div .ajax-loader { height: 20px; width: 20px; margin: 0; position: absolute; right: 45px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 2; background-repeat: no-repeat; background-position: center center }
.contact-page form .button.secondary input.input { background: none; border: 0; width: 100%; color: #fff; }
.news_container { display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; margin: 0 -15px }
.news_box { width: 33.33333333%; position: relative; padding: 0 15px; margin: 0 0 40px 0 }
.news_box figure { }
.news_box figure > a { display: block; position: relative; color: #fff; overflow: hidden }
.news_box figure > a .fa { position: absolute; left: 50%; bottom: 100%; transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); -webkit-transform: translate(-50%, -10px); font-size: 50px; z-index: 2; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.news_box figure > a:before { display: block; content: ""; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: rgba(0,0,0,0.7); z-index: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.news_box figure > a img { position: relative; z-index: -1 }
.news-date { font-size: 14px; color: #00a4e0; font-family: 'Arial'; font-weight: 700; display: block; margin: 24px 0 6px 0 }
.news-date:before { content: "\f073"; font-family: "Font Awesome"; font-size: 20px; font-weight: 400; margin-right: 10px; }
.news_box h4, .news_box .h4 { font-size: 18px; color: #404040; font-family: 'Arial'; font-weight: 700; line-height: 30px; margin: 0 0 14px 0 }
.news_box h4 a, .news_box .h4 a { color: #404040 }
.news_box p { margin: 0 0 27px 0 }
.news_box .button { }
.news-page .my_pagination .pagination { margin: 0 }
.news-content .comment_box { margin-bottom: 10px }
.news-content:after { display: block; content: ""; clear: both }
.news-content h5 { font-size: 18px; margin: 0 0 10px 0 }
.news-sidebar .comment_box > span { color: #999; font-size: 15px }
.news-sidebar ul { list-style-type: none; padding: 20px; margin: 0; display: block; background: #f0f0f0 }
.news-sidebar ul li { color: #606060; font-size: 14px; padding: 0; line-height: 24px }
.news-sidebar ul li+li { margin-top: 6px }
.news-sidebar ul li a { color: #606060 }
.news-sidebar ul li:before { display: none !important }
.news-sidebar ul li a:before { content: "\f054"; font-family: "Font Awesome"; font-size: 12px; margin: 0 5px 0 0; display: inline-block; vertical-align: top; font-weight: 700 }
.news-content ul li a { color: #808080; position: relative; font-size: 16px; margin-right: 5px }
.news-page .comment_box .blog_date:before { content: "\f073"; font: normal normal normal 16px/1 Font Awesome; color: #999; margin: 0 5px 0 0 }
.news-page .comment_box .blog_author:before { content: "\f007"; font: normal normal normal 18px/1 Font Awesome; color: #999; margin: 0 5px 0 0 }
.news-content .blog_author { margin: 0 0 0 15px }
.news-sidebar h5 { color: #fff; margin: 0; padding: 10px 15px; background: #0075BB; font-size: 18px; font-weight: 400 }
.news-sidebar ul li.selected > a { color: #0075BB }
.tags-box { padding: 15px; background: #f0f0f0 }
.news-sidebar ul .input-box { margin: 0 }
.news-sidebar ul .select-box select { height: 50px; font-size: 15px; background: #f0f0f0 }
.news-sidebar ul .select-box:after { line-height: 46px; height: 46px; background: #f0f0f0 }
.news-sidebar.tags a { display: inline-block; background: none; color: #fff; margin: 0 5px 10px 0; padding: 7px 10px 5px 10px; font-size: 14px; background: #003e7e }
.news-sidebar+.news-sidebar { margin-top: 30px }
.news-content *:last-child { margin-bottom: 0 }
.blogs .blog { border: 1px solid #eee; padding: 15px }
.blogs .blog .comment_box { margin-bottom: 5px }
.blogs .blog img { float: left; margin: 0 30px 0 0 }
.blogs .blog:after { display: block; content: ""; clear: both }
.blogs .blog h5, .blogs .blog .h5 { font-size: 18px; margin: 0 0 10px 0 }
.blogs .blog h5 a, .blogs .blog .h5 a { color: #0075BB }
.blogs .blog p { margin: 0 }
.blog-page .comment-box { margin-bottom: 5px }
.blogs .blog .comment-box > span { color: #999; font-size: 15px }
.blog-page .comment-box .blog-date:before { content: "\f073"; font: normal normal normal 16px/1 Font Awesome; color: #999; margin: 0 7px 0 0 }
.blog-page .comment-box .blog-author:before { content: "\f007"; font: normal normal normal 18px/1 Font Awesome; color: #999; margin: 0 5px 0 0 }
.blog-page .comment-box .blog-author { margin-left: 15px }
.blog-page .read-more { display: inline-block }
.blogs .blog+.blog { margin-top: 30px }
.gallery-listing-page { padding: 70px 0 40px 0 }
.gallery-listing-page figure { margin-bottom: 30px }
.gallery-listing-page figure > a { display: block; position: relative; overflow: hidden }
.gallery-listing-page figure > a:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: rgba(0,117,187,0.7); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
.gallery-listing-page figure > a:after { content: "\f360"; font-family: "Font Awesome"; font-size: 40px; color: #fff; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position: absolute; left: 50%; bottom: 100%; transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); -webkit-transform: translate(-50%, -100%); font-weight: 700; z-index: 1 }
.gallery-listing-page figure > a img { width: 100% }
.gallery-listing-page .sidebar { margin-top: 30px }
.gallery-listing-page figcaption { text-align: center }
.gallery-listing-page figcaption h4, .gallery_listing_page figcaption .h4 { font-weight: 500; font-size: 18px; margin: 15px 0 0 0; color: #000; font-family: 'Arial'; }
.gallery-listing-page figcaption h4 a, .gallery_listing_page figcaption .h4 a { color: #303030 }
.gallery-details-page { padding: 40px 0 70px 0 }
.gallery-details-page figure { margin-top: 30px }
.gallery-details-page figure > a { display: block; position: relative; overflow: hidden }
.gallery-details-page figure > a:before { content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background: rgba(0,117,187,0.7); transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; z-index: 1 }
.gallery-details-page figure > a:after { content: "\f00e"; font-family: "Font Awesome"; font-size: 30px; color: #fff; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position: absolute; left: 50%; bottom: 100%; transform: translate(-50%, -100%); -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); -webkit-transform: translate(-50%, -100%); font-weight: 700; z-index: 3 }
.gallery-details-page figure > a img { width: 100% }
.gallery-images { padding: 40px 0 0 0 }
.gallery-content { padding: 40px 0 0 0 }
.gallery-images h4, .gallery-images .h4 { margin: 30px 0 0 0 }
.gallery-details *:last-child { margin-bottom: 0 }
.testimonial-list { }
.testimonial-list+.testimonial-list { margin-top: 30px; border-top: 1px solid #EEE; padding-top: 30px }
.testimonial-list .testimonial-content { padding: 12px 25px 0 20px; position: relative; }
.testimonial-list .testimonial-content p { margin-bottom: 10px; color: #606060; font-size: 16px; font-weight: 400; line-height: 30px }
.testimonial-list .testimonial-content p a { font-weight: 400; margin-left: 5px }
.testimonial-list .h5, .testimonial-list h5 { color: #303030; margin: 20px 0 0 0; font-size: 20px }
.testimonial_pagination ul { list-style-type: none; padding: 0; float: left; position: relative; left: 50%; transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); }
.testimonial_pagination ul { list-style-type: none; padding: 0; float: left; position: relative; left: 50%; transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); margin: 15px 0 0 0 }
.testimonial-list .testimonial-content:before { position: absolute; z-index: -1; content: "\f10d"; top: 0; left: 0; font-family: "Font Awesome"; font-size: 28px; color: #ccc; line-height: initial; opacity: 0.5; font-weight: 700 }
.testimonial-list .testimonial-content:after { position: absolute; z-index: -1; content: "\f10d"; bottom: 32px; right: 0; font-family: "Font Awesome"; font-size: 28px; color: #ccc; line-height: initial; opacity: 0.5; transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); font-weight: 700 }
.testimonial-list .testimonial-content *:last-child { margin-bottom: 0 }
.testimonials-client { color: #0075bb; font-size: 18px; font-weight: 500; display: block; text-align: right }
.testimonials-designation { color: #283891; font-size: 14px; font-weight: 300; display: block; text-align: right; margin-top: 5px }
.testimonials-page .my_pagination { border-top: 1px solid #eee; margin-top: 30px }
.product-details-tabs { }
.product-details-tabs ul.resp-tabs-list { padding: 0; text-align: center; margin: 0 }
.product-details-tabs ul.resp-tabs-list li { padding: 0; border: none; color: #a6a6a6; font-size: 16px; font-weight: 400; float: none; vertical-align: top; line-height: 40px; position: relative; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; text-transform: capitalize; padding-bottom: 15px }
.product-details-tabs ul.resp-tabs-list li:after { content: ""; display: block; height: 0; position: absolute; left: 50%; top: 40px; background: #0075bb; width: 4px; margin-left: -2px }
.product-details-tabs ul.resp-tabs-list li+li { margin-left: 50px }
.product-details-tabs ul.resp-tabs-list li:before { display: none }
.product-details-tabs .resp-tab-content { border: none; padding: 0 }
.product-details-tabs .resp-tab-content *:last-child { margin-bottom: 0 }
.product-details-tabs .resp-tabs-container { margin-top: 30px }
.product-details-tabs ul.resp-tabs-list li.resp-tab-active { color: #303030 }
.product-details-tabs ul.resp-tabs-list li.resp-tab-active:after { height: 15px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.product-details-tabs ul.resp-tabs-list:after { content: ""; display: block; height: 4px; width: 100%; background: #ccc }
.product-details-tabs ul.resp-tabs-list li:before { display: block; position: absolute; left: 0; transform: scale(0, 1); -moz-transform: scale(0, 1); -ms-transform: scale(0, 1); -o-transform: scale(0, 1); -webkit-transform: scale(0, 1); bottom: -4px; z-index: 1; line-height: 10px; font-size: 19px; content: ""; height: 4px; background: #0075bb; width: 100%; top: auto }
.product-details-tabs ul.resp-tabs-list li.resp-tab-active:before { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transition: all 0.5s ease 0.5s; -moz-transition: all 0.5s ease 0.5s; -ms-transition: all 0.5s ease 0.5s; -o-transition: all 0.5s ease 0.5s; -webkit-transition: all 0.5s ease 0.5s }
.trailer-colors { max-width: 800px; margin: 0 auto }
.trainler-color-img { }
.trainler-color-img img { }
.trailer-colors-thumb { text-align: center; font-size: 0; margin-top: 20px }
.trailer-colors-thumb button * { pointer-events: none }
.trailer-colors-thumb button { background: #e1e1e1; padding: 5px 10px; border: none; margin: 0 10px }
.trailer-colors-thumb img { width: 80px }
.trailer-colors-thumb-title { margin-bottom: 5px; color: #000; font-size: 14px; display: block }
.gallery-listing-page.trailer_slider_main { padding: 0; }
.gallery-listing-page.trailer_slider_main figure { margin-top: 0; }
.trailer_slider_main.owl-carousel .owl-controls .owl-dots { text-align: center; }
.trailer_slider_main.owl-carousel .owl-controls .owl-dot.active span { background: #e17e14; }
.trailer_slider_main.owl-carousel .owl-controls .owl-dot { display: inline-block; margin: 0 5px; }
.trailer_slider_main.owl-carousel .owl-controls .owl-dot span { width: 10px; height: 10px; display: block; background: #CCC; }
.trailerslider_section { padding: 50px 0 0 0; }
.trailer_slider_page .gallery-images { padding: 0; }
.trailer_slider_page .gallery-images h4, .trailer_slider_page .gallery-images .h4 { margin: 45px 0 0 0; }
.trailer_slider_page figure { margin-top: 20px; }
.trailer_slider_page .contact-form { margin-top: 0; }
.trailer_slider_page .contact-form h3 { margin: 0; background: #0075bb; color: #fff; padding: 10px 15px; }
.trailer_slider_page .contact-form > div { background: #f0f0f0; padding: 15px }
.trailer_slider_page form .col-xl-4, .trailer_slider_page form .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.trailer_slider_page form .captcha-box { margin-bottom: 30px; }
.trailer_slider_page form .input-box { margin-bottom: 20px; }
.trailer_slider_page .captcha-box .recaptcha-error-message { position: static; }
.trailer_slider_page.gallery-details-page .trailer_slider_main figure > a:after { content: "\f360" !important; }
.head_enquiry_main .sticky_button { position: relative !important; right: 0 !important; top: 0 !important; transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.mCSB_inside > .mCSB_container { margin-right: 30px !important }
.sticky_button { }
.sticky_form { background: #fff; left: 100%; max-height: 100%; overflow-y: auto; position: fixed !important; margin-left: 10px; top: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width: 501px; z-index: 999999; }
.sticky_form .mCSB_inside > .mCSB_container { margin-right: 0 !important; }
.sideformmain .submit_btn_box .main_btn { margin: 0 }
.sideformmain.contact-form .required-field { text-align: left; }
.sideformmain.contact-form .form-group { margin-bottom: 25px; }
div.wpcf7 .screen-reader-response { border: 0 none; clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 1px; }
body.overly-get-quote { overflow: hidden; }
.sticky_form form { padding: 0; }
.sticky_button.in { right: -150px; }
.sticky_form.in { margin-left: -501px; }
body.overly-get-quote::after { background: rgba(0,0,0,0.8); content: ""; display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 99999; }
.sticky_button.main_btn { padding: 0; margin-top: -30px; width: 180px; cursor: pointer; position: fixed !important; right: -70px; top: 50%; min-width: 180px; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; z-index: 9; }
.get-quote-sticky-main { float: left; padding: 30px; width: 100%; }
.sideformmain .col-md-4, .sideformmain .col-md-8 { float: none; width: 100%; }
.get-quote-sticky-main h4 { color: #ffffff; font-weight: 800; letter-spacing: 0; text-transform: uppercase; }
.get-quote-sticky-main p { color: #b7b7b7; padding-top: 9px; letter-spacing: 0; }
.sticky_form .close-form { background: url(../images/close-icon.png) no-repeat scroll 0 0; width: 26px; height: 26px; display: block; position: absolute; right: 30px; top: 20px; cursor: pointer }
.contact-form.sideformmain { margin: 0; }
.contact-form.sideformmain .col-md-4, .contact-form.sideformmain .col-md-8, .contact-form.sideformmain .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.contact-form.sideformmain .submit-container { padding-top: 20px; }
.contact-form.sideformmain label.require { color: #303030 }
.contact-form.sideformmain .captcha-box label.recaptcha-error-message { position: relative }
.hl-banner-logo { position: absolute; bottom: 20px; right: 50%; z-index: 2; transform: translateX(600px); -moz-transform: translateX(600px); -ms-transform: translateX(600px); -o-transform: translateX(600px); -webkit-transform: translateX(600px) }
.hl-callback label.require { color: #fff }
.header .sticky_button { display: none }
/******************************* 22-05-2019 ********************************/
.top-area { background: #e17e14; padding: 0; position: fixed; z-index: 2; width: 100%; bottom: 0; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; }
.top-area .slogan { font-weight: 600; display: block; text-align: center; font-size: 18px; color: #fff; padding: 5px 0; }
.top-area .blinking_txt { font-weight: 600; display: block; text-align: center; font-size: 18px; color: #fff; background: #0075bb; padding: 5px 0; }
.top-area .btn_get_quote a { width: 100%; font-weight: 600; display: block; text-align: center; font-size: 18px; color: #fff; background: #0075bb; padding: 6px 0 4px; text-transform: uppercase; }
/****************************************************************************************************************/
/************************************* Get a Quote styles ends here ******************************************/
/****************************************************************************************************************/
.armodal_popup_main { padding: 20px 30px 20px 10px; }
.armodal_popup_main .mCSB_inside>.mCSB_container { margin-right: 10px !important; }
.armodal_popup_main .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0 !important }
.armodal_box { display: none; position: fixed; top: 0px; left: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(0,0,0,0.7); text-align: left; }
.armodal { margin: 0 auto; width: 710px; background: #fff; position: absolute; padding: 0px; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); max-height: 100%; max-width: 100%;/*overflow-y: auto;*/ transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; border-radius: 0; }
.armodal-close { position: absolute; top: 15px; right: 15px; font-size: 24px; color: #b9b9b9; font-weight: 900; }
body.sticky { overflow: hidden }
.armodal_box h2, .armodal_box .h2 { font-size: 30px; color: #505050; margin: 0 0 0 0; text-align: center; text-transform: uppercase; padding-bottom: 15px; }
.armodal_box h2+p, .armodal_box .h2+p { text-align: center; font-size: 18px; margin-bottom: 40px }
.armodal_box .col-sm-12.col-md-8 { width: 100%; }
.armodal_box .col-sm-12.col-md-4 { width: 100%; }
.armodal_box a.armodal-close.fa.fa-times { font-family: 'fontawesome'; }
.armodal_box .captcha_box { float: left; display: block; margin-bottom: 30px; margin-top: 0; }
.armodal_box .input-box.submit-box { float: left; width: 50%; margin-top: 0; }
.armodal_box .form-control { height: 54px; border-radius: 0; box-shadow: none; color: #606060; border: 1px solid rgba(0,0,0,0.30)!important; font-weight: normal; font-size: 16px; padding: 10px 18px; }
.armodal_box input.submit-btn { border: 0; background: none; width: 100%; text-transform: uppercase; }
.armodal_box .required-field { margin-bottom: 0; clear: both; position: absolute; bottom: 40px; right: -275px; }
.armodal_box .submit_btn_box { float: right; margin-bottom: 0; position: relative; }
.armodal_box textarea.form-control { resize: none; height: 150px; padding: 10px 20px; }
.armodal_box h2 { width: 100%; }
.armodal_box .contact-form-main.contact_block_main { padding: 0; }
.armodal_box .contact-form-main.contact_block_main .col-sm-6.col-xs-12 { width: 100%; }
.armodal_box input.input { background: none; border: 0; width: 100%; padding: 0; margin: 0 auto; text-transform: uppercase; }
.armodal_box .button { min-width: 270px; line-height: 60px; font-size: 14px; padding: 0; }
.armodal_box .submit_btn_box .main_btn { position: relative; text-align: center; margin: 0 auto 10px; width: 240px; }
.armodal span.text_main { text-align: center; margin: 0 auto; display: block; margin-bottom: 20px; }
.armodal .form_section { clear: both; margin: 0 auto 0; display: block; padding: 10px 0 0 0; background: transparent; }
.armodal .form_section:before { display: none }
.armodal label { margin-bottom: 3px; font-size: 16px; color: #404040; }
.armodal label span { color: #f62d2d }
.armodal span.text_main span.star { color: #f62d2d; }
.form_section:after { content: ""; display: table; clear: both; }
.armodal_box .button.secondary { background: #C3D92E; }
.armodal_box .button.secondary:before { background: #505050; }
.armodal label.main_label { font-size: 20px; display: block; }
.armodal_box .form-control:focus { border-color: #02a3da !important; box-shadow: 0 0 5px #02a3da; }
.select_box { position: relative; }
.select_arrow i { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1; pointer-events: none; font-size: 24px; color: #606060; }
.select_box select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; }
.armodal .form_section .col-sm-4 { width: 50%; }
 .armodal_box input::-webkit-input-placeholder, .armodal_box textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 color:#606060;
 opacity:1;
}
 .armodal_box input:-moz-placeholder, .armodal_box textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:#606060;
 opacity:1;
}
 .armodal_box input::-moz-placeholder, .armodal_box textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:#606060;
 opacity:1;
}
 .armodal_box form input:-ms-input-placeholder, .armodal_box form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#606060;
 opacity:1;
}
.armodal .form_section .form-group { margin-bottom: 15px; }
.armodal_box .captcha_box { float: left; width: 48% }
.armodal_box .btn_quote { text-align: center }
.armodal_box .btn_quote .btn_send { margin: 15px 0 0; display: inline-block; position: relative; text-align: center; line-height: 45px; min-width: 100%; position: relative; z-index: 1; overflow: hidden; font-weight: normal; font-size: 16px; color: #fff; text-transform: uppercase; vertical-align: top; padding: 0 20px; border-radius: 0; background: #0075bb; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; border: 1px solid #0075bb; }
.armodal_box .btn_quote .btn_send:hover { background: #626363 }
.armodal_box .btn_quote .btn_send:focus { background: #626363 }
.armodal_box select.form-control:not([size]):not([multiple]) { height: auto; }
.block_txt { display: none; }
.armodal_box .wpcf7-form label.recaptcha-error-message { position: relative; }
.inner-page ul.two_column { column-count: 5; }
/******************************************************************************************/
/***************************** category style css ***************************************/
/******************************************************************************************/ 
.category_container { width: 100%; padding-left: 10px; padding-right: 10px; }
.category_img_main > a {   /* padding-bottom: 56.2%; */   display: block;    position: relative;    background: #f0f0f0; border:3px solid #f0f0f0}
.category_img_main {    transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    -webkit-transition: all 0.5s ease;}
.category_container .row { margin-left: -10px; margin-right: -10px; }
.category_container .row .category_col { padding-left: 10px; padding-right: 10px; }
.category_container .row .category_col { width: 20%; float: left; }
.category_box { padding-top: 50px; position: relative; overflow: hidden; margin-bottom: 20px; }
.category_title_box { background: #0074bb; min-height: 50px; padding: 14px 10px; text-align: center; position: absolute; top: 0; z-index: 2; width: 100%; transition: all 0.5s ease 0.2s; -moz-transition: all 0.5s ease 0.2s; -ms-transition: all 0.5s ease 0.2s; -o-transition: all 0.5s ease 0.2s; -webkit-transition: all 0.5s ease 0.2s; }
.category_img_main img { width: 100%; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.category_title { font-size: 15px; color: #fff; text-transform: uppercase; font-weight: 600; }
.category_readmore i { font-size: 40px; color: #fff !important; }
.category_title_box .category_readmore { position: absolute; color: #fff !important; left: 0; top: 102px; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.main_title + .sub_line { padding: 21px 0 0 0; text-align:center;}
.container.category_container { margin-top: 25px; }
.category_box:hover .category_title_box { background: #e17e14; min-height: 150px; padding-top: 32px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
.category_box:hover .category_title_box .category_readmore { opacity: 1; left: 50%; transition: all 0.5s ease 0.2s; -moz-transition: all 0.5s ease 0.2s; -ms-transition: all 0.5s ease 0.2s; -o-transition: all 0.5s ease 0.2s; -webkit-transition: all 0.5s ease 0.2s; }
.category_box:hover .category_img_main { transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); -webkit-transform: translateY(50px); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } 
.btn_bottom {    text-align: center;    display: table;    margin: 20px auto;}


@keyframes icon-rotate { 0%, 50%, 100% {
transform: rotateY(0);
}
 25% {
transform: rotateY(180deg);
}
}
.category_section { padding-top:10px; }

.detail_content_section h2 { color:#0075bb; }
.red_titleh4 { font-size: 18px; color: #e17e14; font-weight: 500; text-transform: uppercase; padding-bottom: 6px; }
.detail_slider_main .owl-nav { display:inline-block; vertical-align:middle; width: 100%; text-align: center; }
.detail_slider_main .owl-nav > div { display:inline-block; vertical-align:middle; width:5%; font-size: 30px; }
.detail_slider_main .owl-nav .owl-prev { left:-5px; }
.detail_slider_main .owl-nav .owl-next { right:-5px; }
.fancybox-overlay-fixed { z-index: 999 !important; background: rgba(0,0,0,0.85); }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox_sprite.png); }
.fancybox-close { position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040; }
#fancybox-thumbs { display:none; }
.cloudzoom-zoom, .zoomContainer { display: none !important; }
.product_details_img { cursor:pointer; }
.requestquote_btn_main { padding:19px 0 33px 0; margin-top:0; }
.detail_content_section .col-50 { width: 50%; float: left; }
.features_main_section { padding:17px 0 13px 0; }
.features_main_section ul { padding:0; }
.features_main_section ul li { margin-bottom:6px; }
.detail_content_section .col-50 ul { padding-left:0; }
.detail_content_section .col-50 ul li { margin-bottom:6px; }

/*1/11/2019*/
.lawn-mowing-demo-trailers #page_title  { padding:40px 0; background:#0074bb}
.lawn-mowing-demo-trailers .category_title{ font-size:12px}
.lawn-mowing-demo-trailers .category_title_box { min-height:auto; padding:9px 10px}
.lawn-mowing-demo-trailers .category_title_box .category_readmore {top: 42px; }
.lawn-mowing-demo-trailers .category_box:hover .category_title_box {min-height: 94px; padding-top:11px }
/*18/11/2019*/
.home_page .category_title_box { padding:9px 10px; min-height: auto;}
.home_page .category_box:hover .category_title_box { min-height: 94px; padding-top: 11px; }
.home_page .category_title_box .category_readmore { top: 42px; }
/*19/11/2019*/
.hl-banner-slider figcaption { width:auto; padding:10px 95px 0 100px; }
.hl-banner-slider figcaption h1, .hl-banner-slider figcaption .h1 { font-size:41px; line-height:50px; margin-bottom:5px; }
.home_page .category_title_box { background:#45aeee; }
.hl-banner-slider figcaption .button {min-width:216px; }
.hl-banner-slider figcaption p { margin-bottom:10px; }
/*12/12/2019*/
.navigation ul.menu li.coming_soon span { display:table; vertical-align:top; width:100%; font-size: 13px; line-height: 13px; color:#fcd2a4; position: absolute; top: 6px; letter-spacing: 1px; }
/*8/1/2020*/
.hestablish_sec { background:#202020; padding:30px 0; text-align:center; }
.hestablish_txt {  display:inline-block; margin:0 auto }
.hestablish_sec p { color:#fff; font-size:18px; line-height:30px; }
/*22/1/2020*/
.hl-banner-slider figcaption p span { font-size:12px; }
.slogan span { font-size:11px; }
/*24/1/2020*/
.home .sub_line { padding:0; }
.home .category_section .sub_line h2 { margin:0; }
.home .category_section .sub_line p { margin:0; }
.trailer_slider_page .trailerslider_section { padding: 30px 0 0 0; border-top: 1px solid #ccc; margin-top: 50px; }



/***********************Popup*****************/
.modal-backdrop.fade { opacity: 0.8; }
#onloadpopup.fade:not(.show) { opacity: 1; }
.modal.fade .modal-dialog { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); }
span.close_btn { position: absolute; right: 20px; top: 9px; font-size: 32px; color: #636363; transform: rotate(45deg); cursor: pointer; }
.modal-content p { font-size: 16px; line-height: 1.8; padding-bottom: 0; }
.modal-body { padding: 20px; border-top: 5px solid #0075bb; background-position: center; position: relative; z-index: 22; }
.modal-body img { width: 250px; }
.modal-body:after { position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.80); z-index: -1; }
.modal-body h2 { color: #baa745; text-transform: uppercase;     margin: 0 0 20px;    font-size: 34px;}
.modal.fade .modal-dialog {min-height: calc(100% - (1.75rem * 2)); display: flex; align-items: center; }
#onloadpopup .whatsapp_msg{position: static;}
/***********************Popup*****************/
 
/******************************************************************************************/
/***************************** Responsive style css ***************************************/
/******************************************************************************************/
@media (min-width: 1450px){
.category_container {    max-width: 1430px;}
}
@media screen and (max-width:1919px) {
.hl-product-cta { padding: 40px 80px 20px 80px }
}
@media screen and (max-width:1599px) {
.hl-product-cta { padding: 25px 80px 20px 80px }
.hl-welcome-img img { max-width: 800px }
}
@media screen and (max-width:1499px) {
.hl-product-cta { padding: 30px 80px 20px 80px }
.hl-product-cta h2, .hl-product-cta .h2 { margin: 0 0 30px 0 }
.hl-product-cta p { margin: 0 0 40px 0 }
}
@media screen and (max-width:1439px) {
.hl-product-cta .button { min-width: 200px; line-height: 56px }
.hl-product-cta { padding: 25px 40px 20px 40px }
.hl-product figcaption h3:after, .hl-product figcaption .h3:after { display: none }
.hl-product figcaption h3 span, .hl-product figcaption .h3 span { transform: translateX(-50%) !important; -moz-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; -o-transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important; left: 50% !important }
.hl-welcome-container { width: 64%; }
.hl-welcome-img { width: 36%; }
}
@media screen and (max-width:1348px) {
.hl-product figcaption { left: 30px; right: 30px }
.hl-product-cta h2, .hl-product-cta .h2 { font-size: 38px }
.hl-product-cta p { margin: 0 0 30px 0 }
.hl-product-cta .button { line-height: 50px; font-size: 16px }
}
@media screen and (max-width:1199px) {
.col-xl-offset-1 { margin: 0 }
.navigation ul.menu > li > a { font-size: 16px; }
.trailer_slider_page form .captcha-box { transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); -webkit-transform: scale(0.9); margin-bottom: 10px; }
.trailer_slider_page .submit-box { min-width: 100%; }
.header-enquiry { padding: 32px 0 34px 165px }
.header-contact { padding: 29px 165px 27px 0 }
header.sticky .header-enquiry { padding: 17px 0 19px 165px }
header.sticky .header-contact { padding: 14px 165px 12px 0 }
.hl-we-do > a h3, .hl-we-do > a .h3 { font-size: 20px }
.hl-product figure > a img { width: 100% }
.hl-product { width: 50% }
.hl-product:nth-child(1) { order: 1 }
.hl-product:nth-child(2) { order: 2 }
.hl-product:nth-child(3) { order: 3 }
.hl-product:nth-child(4) { order: 4 }
.hl-product:nth-child(5) { order: 5 }
.hl-product:nth-child(6) { order: 6 }
.hl-product:nth-child(7) { order: 8 }
.hl-product:nth-child(8) { order: 9 }
.hl-product:nth-child(9) { order: 10 }
.hl-product:nth-child(10) { order: 11 }
.hl-product-cta { order: 7 !important; width: 100%; padding: 50px 15px }
.hl-why-us h3, .hl-why-us .h3 { font-size: 22px }
.hl-welcome-container { width: 50% }
.hl-welcome-img { width: 50% }
.hl-welcome-img img { max-height: 680px }
.hl-cta-content .button { min-width: 195px; font-size: 16px }
.hl-cta-img img { max-width: 100% }
.hl-achievement p { padding: 0 15px; min-height: 60px }
.quick-links.wide { margin-right: -10px }
.hl-welcome-content { max-height: 418px }
.hl-banner-logo { right: 70px; transform: none; bottom: 10px; width: 130px }
.hl-welcome-container .title { font-size: 34px }
}
@media (min-width:1025px) and (max-width:1070px) {
.navigation ul.menu > li > a { margin:0 6px; font-size:15px; }
.navigation ul.menu li.coming_soon span {font-size: 11px; text-align:center; }
}
@media screen and (min-width:1025px) {
a:hover { color: #e17e14; text-decoration: none }
.category_box:hover a{color:#fff}
.scroll_top:hover { color: #000; background: #e17e14 }
.button:hover { color: #fff }
.button:hover:before { transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -moz-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -ms-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -o-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -webkit-transform: scale3d(0.88, 0.6, 1) skewX(-17deg) }
.button:hover:after { transform: scale3d(1, 1, 1) skewX(-23deg); -moz-transform: scale3d(1, 1, 1)) skewX(-23deg); -ms-transform: scale3d(1, 1, 1)) skewX(-23deg); -o-transform: scale3d(1, 1, 1)) skewX(-23deg); -webkit-transform: scale3d(1, 1, 1)) skewX(-23deg) }
.input-box .input:focus { border-color: #0075bb }
.submit-label:hover:before, .submit-box .input:focus ~ .submit-label:before { transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -moz-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -ms-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -o-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -webkit-transform: scale3d(0.88, 0.6, 1) skewX(-17deg) }
.submit-label:hover:after, .submit-box .input:focus ~ .submit-label:after { transform: scale3d(1, 1, 1) skewX(-23deg); -moz-transform: scale3d(1, 1, 1)) skewX(-23deg); -ms-transform: scale3d(1, 1, 1)) skewX(-23deg); -o-transform: scale3d(1, 1, 1)) skewX(-23deg); -webkit-transform: scale3d(1, 1, 1)) skewX(-23deg) }
.logo img { max-height: 74px }
.logo, .logo img, .header-enquiry, .header-contact { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease }
header.sticky .logo { padding: 10px 0 }
header.sticky .logo img { max-height: 64px }
.site-main > header.sticky { box-shadow: 0 0 3px rgba(255,255,255,0.2); -moz-box-shadow: 0 0 3px rgba(255,255,255,0.2); -ms-box-shadow: 0 0 3px rgba(255,255,255,0.2); -o-box-shadow: 0 0 3px rgba(255,255,255,0.2); -webkit-box-shadow: 0 0 3px rgba(255,255,255,0.2) }
.header-enquiry ul li a:hover { color: #e17e14 }
.header-contact ul li a:hover { color: #0075bb }
.hl-banner .owl-nav > div span:hover { background: #fff; border-color: #fff; color: #0075bb }
.hl-we-do > a:hover:before { background: #0075bb }
.hl-we-do > a:hover .icon { color: #fff }
.hl-we-do > a:hover .bg-icon { opacity: 0.1; color: #fff }
.hl-we-do > a:hover h3, .hl-we-do > a:hover .h3 { color: #fff }
.hl-product figure:hover figcaption h3 span, .hl-product figure:hover figcaption .h3 span { left: 0; transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0) }
.hl-product figure:hover figcaption h3:before, .hl-product figure:hover figcaption .h3:before { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1) }
.hl-product figure:hover figcaption h3:after, .hl-product figure:hover figcaption .h3:after { right: 15px; opacity: 1 }
.hl-callback-submit-label:hover:before, .hl-callback-submit:focus ~ .hl-callback-submit-label:before { transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -moz-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -ms-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -o-transform: scale3d(0.88, 0.6, 1) skewX(-17deg); -webkit-transform: scale3d(0.88, 0.6, 1) skewX(-17deg) }
.hl-callback-submit-label:hover:after, .hl-callback-submit:focus ~ .hl-callback-submit-label:after { transform: scale3d(1, 1, 1) skewX(-23deg); -moz-transform: scale3d(1, 1, 1)) skewX(-23deg); -ms-transform: scale3d(1, 1, 1)) skewX(-23deg); -o-transform: scale3d(1, 1, 1)) skewX(-23deg); -webkit-transform: scale3d(1, 1, 1)) skewX(-23deg) }
.signature a:hover { color: #10b269 }
.quick-links ul li a:hover { padding-left: 15px; color: #fff }
.quick-links ul li a:hover:before { width: 10px }
.footer-social ul li a:hover { color: #fff }
.footer-social ul li a:hover:after { height: 100% }
.footer-contact a:hover { color: #e17e14 }
.my_pagination li a:hover { background: #e17e14; color: #fff; border-color: #e17e14 }
.breadcrumb > li a:hover { color: #e17e14 }
.sidebar ul li a:hover { color: #0075BB; }
.sidebar ul li a:hover:before { opacity: 1 }
.contact-page .contact_us_icon a:hover { color: #0075BB }
.contact_info a:hover { color: #10b269 }
.news_box figure > a:hover:before { height: 100% }
.news_box h4 a:hover, .news_box .h4 a:hover { color: #909090 }
.news_box figure > a:hover .fa { transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%); bottom: 50% }
.news-sidebar ul li a:hover { color: #0075BB }
.news-sidebar.tags a:hover { background: #c7ea46; color: #0075BB }
.gallery-listing-page figure > a:hover:before { height: 100% }
.gallery-listing-page figure > a:hover:after { transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%); bottom: 50% }
.gallery-details-page figure > a:hover:before { height: 100% }
.gallery-details-page figure > a:hover:after { transform: translate(-50%, 50%); -moz-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%); bottom: 50% }
.gallery-listing-page figcaption h4 a:hover, .gallery-listing-page figcaption .h4 a:hover { color: #0075bb }
.blogs .blog h5 a:hover, .blogs .blog .h5 a:hover { color: #e17e14 }
}

@media screen and (max-width:1024px) {
.header-enquiry, header.sticky .header-enquiry { padding: 32px 0 34px 145px }
.header-contact, header.sticky .header-contact { padding: 29px 145px 27px 0 }
.container-main { margin-top: 139px }
.site-main > header.sticky { box-shadow: 0 0 3px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 3px rgba(0,255,0,0.2); -ms-box-shadow: 0 0 3px rgba(255,255,0,0.2); -o-box-shadow: 0 0 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2) }
.hl-achievements { background-position: center center !important; background-attachment: inherit !important }
.navigation .mCSB_inside > .mCSB_container { margin-right: 6px !important }
.navigation.mCS_no_scrollbar .mCSB_inside > .mCSB_container { margin-right: 0 !important }
.block_txt { display: none; }
.top-area .blinking_txt { padding: 13px 0; font-size: 14px; }
.top-area .btn_get_quote a { padding: 10px 0 }
.category_container .row .category_col {    width: 24%;    float: none;   display: inline-block;}
.container.category_container {    text-align: center;}
/*1/10/2019*/
.category_section{ padding-top:50px; }
/*12/12/2019*/
.navigation ul.menu li.coming_soon span { position:relative; top:0; color:#e17e14; }
}
@media screen and (max-width:991px) {
.trailer_slider_page form .captcha-box { transform: scale(0.86); -moz-transform: scale(0.86); -ms-transform: scale(0.86); -o-transform: scale(0.86); -webkit-transform: scale(0.86); }
.trailer_slider_page .submit-container { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; }
.trailer_slider_page .input-box.submit-box { float: none; width: auto; min-width: 100%; }
#page_title { padding: 53px 0 }
.page_title h1, .page_title .h1 { font-size: 50px }
.news_box { width: 50% }
.logo { position: static; transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; float: left }
.header-enquiry { padding: 10px 0 !important; float: none; display: inline-block; vertical-align: top; width: auto }
.header-contact { padding: 10px 0 !important; float: none; display: inline-block; vertical-align: top; width: auto }
.header-right { float: right; font-size: 0 }
.header .sticky_button { display: inline-block; background: #0075bb; border: none; color: #fff; font-size: 12px; line-height: 30px; padding: 5px 10px; text-align: center; min-width: 94px }
.header-right { padding-bottom: 0 }
.header-enquiry ul li .header-enquiry-title { display: none }
.header-enquiry ul { padding: 0 }
.header-enquiry ul:before { display: none }
.header-enquiry ul li a .title { display: none }
.header-enquiry ul li a .fas { display: block; font-size: 15px; color: #fff; transform: rotate(105deg) translate(-50%, -50%); -moz-transform: rotate(105deg) translate(-50%, -50%); -ms-transform: rotate(105deg) translate(-50%, -50%); -o-transform: rotate(105deg) translate(-50%, -50%); -webkit-transform: rotate(105deg) translate(-50%, -50%); position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -16px }
.header-enquiry ul li a .fas.fa-mobile-alt { transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0; font-size: 20px; }
.header-contact ul li.header-location { display: none }
.header-contact ul li a .title { display: none }
.header-contact ul li { margin: 0 !important }
.header-contact ul li a { padding: 0; display: block; height: 40px; width: 42px; background: #0075bb }
.header-contact ul li a .fas { left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff }
.header-enquiry ul li a { display: block; height: 40px; width: 40px; background: #0075bb; position: relative; text-align: left }
.header-enquiry ul li { display: inline-block; vertical-align: top; margin: 0 12px 0 0 }
.header-bottom { background: none }
.container-main { margin-top: 116px }
.hl-banner-slider figcaption .button { line-height: 50px; min-width: 200px; font-size: 15px; margin: 0 11px }
.hl-banner-slider figcaption:before { bottom: 25px; left: 38px; right: 38px }
.hl-banner-slider figcaption { width: 600px; padding: 36px 84px 0 84px }
.hl-banner-slider figcaption h1, .hl-banner-slider figcaption .h1 { font-size: 32px; line-height: 54px }
.hl-banner-slider figcaption p { font-size: 15px; line-height: 26px }
.hl-banner .owl-nav > div span { height: 70px; width: 46px; font-size: 30px }
.hl-what-we-do .title { font-size: 36px }
.hl-we-do > a:before { }
.hl-what-we-do .col-12:nth-child(odd) .hl-we-do > a:before { transform: skewY(20deg); -moz-transform: skewY(20deg); -ms-transform: skewY(20deg); -o-transform: skewY(20deg); -webkit-transform: skewY(20deg) }
.hl-what-we-do .col-12:nth-child(odd) .hl-we-do > a .bg-icon { margin-top: 41px }
.hl-what-we-do .col-12:nth-child(even) .hl-we-do > a:before { transform: skewY(-20deg); -moz-transform: skewY(-20deg); -ms-transform: skewY(-20deg); -o-transform: skewY(-20deg); -webkit-transform: skewY(-20deg) }
.hl-what-we-do .col-12:nth-child(even) .hl-we-do > a .bg-icon { margin-top: -50px }
.hl-what-we-do .col-12:nth-child(odd) .hl-we-do > a .bg-icon.fa-truck { transform: translate(50%, -50%) rotateY(180deg); -moz-transform: translate(50%, -50%) rotateY(180deg); -ms-transform: translate(50%, -50%) rotateY(180deg); -o-transform: translate(50%, -50%) rotateY(180deg); -webkit-transform: translate(50%, -50%) rotateY(180deg) }
.hl-we-do > a { margin: 66px 0 }
.hl-we-do > a h3, .hl-we-do > a .h3 { min-height: 72px }
.hl-we-do { margin: -40px 0 -62px 0 }
.hl-what-we-do { padding: 63px 0 122px 0 }
.hl-why-choose-us .title { font-size: 36px; margin: 0 0 30px 0 }
.hl-why-us { margin: 0 0 30px 0 }
.hl-why-choose-us { padding: 53px 0 22px 0 }
.hl-welcome-container { padding: 40px 15px 0 15px }
.hl-welcome-container .title { font-size: 30px; line-height: 38px }
.hl-welcome-img img { max-height: 500px }
.hl-welcome-content { max-height: 242px }
.hl-cta-img { padding: 0 0 50px 0 }
.hl-cta .title { font-size: 36px; line-height: 54px }
.hl-cta-content { padding: 50px 0 40px 0 }
.hl-achievement p { padding: 0 10px; min-height: 40px; font-size: 14px }
.hl-achievement-counter { font-size: 36px; line-height: 50px }
.hl-achievement .icon { font-size: 50px }
.hl-testimonials .item:before { left: 0; top: 5px }
.hl-testimonials .item:after { right: 0; bottom: 56px }
.hl-testimonials .item { padding: 0 50px }
.hl-testimonials .title { font-size: 36px }
.hl-callback-input { height: 50px }
.hl-callback-submit { height: 50px; font-size: 16px; line-height: 50px }
.hl-callback .title { margin: 0 0 35px 0; font-size: 36px }
.footer-social ul li { margin: 0 15px 0 0 }
.footer-top .col-12.col-md-12 { margin-top: 40px }
.hl-callback div .wpcf7-form label.error { margin: 5px 0 0 -25px; right: -5px }
.hl-callback-submit-label { line-height: 54px }
.hl-callback div .wpcf7-form label.error { font-size: 13px; padding: 2px 10px }
.hl-callback div.wpcf7 div .ajax-loader { right: 21px }
.hl-welcome-content .mCSB_inside>.mCSB_container { margin-right: 25px !important }
.hl-welcome-content .mCSB_scrollTools { width: 16px }
.hl-welcome-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 16px; opacity: 0.1; background: #fff !important }
.hl-welcome-content .mCSB_scrollTools .mCSB_draggerRail { width: 16px; opacity: 0.1 }
.product-details-tabs ul.resp-tabs-list li+li { margin-left: 30px }
.hl-banner-logo { right: 80px; width: 80px }
.top-area .slogan { padding: 10px 0; }
.inner-page ul.two_column { column-count: 4; }
.category_container .row .category_col {    width: 49%;}
.container.category_container {    width: 100%;    max-width: 100%;}
}
@media screen and (min-width:768px) {
.mobile-accordion-toggle { display: block !important }
.tags-box, .news-sidebar ul { display: block !important }
}
@media screen and (max-width:767px) {
.sticky_button.main_btn { display: none; }
.trailer_slider_main.owl-carousel .owl-controls .owl-dot { display: inline-block; margin: 0 3px; }
.trailer_slider_page .contact-form { margin-top: 30px; }
.trailer_slider_page form .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.trailer_slider_page .submit-container { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50%; }
.trailer_slider_page .input-box.submit-box { float: right; width: auto; min-width: 200px; }
.breadcrumb { display: none }
.hl-banner-slider figcaption { display: none }
.scroll_top .top-text { display: none }
.scroll_top { line-height: 42px; height: 40px; width: 40px; bottom: 55px }
.scroll_top .fa-angle-up { margin-top: 7px; font-size: 24px }
.scroll_top.visible { right: 15px }
.sidebar .title .icon { display: block }
.news-sidebar span { display: block; width: 100%; position: absolute; top: 0px; left: 0px; height: 40px; font-weight: 300; }
.news-sidebar span:after { content: "\f067"; font: normal normal normal 16px/1 Font Awesome; color: #fff; position: absolute; right: 15px; top: 12px; font-weight: 700 }
.news-sidebar.in span:after { content: "\f068" }
.news-sidebar { position: relative; margin-top: 30px }
.news-sidebar > ul { display: none }
.tags-box { display: none }
.news-sidebar h5 { font-size: 16px; line-height: 20px; font-weight: 300 }
.news-sidebar+.news-sidebar { margin-top: 15px }
.news_box { margin: 0 0 30px 0 }
.news_box h4, .news_box .h4 { font-size: 15px; line-height: 24px }
.blog-page .my_pagination { margin: 0 0 0 0 }
.my_pagination .pagination { margin: 20px 0 0 0; }
h1, .h1 { font-size: 30px }
h2, .h2 { font-size: 24px }
h3, .h3 { font-size: 20px }
h4, .h4 { font-size: 18px }
h5, .h5 { font-size: 16px }
h6, .h6 { font-size: 14px }
.hl-welcome-content h1, .hl-welcome-content .h1 { font-size: 28px }
.hl-welcome-content h2, .hl-welcome-content .h2 { font-size: 24px }
.hl-welcome-content h3, .hl-welcome-content .h3 { font-size: 20px }
.hl-welcome-content h4, .hl-welcome-content .h4 { font-size: 18px }
.hl-welcome-content h5, .hl-welcome-content .h5 { font-size: 15px }
.hl-welcome-content h6, .hl-welcome-content .h6 { font-size: 13px }
.inner-page h1, .inner-page .h1 { font-size: 28px }
.inner-page h2, .inner-page .h2 { font-size: 24px }
.inner-page h3, .inner-page .h3 { font-size: 20px }
.inner-page h4, .inner-page .h4 { font-size: 18px }
.inner-page h5, .inner-page .h5 { font-size: 15px }
.inner-page h6, .inner-page .h6 { font-size: 13px }
img.alignleft { float: none; margin: 0 auto 20px auto; display: block }
img.alignright { float: none; margin: 0 auto 20px auto; display: block }
.sidebar { margin-top: 30px }
.contact-page .contact_us_icon span.fa, .contact-page .contact_us_icon.abn span { height: 50px; width: 50px; margin: 0 10px 0 0; font-size: 22px }
.contact-page .contact_us_icon span, .contact-page .contact_us_icon.abn span { height: 50px; width: 50px; font-size: 22px; }
.contact-page .contact_us_icon.abn span { font-size: 14px }
.contact-page .map { margin-top: 30px }
.contact-page .map iframe { height: 290px }
#page_title { padding: 53px 0 }
.inner-page-content { padding: 0 }
.inner-page { padding: 40px 0 }
.sidebar .title { font-size: 20px; padding: 5px 20px }
.page_title h1, .page_title .h1 { font-size: 36px }
.mobile-accordion { margin-bottom: 20px }
.mobile-accordion .title { margin: 0; padding: 11px 35px 11px 15px; background: #0075bb; color: #fff; text-align: center; position: relative; margin: 0 !important; text-align: left; font-size: 16px }
.mobile-accordion .title span { position: absolute; right: 10px; font-size: 16px; width: 100%; height: 100%; left: 0; top: 0 }
.mobile-accordion .title span:after { content: "\f067"; font-family: "Font Awesome"; position: absolute; right: 15px; top: 11px; font-weight: 700 }
.mobile-accordion.in .title span:after { content: "\f068" }
.mobile-accordion > ul, .mobile-accordion-toggle { border: 1px solid #0075bb; padding: 15px; display: none; margin: 0 }
.mobile-accordion .title:after { display: none }
.mobile-accordion.mobile-toggle { margin-top: 0 }
.h2 { font-size: 24px }
.button { line-height: 50px; font-size: 16px; min-width: 200px; margin: 0 11px }
.logo { padding: 18px 0 }
.header-enquiry { padding: 10px 0 10px 0 !important }
.header-contact { padding: 10px 0 10px 0 !important }
.container-main { margin-top: 111px }
.hl-what-we-do .title:before { display: none }
.hl-we-do > a { margin: 30px 0 0 0; padding: 38px 15px 40px 15px }
.hl-what-we-do .col-12 .hl-we-do > a:before { transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; -webkit-transform: none !important }
.hl-we-do { margin: 0 }
.hl-what-we-do .col-12 .hl-we-do > a .bg-icon { margin-top: 0 !important; font-size: 130px }
.hl-what-we-do { padding: 35px 0 40px 0 }
.hl-what-we-do .title { margin: 0; font-size: 30px }
.hl-we-do > a h3, .hl-we-do > a .h3 { min-height: 48px; line-height: 24px; font-size: 16px }
.hl-product-cta h2, .hl-product-cta .h2 { font-size: 30px; margin: 0 0 25px 0 }
.hl-product-cta { padding: 35px 15px }
.hl-product figcaption h3, .hl-product figcaption .h3 { padding: 10px 15px; font-size: 16px; line-height: 30px }
.hl-why-us .icon-box .icon-bg { height: 100px; width: 100px }
.hl-why-us .icon-box { padding: 22px; margin: 0 0 25px 0 }
.hl-why-us h3, .hl-why-us .h3 { font-size: 18px; line-height: 28px }
.hl-why-choose-us { padding: 35px 0 0 0 }
.hl-why-choose-us .title { font-size: 30px }
.hl-welcome-img { width: 100% }
.hl-welcome-container { width: 100%; padding: 40px 15px }
.hl-welcome-img img { max-height: initial; max-width: 100% }
.hl-welcome-content { }
.hl-welcome-container .title { font-size: 30px; line-height: 40px }
.hl-cta-img { padding: 0 0 35px 0 }
.hl-cta-content { padding: 35px 0 }
.hl-cta .title { font-size: 30px; line-height: 44px; margin: 0 0 25px 0 }
.hl-cta-content p { margin: 0 0 30px 0 }
.hl-achievement:before, .hl-achievement:after { display: none }
.hl-achievement { box-shadow: 0 0 3px rgba(255,255,255,0.5); -moz-box-shadow: 0 0 3px rgba(255,255,255,0.5); -ms-box-shadow: 0 0 3px rgba(255,255,255,0.5); -o-box-shadow: 0 0 3px rgba(255,255,255,0.5); -webkit-box-shadow: 0 0 3px rgba(255,255,255,0.5); padding: 35px 0; height: 100% }
.hl-achievements .col-cust-12 { margin: 15px 0 }
.hl-achievements { padding: 25px 0 }
.hl-achievement p { min-height: initial }
.hl-achievement-counter { font-size: 30px; line-height: 40px }
.hl-achievement .icon { margin: 0 0 25px 0 }
.hl-testimonials { padding: 35px 0 }
.hl-testimonials .title { font-size: 30px }
.hl-testimonials .item p { font-size: 16px; line-height: 30px }
.hl-testimonials-client { font-size: 20px }
.hl-testimonials-client { padding: 0 }
.hl-testimonials .dots-img img { display: none }
.hl-testimonials .owl-dot { padding: 0; margin: 0 7px }
.hl-testimonials .dots-img { background: #0075bb; height: 10px; width: 10px }
.hl-testimonials .owl-dots { margin: 30px 0 0 0 }
.hl-testimonials .item:before, .hl-testimonials .item:after { transform: scale(0.65); -moz-transform: scale(0.65); -ms-transform: scale(0.65); -o-transform: scale(0.65); -webkit-transform: scale(0.65) }
.hl-testimonials .item { padding: 0 35px }
.hl-callback-input-box { margin: 0 0 30px 0 }
.hl-callback .title { font-size: 28px; margin: 0 0 25px 0 }
.hl-callback { padding: 40px 0 }
.footer-top { padding: 40px 0 0 0 }
.footer-top .col-12.col-md-12 { margin: 0 }
.mobile-accordion .title:before { display: none }
.signature { margin-top: 15px }
.mobile-accordion:after { display: none }
.footer-social { margin: 0 }
.footer-contact { margin: 0 }
.quick-links { margin: 0 }
.footer-social ul li a { height: 50px; width: 50px; line-height: 50px; font-size: 20px }
.gallery-listing-page { padding: 40px 0 10px 0 }
.gallery-details-page { padding: 10px 0 40px 0 }
.gallery-listing-page .my_pagination .pagination { margin: 30px 0 0 0 }
.gallery-details-page .my_pagination .pagination { margin: 30px 0 0 0 }
.gallery-content { padding: 30px 0 10px 0 }
.gallery-images { padding: 0 }
.inner-page h2.resp-accordion { color: #606060; font-weight: 400; font-family: 'Arial'; font-size: 16px; border: 1px solid #e4e4e4 !important; position: relative; margin-top: 15px; padding: 12px 35px 12px 12px !important }
.inner-page h2.resp-accordion > span { position: absolute; right: 13px; top: 14px; font-size: 16px; color: #999 }
.inner-page h2.resp-accordion.resp-tab-active > span:before { content: "\f077" }
.inner-page h2.resp-accordion.resp-tab-active { background: #e4e4e4 !important }
.inner-page .resp-tab-content { background: none; border: 1px solid #e4e4e4 !important; padding: 15px }
.hl-callback div.wpcf7 div .ajax-loader { right: 45px }
.contact-page .contact_us_icon span.fa-phone:before { margin: -3px 0 0 -25px }
.contact-form { margin-top: 40px }
.product-details-tabs .resp-tabs-container { margin-top: 0 }
.trailer-colors-thumb img { width: 57px }
.trailer-colors-thumb button { margin: 10px 7px }
.hl-banner-logo { display: none }
.sticky_form .mCSB_inside > .mCSB_container { margin-right: 16px !important }
.get-quote-sticky-main { padding: 30px 15px }
.sticky_form .close-form { right: 15px }
.get-quote-sticky-main h2, .get-quote-sticky-main .h2 { padding-right: 30px }
.top-area .blinking_txt { padding: 15px 0; font-size: 12px; display: none; }
.top-area .btn_get_quote a { padding: 13px 0; font-size: 14px; }
.site-main > footer { margin: 0 0 20px }
.top-area .slogan { font-size: 16px; }
.btn_get_quote { display: none; }
.top-area .col-sm-6 { max-width: 100%; text-align: center; flex: 0 0 100%; }
.block_txt { display: none; }
.inner-page ul.two_column { column-count: 3; }
/*1/10/2019*/
.hl-we-do > a{ padding:15px; }
.hl-we-do > a h3, .hl-we-do > a .h3 { margin-top:20px; }
.head-call { top:0; }


/*1/10/2019*/
.head-call { position: fixed; right: 0; top:50%; transform:translateY(-50%); margin: auto; height:auto; display: inline-block; align-items: center; align-content: center; z-index: 66; }
.call_section { z-index: 99; margin: auto auto; width: 47px; height: 47px; border-top-left-radius: 24px; border-bottom-left-radius: 24px; font-size: 32px; background-color: #fff; color: #fff; box-shadow: 0 0 25px rgba(24,35,76,.75); display: inline-block; display: flex; justify-content: center; align-content: center; align-items: center; margin: 5px 0; }
.call_section a { width: 39px; height: 39px; border-radius: 50%; text-decoration: none; background-color: #000; color: #fff; display: inline-block; display: flex; justify-content: center; align-content: center; align-items: center; font-size:16px; }
.call_icon { animation: icon-rotate 5s infinite; }
/*19/11/2019*/
.category_section { padding-top:20px; }
.container.category_container { margin-top:10px; }
}
@media screen and (max-width:639px) {
.trailer_slider_page .input-box.submit-box { min-width: 160px; }
.trailer_slider_page form .captcha-box { transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); }
.contact-page .contact_us_icon+.contact_us_icon { margin-top: 20px; }
.contact-page form .button.secondary { min-width: 180px; float: right; }
.trailer-colors-thumb img { width: 45px }
}
@media screen and (min-width:568px) and (max-width:991px) {
.input-box.captcha-box { float: left; margin-top: 0 }
.input-box.submit-box { float: right; width: auto; min-width: 220px }
.hl-booking-form .captcha-box { float: none }
.hl-booking-form label.require { text-align: left }
.captcha-container { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50% }
.submit-container { flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50% }
.hl-booking-form .input-box.submit-box { min-width: 200px }
.armodal label.require { float: none; text-align: left; width: auto }
.armodal .input-box.submit-box { min-width: 190px }
.get-quote-sticky-main .input-box.submit-box { float: none }
.get-quote-sticky-main .submit-container { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100% }
}
@media screen and (max-width:567px) {
.contact-page form .button.secondary { min-width: 200px; float: none; }
.blog_content .comment_box > span { display: block }
.blog_content .blog_author { margin: 5px 0 0 0 }
.blogs .blog img { margin: 0 auto 20px auto; float: none; display: block }
.news_box figure > a img { width: 100% }
.news_box { width: 100% }
.hl-banner .owl-nav > div span { height: 50px; width: 36px; font-size: 20px }
.hl-product figcaption { left: 15px; right: 15px }
.hl-product figcaption h3, .hl-product figcaption .h3 { }
.hl-product-cta .button { display: block; margin: 20px auto 0 auto; max-width: 230px }
.hl-product-cta p { margin: 0 }
.hl-cta-content .button { max-width: 200px; display: block; margin: 20px auto 0 auto !important }
.hl-cta-content p { margin: 0 0 20px 0 }
.captcha-box { margin: 0 0 30px 0 }
.submit-box { width: 100%; min-width: inherit; min-width: initial; }
.sticky_form { width: 290px }
.sticky_form.in { margin-left: -290px }
.get-quote-sticky-main .captcha-box iframe { transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transform: scale(0.8); transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; -webkit-transform-origin: left }
.inner-page ul.two_column { column-count: 2; }
.hl-we-do > a .icon { font-size:50px; line-height:55px; }
}
@media(max-width:575px){
.hl-we-do > a { margin:20px 0 0 0; }	
.hl-we-do > a h3, .hl-we-do > a .h3 { min-height:auto; }
}
@media screen and (max-width:479px) {
.gallery-listing-page figcaption h4, .gallery_listing_page figcaption .h4 { font-size: 14px; }
.gallery-listing-page figure { margin-bottom: 5px; }
.trailer_slider_page form .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.trailer_slider_page .submit-container { flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; }
.trailer_slider_page .input-box.submit-box { float: none; width: auto; min-width: 100%; }
.trailer_slider_page form .captcha-box { transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); -webkit-transform: scale(0.9); }
.gallery-listing-page .col-cust-12 { max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100% }
.gallery-listing-page figure img { width: 100% }
.blog .blog_content img { margin: 0 auto 15px auto; display: block; float: none }
.my_pagination .pagination li:first-child a, .my_pagination .pagination li:last-child a { line-height: 33px; font-size: 24px; }
.my_pagination .pagination li a, .my_pagination .pagination li .page-numbers.dots { height: 35px; width: 35px; line-height: 35px; }
.my_pagination .pagination li+li { margin: 0 3px 0 3px; margin-bottom: 4px; }
.page_title h1, .page_title .h1 { font-size: 30px }
#page_title { padding: 41px 0 }
.scroll_top { bottom: 70px }
.hl-product { width: 100%; padding: 0 15px 15px 15px }
.hl-why-choose-us { padding: 25px 0 0 0 }
.hl-achievements .col-cust-12 { max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100% }
.mobile-accordion .quick-links.wide ul { column-count: 1; -moz-column-count: 1; -ms-column-count: 1; -o-column-count: 1; -webkit-column-count: 1 }
.footer-social ul li a { height: 38px; width: 38px; line-height: 38px; font-size: 18px }
.logo { width: 100%; text-align: center; border-bottom: 1px solid rgba(0,117,187,0.2) }
.header-enquiry { padding: 10px 0 !important }
.header-contact { padding: 10px 0 !important }
.container-main { margin-top: 148px }
.header-right { width: 100% }
.logo img { max-height: 50px }
.header .sticky_button { padding: 5px 0; min-width: 80px }
.header-buttons { display: inline-block; vertical-align: top; margin: 10px 0 0 10px; width: calc(100% - 156px) }
.hide_txt { display: none; }
.top-area .blinking_txt { padding: 13px 0; font-size: 14px; }
.inner-page ul.two_column { column-count: 2; }
.site-main > footer { margin: 0 0 20px }
.category_container .row .category_col { width: 100%; max-width: 290px;margin: 0 auto; }
/*8/1/2020*/
.hestablish_sec { padding:20px 0; }
.hestablish_sec p { margin-bottom:5px; }
}
@media screen and (max-width:374px) {
}
@media screen and (max-width:359px) {
.g-recaptcha { overflow: hidden }
.captcha-box iframe { transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); -webkit-transform: scale(0.95); transform-origin: left; -moz-transform-origin: left; -ms-transform-origin: left; -o-transform-origin: left; -webkit-transform-origin: left }
.top-area .slogan { font-size: 15px; }
/*8/1/2020*/
.hestablish_sec p { font-size:16px; }
}