/*======================================= Custom Grids =======================================*/
fieldset { min-width: 0; margin: 0 }
address { font-style: normal }
strong, b { font-weight: 700 }
em, i { font-style: italic }
u, ins { text-decoration: underline }
s, strike, del { text-decoration: line-through }
.lead { font-size: 1.25em }
small { font-size: 12px; vertical-align: middle }
figure { margin: 0 }
button, select, input[type="submit"], input[type="button"], label { cursor: pointer }
table { border-collapse: collapse }
.alignleft { float: left; margin: 0 30px 20px 0 }
.alignright { float: right; margin: 0 0 20px 30px }
.aligncenter { float: none; display: block; margin: 0 auto 30px auto }
.justify-content-center { justify-content: center }
.justify-content-start { justify-content: flex-start }
.justify-content-end { justify-content: flex-end }
.justify-content-around { justify-content: space-around }
.justify-content-between { justify-content: space-between }
.align-items-center { align-items: center }
.align-items-start { align-items: flex-start }
.align-items-end { align-items: flex-end }
.align-items-stretch { align-items: stretch }
.align-content-center { align-content: center }
.align-content-start { align-content: flex-start }
.align-content-end { align-content: flex-end }
.align-content-around { align-content: space-around }
.align-content-between { align-content: space-between }
.container { max-width: 1200px; padding: 0 15px; margin: 0 auto; width: 100% }
.row { display: flex; display: -webkit-flex; flex-wrap: wrap; -ms-flex-wrap: wrap; margin: 0 -15px }
.clearfix:after { content: ""; display: block; clear: both }
.text-center { text-align: center }
.text-right { text-align: right }
.text-left { text-align: left }
.text-justify { text-align: justify }
[class*="col-"] {
padding:0 15px
}
.col-1 { width: 8.33333333% }
.col-2 { width: 16.66666667% }
.col-3 { width: 25% }
.col-4 { width: 33.33333333% }
.col-5 { width: 41.666667% }
.col-6 { width: 50% }
.col-7 { width: 58.333333% }
.col-8 { width: 66.666667% }
.col-9 { width: 75% }
.col-10 { width: 83.33333333% }
.col-11 { width: 91.66666667% }
.col-12 { width: 100% }
.order-1 { order: 1 }
.order-2 { order: 2 }
.order-3 { order: 3 }
.order-4 { order: 4 }
.order-5 { order: 5 }
.mc { margin-left: auto; margin-right: auto }
.mt0 { margin-top: 0 }
.mt5 { margin-top: 5px }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt25 { margin-top: 25px }
.mt30 { margin-top: 30px }
.mb0 { margin-bottom: 0 }
.mb5 { margin-bottom: 5px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb25 { margin-bottom: 25px }
.mb30 { margin-bottom: 30px }
.ml0 { margin-left: 0 }
.ml5 { margin-left: 5px }
.ml10 { margin-left: 10px }
.ml15 { margin-left: 15px }
.ml20 { margin-left: 20px }
.ml25 { margin-left: 25px }
.ml30 { margin-left: 30px }
.mr0 { margin-right: 0 }
.mr5 { margin-right: 5px }
.mr10 { margin-right: 10px }
.mr15 { margin-right: 15px }
.mr20 { margin-right: 20px }
.mr25 { margin-right: 25px }
.mr30 { margin-right: 30px }
.pt0 { padding-top: 0 }
.pt5 { padding-top: 5px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.pt20 { padding-top: 20px }
.pt25 { padding-top: 25px }
.pt30 { padding-top: 30px }
.pb0 { padding-bottom: 0 }
.pb5 { padding-bottom: 5px }
.pb10 { padding-bottom: 10px }
.pb15 { padding-bottom: 15px }
.pb20 { padding-bottom: 20px }
.pb25 { padding-bottom: 25px }
.pb30 { padding-bottom: 30px }
.pl0 { padding-left: 0 }
.pl5 { padding-left: 5px }
.pl10 { padding-left: 10px }
.pl15 { padding-left: 15px }
.pl20 { padding-left: 20px }
.pl25 { padding-left: 25px }
.pl30 { padding-left: 30px }
.pr0 { padding-right: 0 }
.pr5 { padding-right: 5px }
.pr10 { padding-right: 10px }
.pr15 { padding-right: 15px }
.pr20 { padding-right: 20px }
.pr25 { padding-right: 25px }
.pr30 { padding-right: 30px }
.flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.inline-flex { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
input, textarea, select, button { border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0 }
q, blockquote, i { font-style: italic }
blockquote { background: #f0f0f0; border-left: 5px solid #bbb; padding: 20px; margin: 0 0 1em 0 }
blockquote > *:last-child { margin-bottom: 0 }
@media screen and (min-width:568px) {
.col-xs-1 { width: 8.33333333% }
.col-xs-2 { width: 16.66666667% }
.col-xs-3 { width: 25% }
.col-xs-4 { width: 33.33333333% }
.col-xs-5 { width: 41.666667% }
.col-xs-6 { width: 50% }
.col-xs-7 { width: 58.333333% }
.col-xs-8 { width: 66.666667% }
.col-xs-9 { width: 75% }
.col-xs-10 { width: 83.33333333% }
.col-xs-11 { width: 91.66666667% }
.col-xs-12 { width: 100% }
.order-xs-1 { order: 1 }
.order-xs-2 { order: 2 }
.order-xs-3 { order: 3 }
.order-xs-4 { order: 4 }
.order-xs-5 { order: 5 }
}
@media screen and (min-width:768px) {
.col-sm-1 { width: 8.33333333% }
.col-sm-2 { width: 16.66666667% }
.col-sm-3 { width: 25% }
.col-sm-4 { width: 33.33333333% }
.col-sm-5 { width: 41.666667% }
.col-sm-6 { width: 50% }
.col-sm-7 { width: 58.333333% }
.col-sm-8 { width: 66.666667% }
.col-sm-9 { width: 75% }
.col-sm-10 { width: 83.33333333% }
.col-sm-11 { width: 91.66666667% }
.col-sm-12 { width: 100% }
.order-sm-1 { order: 1 }
.order-sm-2 { order: 2 }
.order-sm-3 { order: 3 }
.order-sm-4 { order: 4 }
.order-sm-5 { order: 5 }
}
@media screen and (min-width:992px) {
.col-md-1 { width: 8.33333333% }
.col-md-2 { width: 16.66666667% }
.col-md-3 { width: 25% }
.col-md-4 { width: 33.33333333% }
.col-md-5 { width: 41.666667% }
.col-md-6 { width: 50% }
.col-md-7 { width: 58.333333% }
.col-md-8 { width: 66.666667% }
.col-md-9 { width: 75% }
.col-md-10 { width: 83.33333333% }
.col-md-11 { width: 91.66666667% }
.col-md-12 { width: 100% }
.order-md-1 { order: 1 }
.order-md-2 { order: 2 }
.order-md-3 { order: 3 }
.order-md-4 { order: 4 }
.order-md-5 { order: 5 }
}
@media screen and (min-width:1024px) {
.col-lg-1 { width: 8.33333333% }
.col-lg-2 { width: 16.66666667% }
.col-lg-3 { width: 25% }
.col-lg-4 { width: 33.33333333% }
.col-lg-5 { width: 41.666667% }
.col-lg-6 { width: 50% }
.col-lg-7 { width: 58.333333% }
.col-lg-8 { width: 66.666667% }
.col-lg-9 { width: 75% }
.col-lg-10 { width: 83.33333333% }
.col-lg-11 { width: 91.66666667% }
.col-lg-12 { width: 100% }
.order-lg-1 { order: 1 }
.order-lg-2 { order: 2 }
.order-lg-3 { order: 3 }
.order-lg-4 { order: 4 }
.order-lg-5 { order: 5 }
}
@media screen and (min-width:1200px) {
.col-xl-1 { width: 8.33333333% }
.col-xl-2 { width: 16.66666667% }
.col-xl-3 { width: 25% }
.col-xl-4 { width: 33.33333333% }
.col-xl-5 { width: 41.666667% }
.col-xl-6 { width: 50% }
.col-xl-7 { width: 58.333333% }
.col-xl-8 { width: 66.666667% }
.col-xl-9 { width: 75% }
.col-xl-10 { width: 83.33333333% }
.col-xl-11 { width: 91.66666667% }
.col-xl-12 { width: 100% }
.order-xl-1 { order: 1 }
.order-xl-2 { order: 2 }
.order-xl-3 { order: 3 }
.order-xl-4 { order: 4 }
.order-xl-5 { order: 5 }
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 16px; background: #c1c1c1 !important; }
.mCSB_scrollTools .mCSB_draggerRail { width: 16px; background: #e0e0e0 !important; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
transition:background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
transition-delay:background-color 5000s, color 5000s
}
/*======================================= Style =======================================*/
@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Regular.eot'); src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff2') format('woff2'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'); font-weight: 400; font-style: normal }
@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Bold.eot'); src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff2') format('woff2'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'); font-weight: 700; font-style: normal }
@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Black.eot'); src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Black.woff2') format('woff2'), url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype'), url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg'); font-weight: 900; font-style: normal }
*, ::after, ::before { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: inherit; outline: none !important; }
html, body { margin: 0; padding: 0; font-size: 16px; font-family: 'Roboto', "Myriad Pro", "Arial", "Helvetica Neue"; font-weight: 400; color: #636363; height: auto !important; line-height: 1.5em; text-align: left; }
a, button { 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: #289bcb; text-decoration: none; }
p { margin: 0 0 1.5em 0; }
.transition, :before, :after { 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; }
img { max-width: 100%; vertical-align: middle; }
ul, ol { margin: 0 0 1.5em 0; }
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #606060;
-moz-transition: all 0s ease;
}
select::-ms-expand {
display: none;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #303030; font-weight: 700; line-height: 1.5em; display: block; }
h1, .h1 { margin: 0 0 30px 0; font-size: 42px; }
h2, .h2 { margin: 0 0 30px 0; font-size: 36px; }
h3, .h3 { margin: 0 0 25px 0; font-size: 30px; }
h4, .h4 { margin: 0 0 25px 0; font-size: 24px; }
h5, .h5 { margin: 0 0 20px 0; font-size: 20px; }
h6, .h6 { margin: 0 0 20px 0; font-size: 16px; }
noscript { background: #000; display: block; text-align: center; color: #fff; padding: 10px 0; position: fixed; bottom: 0; right: 0; left: 0; z-index: 9; }
noscript p { margin: 0; }
.warning-icon { display: inline-block; vertical-align: middle; position: relative; width: 20px; height: 17px; z-index: 1; margin: 0 10px 0 0; background: url(../images/sprite.png) no-repeat 0 0 transparent; }
input::-webkit-input-placeholder {
color: #636363;
opacity: 1;
}
input:-moz-placeholder {
color: #636363;
opacity: 1;
}
input::-moz-placeholder {
color: #636363;
opacity: 1;
}
input:-ms-input-placeholder {
color: #636363;
opacity: 1;
}
.scroll-top { background: #289bcb; border: none; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; padding: 0; width: 40px; height: 40px; position: fixed; bottom: 80px; right: -40px; z-index: 3; }
.scroll-top:before { width: 16px; height: 11px; content: ""; display: block; background: url(../images/sprite.png) no-repeat -30px 0 transparent; margin: 0 auto 2px auto; }
.scroll-top.visible { right: 20px; }
::selection { background: #289bcb; color: #fff; }
::-moz-selection {
background: #289bcb;
color: #fff;
}
.button { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; min-width: 198px; height: 50px; justify-content: center; text-align: center; align-items: center; border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; -webkit-border-radius: 25px; position: relative; z-index: 1; overflow: hidden; text-transform: uppercase; font-weight: 700; padding: 0 25px; font-size: 14px; }
.button.primary { color: #fff; background: #359ac9; }
.button.secondary { color: #1a1a1a; background: #f9c832; }
.button.default { color: #fff; background: #1a1a1a; }
.button.white { color: #636363; background: #fff; border: 1px solid #e9e9e9; }
.submit-box { 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; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; text-align: center; align-items: center; border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; -webkit-border-radius: 25px; position: relative; z-index: 1; overflow: hidden; background: #f9c832; }
.submit { font-size: 14px; padding: 0 25px; border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; -webkit-border-radius: 25px; text-transform: uppercase; font-weight: 900; width: 100%; background: none; border: none; color: #161616; height: 50px; 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; }
.input-box { margin: 0 0 19px 0; position: relative; z-index: 1; }
.input-box .input { background: #fff; font-size: 14px; text-transform: inherit; font-weight: 900; width: 100%; border: 1px solid #ccc; border-width: 0 0 1px 0; color: #636363; height: 31px; 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; }
.container-main { padding-top: 134px; }
/*======================================= Header ===============================================*/
.logo { padding: 9px 30px 0 30px; }
.logo > a { display: block; background: #fff; position: relative; z-index: 1; padding: 8px 6px 20px 14px; }
.logo a:before, .logo a:after { content: ""; display: block; position: absolute; left: 100%; top: 0; width: 30px; background: #fff; height: 45px; transform: skewX(28deg); -moz-transform: skewX(28deg); -ms-transform: skewX(28deg); -o-transform: skewX(28deg); -webkit-transform: skewX(28deg); margin: 0 0 0 -14px; }
.logo a:after { left: auto; right: 100%; transform: skewX(-32deg); -moz-transform: skewX(-32deg); -ms-transform: skewX(-32deg); -o-transform: skewX(-32deg); -webkit-transform: skewX(-32deg); margin: 0 -13px 0 0; }
.header-cta { padding: 28px 0; position: relative; }
.header-cta ul { padding: 0; list-style-type: none; margin: 0; }
.header-cta ul li { position: relative; }
.header-cta ul li a { color: #878787; font-weight: 900; font-size: 16px; }
.header-cta ul li.header-call { padding-left: 30px; }
.header-cta ul li.header-mail { padding-left: 33px; }
.header-cta ul li a:before { content: ""; display: block; width: 20px; height: 23px; background: url(../images/sprite.png) no-repeat 0 -35px transparent; position: absolute; left: 0; top: 0; }
.header-cta ul li.header-mail a:before { background-position: -30px -35px; width: 24px; height: 18px; top: 3px; }
.header-cta ul li+ li:before { content: ""; display: block; width: 1px; height: 17px; background: #c6c6c6; position: absolute; left: -10px; top: 3px; }
.header-cta ul li+ li { margin-left: 19px; }
.header-enquiry { min-width: 235px; height: 45px; font-size: 15px; font-weight: 900; border-radius: 23px; -moz-border-radius: 23px; -ms-border-radius: 23px; -o-border-radius: 23px; -webkit-border-radius: 23px; margin-top: 2px; display: none; }
.header-enquiry:before { height: 45px; width: 45px; border-radius: 23px; -moz-border-radius: 23px; -ms-border-radius: 23px; -o-border-radius: 23px; -webkit-border-radius: 23px; }
.header-cta ul + .header-enquiry { margin-left: 20px; }
.site-main > header { position: absolute; top: 0; left: 0; right: 0; z-index: 9; background: #fff; }
.site-main > header.sticky { position: fixed; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); -o-box-shadow: 0 0 10px rgba(0,0,0,0.5); -ms-box-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5) }
.site-main > header.sticky .header-cta:before { display: none }
.inner-page .testimonials:after { display: none }
body.overly-get-quote { overflow: hidden; }
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: 9; transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; }
.sticky_button { cursor: pointer; position: fixed; right: 0; top: 50%; 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: 8; min-width: 240px; margin: -25px -95px 0 0; }
.sticky_button.in { right: -150px; }
.sticky_button.in + .sticky_form, .sticky_form.in { margin-left: -501px; }
.sticky_form { left: 100%; position: fixed; margin-left: 10px; top: 0; bottom: 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: 500px; z-index: 10; display: flex; flex-wrap: wrap; align-items: center; }
.get-quote-sticky-main { padding: 30px; width: 100%; background: #fff; position: relative; }
.get-quote-sticky-main h2, .get-quote-sticky-main .h2 { font-size: 30px; margin: -16px 0 20px 0; }
.close-form { background: url(../images/close-icon.png) no-repeat scroll 0 0; width: 26px; height: 26px; display: block; position: absolute; right: 10px; top: 20px; cursor: pointer; }
.get-quote-sticky-main textarea.input { min-height: 100px; resize: none; }
.get-quote-sticky-main .captcha-box { position: relative; }
.get-quote-sticky-main .submit { padding: 0 0 }
.contact-form.sideformmain { max-height: calc(100vh - 160px); /*overflow: hidden;*/ }
/*======================================= Home Page ===========================================*/
.banners { position: relative; }
.banner-slider .slide-item { position: relative; overflow: hidden; }
.banner-caption { position: absolute; left: 50%; top: 0; bottom: 0; max-width: 1200px; padding: 0 465px 0 74px; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; z-index: 1; }
.banner-slider .slide-item:before { content: ""; display: block; height: 100%; width: 100%; background: rgba(0,0,0,0.58); position: absolute; left: 0; top: 0; }
.banner-slider img { position: relative; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: -1; width: auto !important; max-width: inherit; max-width: initial; min-width: 100%; }
.banner-caption h1, .banner-caption .h1 { font-size: 60px; line-height: 72px; color: #fff; font-weight: 900; letter-spacing: -0.25px; margin: 0 0 10px 0; }
.banner-caption p { color: #fff; font-size: 14px; line-height: 21px; margin: 0 0 18px 0; }
.banner-caption .button { min-width: 273px; }
.banner-slider .owl-nav button { position: absolute; right: 50%; top: 50%; height: 60px; width: 60px; margin: -30px 600px 0 0; background: url(../images/sprite.png) no-repeat -100px -35px transparent; opacity: 0.3; }
.banner-slider .owl-nav button.owl-next { right: auto; left: 50%; margin: -30px 0 0 600px; background-position: -170px -35px; }
.home-title { color: #1a1a1a; text-transform: uppercase; font-weight: 400; margin: 0 0 14px 0; font-size: 35px; }
.home-title:after { content: ""; display: block; width: 176px; height: 1px; background: #000; margin-top: 7px; }
.home-title.text-center:after { margin-left: auto; margin-right: auto; }
.home-title + p { margin: 0 0 16px 0; }
.services { padding: 80px 0; position: relative; }
fieldset.service { text-align: center; width: 100%; border: 2px solid #e9e9e9; border-radius: 10px; margin: 15px 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; padding: 18px 15px 98px 15px; position: relative; }
fieldset.service legend { position: relative; z-index: 1; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; border: 2px solid #e9e9e9; padding: 0; background: #fff; }
fieldset.service legend img { 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; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%;/*filter: grayscale(100%) !important;  -moz-filter: grayscale(100%) !important;  -ms-filter: grayscale(100%) !important;  -o-filter: grayscale(100%) !important;  -webkit-filter: grayscale(100%) !important;*/}
fieldset.service legend .icon-hover { position: absolute; left: 0; top: 0; opacity: 0; }
fieldset.service h3, fieldset.service .h3 { color: #1a1a1a; font-weight: 400; font-size: 18px; text-transform: uppercase; margin: 0 0 20px 0; }
fieldset.service h3 a, fieldset.service .h3 a { color: #1a1a1a; }
fieldset.service p { line-height: 21px; margin: 0 0 20px 0; }
fieldset.service .button { font-size: 12px; font-weight: 400; position: absolute; bottom: 48px; left: 50%; margin-left: -99px; border: 2px solid #e9e9e9 }
.services .view-all { min-width: 328px; margin-top: 25px; }
.service-area-container { width: calc(50% + 115px); position: relative; z-index: 1; background: url(../images/service-area-bg.jpg) no-repeat right center / cover transparent; }
.service-area-video-container { width: calc(50% - 115px); position: relative; }
.service-area-container:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(46, 123, 178, 0.95); z-index: -1; }
.service-area-content { max-width: 715px; margin-left: auto; padding: 89px 110px 96px 15px; }
.service-area-content ul { list-style-type: none; padding: 0; margin: 0 0 27px 0; line-height: 36px; }
.service-area-content ul li { width: 33.33333333%; position: relative; padding: 0 0 0 25px; }
.service-area-content ul li a:before, .service-area-content ul li:after { content: ""; display: block; width: 13px; height: 13px; background: url(../images/sprite.png) no-repeat -197px -122px transparent; position: absolute; left: 2px; top: 11px; }
.service-area-content ul li a, .service-area-content ul li { color: #fff; }
.service-area-content h2, .service-area-content .h2 { font-weight: 900; color: #fff; font-size: 35px; margin: 0 0 9px 0; }
.service-area-content p { color: #fff; line-height: 21px; letter-spacing: 0.2px; margin: 0 0 40px 0; }
.service-area-content .button { min-width: 304px; }
.service-area-content .button:before { background: #1a1a1a; }
.service-area-video { position: relative; display: block; overflow: hidden; pointer-events: none; background: #000; }
.service-area-video:after { content: ""; display: block; clear: both; }
.service-area-video .img-left { width: 50%; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 2; height: 100%; }
.service-area-video .img-left img { float: left; max-width: inherit; max-width: initial; width: auto !important; height: 100%; }
.service-area-video .img-right { width: 50%; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 2; height: 100%; }
.service-area-video .img-right img { float: right; max-width: inherit; max-width: initial; width: auto !important; height: 100%; }
.service-area-video iframe { position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; display: block; border: none; pointer-events: auto; }
.service-area-video .fa-play { z-index: 4; display: block; pointer-events: auto; cursor: pointer; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.service-area-video .fa-play:after { content: ""; display: block; height: 85px; 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%); width: 102px; height: 102px; border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; background: url(../images/sprite.png) no-repeat 0 -122px transparent; }
.service-area-video .fa-play:before { color: #fff; font-size: 32px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); margin: 2px 0 0 3px; }
.service-area-video .img-none { opacity: 0; position: relative; z-index: -2; }
.service-area-video:before { content: ""; display: block; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.4); z-index: 3; height: 100%; width: 100%; }
.service-area-video.active .img-left { transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transform: translateX(-100%); }
.service-area-video.active .img-right { transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); }
.service-area-video.active .fa-play { display: none; }
.service-area-video.active:before { display: none; }
.service-area-video.active .service-area-iframe { opacity: 1; visibility: visible; pointer-events: auto; }
.service-area-video-close { position: absolute; right: 0; top: 0; z-index: 5; color: #fff; height: 30px; width: 30px; border-radius: 50%; justify-content: center; align-items: center; pointer-events: auto; cursor: pointer; font-size: 16px; display: none; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.service-area-video.active .service-area-video-close { display: block; }
.service-areas { position: relative; }
.service-area-video-close:before, .service-area-video-close:after { content: ""; display: block; height: 14px; width: 2px; background: #fff; position: absolute; left: 50%; top: 50%; margin: -7px 0 0 -1px; }
.service-area-video-close:after { width: 14px; height: 2px; margin: -1px 0 0 -7px; }
.welcome { padding: 80px 0 0 0; position: relative; }
.welcome .welcome-heading-content { text-align: center; }
.welcome .welcome-heading-content ul { display: inline-block; text-align: left !important; }
.welcome .home-title + p { text-align: center; max-width: 900px; margin: 15px auto 13px auto; line-height: 21px; }
.welcome-container { }
.welcome-container > h3, .welcome-container > .h3 { font-size: 17px; color: #289bcb; margin: 0 0 9px 0; }
.welcome-content p { line-height: 21px; margin-bottom: 21px; text-align: justify; }
.welcome-content *:last-child { margin-bottom: 0; }
.welcome-content { margin: 0 0 29px 0; max-height: 200px; }
.welcome-container > .button { min-width: 250px; font-size: 17px; }
.cta { padding: 80px 0 80px 0; position: relative; z-index: 1; }
.cta:after { content: ""; display: block; position: absolute; left: 0; top: 145px; right: 0; bottom: 0; background: #359ac9; z-index: -1; }
.contact-cta .icon { min-height: 52px; width: 52px; background: #f9c832; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #fff; font-size: 24px; border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-border-radius: 10px; }
.contact-cta { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.contact-cta + .contact-cta { margin-top: 35.5px; }
.contact-cta p { margin: 0; width: calc(100% - 90px); display: flex; align-items: center; font-size: 20px; font-weight: 700; color: #fff; line-height: 24px; }
.contact-cta a { color: #fff; }
.cta-call:before { content: ""; display: block; width: 30px; height: 30px; background: url(../images/sprite.png) no-repeat -111px -122px transparent; }
.cta-mail:before { content: ""; display: block; width: 29px; height: 19px; background: url(../images/sprite.png) no-repeat -111px -162px transparent; }
.cta-location:before { content: ""; display: block; width: 34px; height: 30px; background: url(../images/sprite.png) no-repeat -111px -191px transparent; }
.cta-abn:before { content: "ABN"; display: block; font-size: 18px; color: #2b2b2b; font-weight: 900; }
.cta-copy:before { content: ""; display: block; width: 32px; height: 32px; background: url(../images/sprite.png) no-repeat -154px -122px transparent; }
.cta-info { padding: 0 0 0 8px; }
.cta-info h2, .cta-info .h2 { text-transform: uppercase; font-size: 60px; color: rgba(84, 95, 128, 0.28); letter-spacing: -0.5px; margin: 0 0 29px 0; line-height: 88px; }
.cta-form h3, .cta-form .h3 { color: #fff; font-size: 24px; font-weight: 900; text-transform: uppercase; text-align: center; margin: 0 0 16px 0; }
.cta-form { position: relative; width: 524px; height: 524px; z-index: 1; padding: 0 0; }
.cta-form .input-box .input { background: none; color: #fff; border-color: #fff; }
.cta-form .input-box textarea.input { resize: none; height: 55px; overflow: hidden; }
.cta-form .input-box .input::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
.cta-form .input-box .input:-moz-placeholder {
color: #fff;
opacity: 1;
}
.cta-form .input-box .input::-moz-placeholder {
color: #fff;
opacity: 1;
}
.cta-form .input-box .input:-ms-input-placeholder {
color: #fff;
opacity: 1;
}
.cta-form .captcha-box div { margin: 0 auto; }
.cta-form .captcha-box { margin: 0 0 17px 0; position: relative }
.cta-form .submit { height: 42px; line-height: 42px; }
.cta-form-container { display: inline-block; vertical-align: top; position: relative; }
.achivement-count { font-size: 39px; color: #fff; display: block; font-weight: 700; line-height: 50px; }
.achivement-title { font-size: 20px; color: #fff; display: block; line-height: 26px; }
.achivement figcaption { border-left: 1px solid #fff; margin-left: 9px; padding: 0 0 0 16px; }
.archivements { padding: 80px 0 83px 0; position: relative; z-index: 1; }
.archivements:before { background: rgba(57, 130, 182, 0.88); content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; }
.archivements:after { content: ""; display: block; width: 1070px; position: absolute; left: 50%; border: 10px solid #e3e3e3; top: 100%; bottom: -77px; border-width: 0 10px 10px 0; border-radius: 0 0 50px 0; margin: 0 0 0 -416px; }
.testimonials-slider { max-width: 830px; margin: 0 auto; padding: 0 20px; }
.testimonials-slider img { width: auto !important; margin: 0 auto 21px auto; }
.testimonials { position: relative; z-index: 1; padding: 74px 0 79px 0; }
.testimonials h2, .testimonials .h2 { color: #fff; font-size: 35px; text-transform: uppercase; font-weight: 900; margin: 0 0 32px 0; }
.testimonials p { color: #fff; font-size: 18px; line-height: 37px; margin: 0; }
.testimonial-by { font-size: 18px; text-transform: uppercase; font-weight: 700; color: #fff; }
.testimonials-slider .slide-item *:last-child { margin-bottom: 0; }
.testimonials-slider .owl-dots { margin-top: 27px; }
.testimonials-slider .owl-dot { width: 16px; height: 30px; position: relative; background: none; margin: 0 7px; }
.testimonials-slider .owl-dot:before, .testimonials-slider .owl-dot:after { content: ""; display: block; width: 100%; height: 100%; background: url(../images/sprite.png) no-repeat -29px -82px transparent; position: absolute; left: 0; top: 0; }
.testimonials-slider .owl-dot:after { background-position: 0 -82px; height: 0; }
.testimonials-slider .owl-dot.active:after { height: 100%; }
.partners { padding: 80px 0; position: relative; z-index: 1; }
.partners ul { list-style-type: none; padding: 0; margin: 0; }
.partners ul li { padding: 15px; }
.partners .home-title + p { max-width: 870px; margin: 0 auto 30px auto; line-height: 21px; }
.partners img { filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-filter: grayscale(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; }
/*======================================= Footer ===============================================*/
.footer-social ul { list-style-type: none; padding: 0; margin: 0; }
.footer-social ul li { margin: 0 7px; }
.footer-social ul li a { display: block; width: 31px; height: 31px; position: relative; z-index: 1; overflow: hidden; border-radius: 50%; -ms-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; }
.footer-social ul li a:before, .footer-social ul li a:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/sprite.png) no-repeat 0 0 #313133; border-radius: 50%; -ms-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; }
.footer-social ul li a:after { background-color: #fff; transform: translateX(-100%) rotate(-90deg); -moz-transform: translateX(-100%) rotate(-90deg); -ms-transform: translateX(-100%) rotate(-90deg); -o-transform: translateX(-100%) rotate(-90deg); -webkit-transform: translateX(-100%) rotate(-90deg); }
.footer-social ul li a.facebook:before { background-position: -154px -164px; }
.footer-social ul li a.facebook:after { background-position: -154px -205px; }
.footer-social ul li a.twitter:before { background-position: -199px -164px; }
.footer-social ul li a.twitter:after { background-position: -199px -205px; }
.footer-social ul li a.instagram:before { background-position: -244px -164px; }
.footer-social ul li a.instagram:after { background-position: -244px -205px; }
.footer-social ul li a.pinterest:before { background-position: -289px -164px; }
.footer-social ul li a.pinterest:after { background-position: -289px -205px; }
.site-main > footer { background: #313133; text-align: center; padding: 49px 0 54px 0; }
.signature { }
.signature p { color: #fff; margin: 0; font-size: 13px; line-height: 24px; font-weight: 700; }
.signature p a { color: #fff; }
.signature p + p { text-transform: uppercase; }
.footer-social { margin-top: 9px; }
/*======================================= Inner Pages ==========================================*/
.inner-page { padding: 70px 0 0 0; position: relative; }
.inner-page table { width: 100%; margin-bottom: 30px; }
.inner-page tr { background: none; }
.inner-page td { color: #303030; font-weight: 400; border: 1px solid #ccc; padding: 10px 10px; }
.inner-page th { color: #000; font-weight: 600; border: 1px solid #ccc; padding: 10px 10px; background: #bbb; }
.cms-page .container > *:last-child { margin-bottom: 0; }
.inner-page ul { list-style-type: none; padding: 0 0 0 15px; margin: 0 0 1em 0; overflow: hidden; }
.inner-page ul > li { padding: 0 0 0 16px; position: relative; line-height: 30px; }
.inner-page ul > li:before { content: ""; top: 7px; display: block; position: absolute; left: 0; background: url(../images/sprite.png) no-repeat -262px -122px transparent; width: 8px; height: 15px; }
.inner-page ul ul > li:before { width: 14px; height: 15px; top: 7px; background-position: -220px -122px; }
.inner-page ul ul ul > li:before { width: 13px; height: 15px; background-position: -239px -122px; }
.inner-page ul ul > li { padding: 0 0 0 20px; line-height: 30px; }
.inner-page ul ul ul > li { padding: 0 0 0 20px; }
.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: 32px; }
.sidebar { }
.sidebar ul { padding: 0; margin: 0; }
.sidebar ul li { padding: 0; line-height: inherit; overflow: hidden; }
.sidebar ul li:before { display: none; }
.sidebar ul li a { display: block; position: relative; font-size: 15px; color: #606060; padding: 10px 15px; background: #f5f5f5; border-left: 5px solid #bfbfbf; z-index: 1; }
.sidebar ul li a:before { content: ""; position: absolute; left: -5px; bottom: -2px; background: #fff; z-index: -1; border: 1px solid #289bcb; border-width: 1px 1px 1px 5px; right: 0; height: 0; }
.sidebar ul li+li { margin-top: 1px; }
.sidebar ul li.selected > a { color: #1a1a1a; }
.sidebar ul li.selected a:before { height: 100%; top: 0; }
.sidebar .title { display: block; color: #FFF; font-size: 18px; margin-bottom: 10px; padding: 8px 15px; background: #1a1a1a; text-align: center; text-transform: uppercase; }
.page-heading { height: 350px; display: flex; align-items: center; justify-content: center; position: relative; background: url(../images/inner-banner.jpg) no-repeat center center / cover transparent; }
.page-heading:before { content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.58); position: absolute; }
.page-heading h1, .page-heading .h1 { color: #fff; font-weight: 900; font-size: 60px; margin: 0; position: relative; z-index: 2; }
.page-heading h1:after, .page-heading .h1:after { content: ""; display: block; width: 90px; height: 2px; background: #fff; margin: 0 auto; }
.page-heading:after { content: ""; display: block; position: absolute; left: 50%; width: 10px; height: 100%; top: 0; background: #e3e3e3; margin-left: 645px; z-index: -2; }
ul.breadcrumb { list-style-type: none; padding: 0; margin: 20px 0 0 0; display: flex; justify-content: center; flex-wrap: wrap; color: #fff; position: relative; z-index: 2; }
ul.breadcrumb li + li:before { content: ""; display: inline-block; vertical-align: middle; width: 8px; height: 15px; background: url(../images/sprite.png) no-repeat -277px -122px transparent; margin: 0 10px; }
ul.breadcrumb li a { color: #fff; }
ul.breadcrumb li.selected { color: #4dcbff; }
.pagination { margin-top: 40px; }
.pagination ul { padding: 0; margin: 0; }
.pagination ul li { padding: 0; }
.pagination ul li:before { display: none; }
.pagination ul li > a, .pagination ul li > span { display: flex; width: 30px; height: 30px; border: 1px solid #909090; justify-content: center; align-items: center; color: #636363; }
.pagination ul li + li { margin-left: 5px; }
.pagination ul li.prev > a, .pagination ul li.next > a { background: #909090; }
.pagination ul li.prev > a { border-radius: 20px 0 0 20px; }
.pagination ul li.next > a { border-radius: 0 20px 20px 0; }
.pagination ul li.prev > a:before, .pagination ul li.next > a:before { content: ""; display: block; width: 9px; height: 15px; background: url(../images/sprite.png) no-repeat -432px -51px transparent; }
.pagination ul li.next > a:before { background-position: -413px -51px; margin-right: -2px; }
.pagination ul li.selected > a { color: #fff; background: #289bcb; border-color: #289bcb; }
.portfolio-content > *:last-child { margin-bottom: 0; }
figure.portfolio { position: relative; pointer-events: none; margin: 30px 0 0 0; }
figure.portfolio > a { display: block; position: relative; overflow: hidden; pointer-events: auto; }
figure.portfolio > a img { width: 100%; }
figure.portfolio > a:before { content: ""; display: block; width: 100%; height: 0; bottom: 0; position: absolute; left: 0; background: rgba(0,0,0,0.7); }
figure.portfolio > a:after { content: ""; display: block; width: 30px; height: 30px; background: url(../images/sprite.png) no-repeat -413px 0 transparent; margin-left: -15px; position: absolute; top: 100%; left: 50%; }
figure.portfolio figcaption { margin-top: 10px; }
figure.portfolio h5, figure.portfolio .h5 { margin: 0; text-transform: uppercase; font-weight: 400; font-size: 20px; }
figure.portfolio h5 a, figure.portfolio .h5 a { color: #1a1a1a; pointer-events: auto; }
.inner-page-partners { padding: 0 0 100px 0; }
.portfolio-details-page figure.portfolio > a:after { background-position: -453px 0; }
.contact-map { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; z-index: 3; }
.contact-map iframe { border: none !important; width: 100% !important; height: 524px !important; display: block; }
.wpcf7-form-control-wrap { display: block; }
label.error, label.recaptcha-error-message { position: absolute; margin: -5px 0 0 0; color: #fff; display: block; background: #f00; padding: 2px 5px; font-size: 13px; line-height: normal; left: 10px; top: 100%; }
label.recaptcha-error-message { }
label.error:before, label.recaptcha-error-message:before { border-bottom: 5px solid #f84444; border-style: solid; border-width: 0 5px 5px; color: rgba(0, 0, 0, 0); content: ""; display: block; left: 5px; margin-top: -5px; position: absolute; top: 0; }
.ajax-loader { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.ajax-loader { width: 24px !important; height: 24px !important; }
div.wpcf7-response-output { color: #fff; text-align: center; vertical-align: middle; margin: 20px 0 0 0 !important; z-index: 1; position: relative; }
div.wpcf7-response-output:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.50); z-index: -1; }
div.wpcf7-mail-sent-ok:before { background: rgba(57, 143, 20, 0.80); }
div.wpcf7-mail-sent-ok { border: 2px solid #398f14; color: #fff; }
div.wpcf7-mail-sent-ng:before { background: rgba(255, 0, 0, 0.80); }
div.wpcf7-spam-blocked:before { background: rgba(255, 165, 0, 0.80); }
.inner-page fieldset.service { margin-top: 0 !important; }
body:not(.home) .cta:before { border-width: 10px 0 10px 10px; border-radius: 50px 0 0 50px; }
body:not(.home) .testimonials h2, body:not(.home) .testimonials .h2 { margin: 0 0 32px 0; }
body:not(.home) .testimonials { margin-top: 70px; }
.contact-page form { max-width: 600px; margin: 0 auto; }
.contact-page textarea.input { min-height: 100px; resize: none; }
/*10/1/2020*/
fieldset.service .button { border-color: #289bcb; background: #289bcb; color: #fff; }

/****************************************************************************************************************************/
/************************************************ Blog page style **************************************************/
/****************************************************************************************************************************/
.blog_item { padding: 15px; box-shadow: 0 0 5px rgba(0,0,0,0.1); margin: 0 0 30px; background: #f8f8f8; }
span.blogdate { padding: 0 0 6px 0; display: block; font-size: 14px; color: #606060; }
span.blogdate i { margin-right: 6px; }
.blog_item:last-child { margin: 0 }
.blog-heading { padding: 0 !important }
.blog_item h3 { margin-top: 0; }
.btn-readmore { display: inline-block; padding: 5px 20px; background: #4095ff; color: #FFF; }
.blog_date, .blog_comment, .blog_info a { color: #a28c51; position: relative; padding-left: 20px; font-size: 15px }
.blog_item a h4 { margin-top: 0; }
.blog_item a i { position: absolute; top: 1px; left: 0; }
.blog_item a.pull-right i { position: absolute; top: 5px; left: 0; }
.blog_info a { padding: 0; }
.blog_img { margin: 0 0 20px }
.blog_item a.read-more { color: #fff; float: right; padding: 0 !important; margin: 10px 0 }
button:focus { outline: none; }
.blog_box_main { margin-bottom: 30px; float: left; width: 100%; }
.blog_box_main .blog_img_main { position: relative; }
.blog_box_main .blog_img_main > img { width: 100%; }
.blog_box_main .blog_content { left: 50px; padding: 15px 20px 5px; right: 50px; background: #ffffff none repeat scroll 0 0; bottom: 0; position: absolute; overflow: hidden }
.blog_box_main .blog_title { color: #505050; font-size: 18px; line-height: 25px; font-family: 'Roboto'; display: inline-block }
.blog_box_main .blog_date_comm { padding: 8px 0; }
.blog_box_main .blog_date_comm > span { color: #444; padding: 0 0 0 0; font-size: 14px; font-family: 'Roboto'; }
.blog_date_comm i.fa-calendar {  display: inline-block;  margin-right: 10px; }
.blog_box_main .blog_content p { font-size: 16px; margin-bottom: 0; line-height: 26px; }
.blog_box_main .blog_readmore { padding: 0 50px; }
.blog_box_main .blog_readmore .btn-primary { line-height: 50px; min-height: 50px; width: 100%; }
.blog_box_main .blog_content .blog_textmain { height: 0; overflow: hidden; position: relative; 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; }
.blog_readmore .btn:before, .blog_readmore .btn:after { display: none }
.sidebar_listing .accordion .card .card-body .archives_main select.form-control { background-color: transparent; background-image: none; border: 1px solid #999 !important; border-left: none; border-right: none; border-top: none; border-radius: 0; box-shadow: none; color: #000; display: block; font-size: 18px; height: 50px !important; line-height: 1.42857; padding: 10px 18px; width: 100%; }
.blog_box_main .blog_content { left: 50px; padding: 15px 20px 5px; right: 50px; background: #ffffff none repeat scroll 0 0; bottom: 0; position: absolute; overflow: hidden; }
.blog_box_main .blog_readmore .btn-primary { display: inline-block; text-align: center; line-height: 50px; min-width: 230px; position: relative; z-index: 1; color: #000; font-size: 18px; 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-radius: 30px; margin: 0 0 0 0; overflow: hidden; background: #f9c832;   text-transform: uppercase; border: 0; font-family: 'Roboto'; font-weight:bold}
.sidebar_listing .accordion .card .card-body ul li { color: #444444; font-size: 18px; line-height: 36px; word-wrap: break-word; list-style: none; position: relative; font-weight: 400; }
.sidebar_listing .accordion .card .card-body ul > li::before { content: ""; position: absolute; left: -20px; top: 14px; background: #a28c51; border-radius: 50%; width: 10px; height: 10px; }
.card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; }
.news-sidebar .comment_box > span { color: #999; font-size: 15px }
.news-sidebar ul { list-style-type: none; padding: 10px; margin: 0; display: block; background: none; border: 2px solid #444; }
.news-sidebar ul li { color: #606060; font-size: 14px; padding: 0 0 10px 20px; line-height: 24px }
.news-sidebar.archives ul li { padding: 0 }
.news-sidebar ul li+li { margin-top: 1px }
.news-sidebar ul li a { color: #606060; font-size: 16px; line-height: normal }
.news-sidebar.recent_post ul li a { font-size: 16px; color: #000; }
.news-sidebar.recent_post ul { padding: 10px }
.news-sidebar.recent_post ul li { padding: 10px 20px; }
.news-sidebar.recent_post ul li a:before { position: absolute; top: 15px; left: 0; content: ""; background: #00824e; width: 8px; height: 8px; }
.news-sidebar ul li:before { display: none }
.news-sidebar ul li a:before { position: absolute; top: 6px; left: 0; content: ""; background: #00824e; width: 8px; height: 8px; }
.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 FontAwesome; color: #999; margin: 0 5px 0 0; font-family: Font Awesome; font-style: normal; font-weight: 900; }
.news-page .comment_box .blog_author:before { content: "\f007"; font: normal normal normal 18px/1 FontAwesome; color: #999; margin: 0 5px 0 0; font-family: Font Awesome; font-style: normal; font-weight: 900; }
.news-content .blog_author { margin: 0 0 0 15px }
.news-sidebar h5 { color: #fff; margin: 0; padding: 10px 15px; background: #444; font-size: 20px; font-weight: 700 }
.news-sidebar h5 i { float: right; font-size: 24px; }
.news-sidebar ul li.selected a { color: #00824e }
.tags-box { padding: 15px; background: none; border: 2px solid #9a0000; }
.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; font-size: 22px; background: #f0f0f0 }
.news-sidebar.tags a { display: inline-block; background: none; color: #000; margin: 0 5px 10px 0; padding: 5px 10px 5px 10px; font-size: 14px; background: transparent; border: 1px solid #000; }
.news-sidebar+.news-sidebar { margin-top: 30px }
.news-content *:last-child { margin-bottom: 0 }
.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 { -webkit-appearance: none; }
.select_box select.form-control { outline: none; border: 1px solid #909090; min-height: 50px; font-size: 15px; border-radius: 0; }
select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); }
.blog_box_main .blog_title:hover { color: #359ac9 }
.blog_box_main:hover .blog_content .blog_textmain { height: 100px; overflow: visible; }
.blog_box_main .blog_readmore .btn-primary:hover { background: #333; color:#fff;}
/*======================================= Media Query(s) =======================================*/
@media screen and (min-width:1921px) {
}
@media screen and (max-width:1439px) {
.service-area-container { width: 50%; }
.service-area-video-container { width: 50%; }
.service-area-content { padding: 64px 15px 70px 15px; }
}
@media screen and (max-width:1348px) {
.header-cta:before, .banners:after, .banners:before, .services:after, .services:before, .welcome:before, .welcome:after, .service-areas:before, .service-areas:after, .testimonials:after, .partners:before, .cta:before, .cta-form-container:before, .cta-form-container:after, .archivements:after { display: none; }
.banner-slider .owl-nav button { left: 15px; right: auto; margin: -30px 0 0 0; }
.banner-slider .owl-nav button.owl-next { right: 15px; left: auto; margin: -30px 0 0 0; }
.banner-caption { padding: 0 450px 0 95px; }
.services { padding: 64px 0 70px 0; }
[class*="home-plug"] {
display: none;
}
.service-area-content ul li { font-size: 15px; }
.welcome { padding: 64px 0 0 0; }
.welcome-content { max-height: 280px; }
.partners { padding: 64px 0 60px 0; }
[class*="bulb-"] {
display: none;
}
.inner-page:before { display: none; }
.page-heading:after { display: none; }
}
@media screen and (max-width:1199px) {
.logo > a { padding: 8px 0 20px 0; }
.banner-caption { transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; left: 0; padding: 0 95px; }
.banner-slider img { height: 400px; }
.service-area-content ul li { width: 50%; }
.service-area-video .fa-play:after { transform: translate(-50%, -50%) scale(0.75); -moz-transform: translate(-50%, -50%) scale(0.75); -ms-transform: translate(-50%, -50%) scale(0.75); -o-transform: translate(-50%, -50%) scale(0.75); -webkit-transform: translate(-50%, -50%) scale(0.75); }
.achivement-count { font-size: 34px; }
.achivement-title { font-size: 16px; }
}
@media screen and (min-width:1025px) {
.site-main { overflow: hidden; position: relative; }
a:hover { color: #1a1a1a; }
.scroll-top:hover { background: #1a1a1a; }
.input-box .input:focus { border-color: #359ac9; }
.button.primary:hover { box-shadow: 0 3px #005e8a; -moz-box-shadow: 0 3px #005e8a; -ms-box-shadow: 0 3px #005e8a; -o-box-shadow: 0 3px #005e8a; -webkit-box-shadow: 0 3px #005e8a; padding-top: 5px; }
.button.secondary:hover { box-shadow: 0 3px #b18500; -moz-box-shadow: 0 3px #b18500; -ms-box-shadow: 0 3px #b18500; -o-box-shadow: 0 3px #b18500; -webkit-box-shadow: 0 3px #b18500; padding-top: 5px; }
.button.default:hover { box-shadow: 0 3px #7f7f7f; -moz-box-shadow: 0 3px #7f7f7f; -ms-box-shadow: 0 3px #7f7f7f; -o-box-shadow: 0 3px #7f7f7f; -webkit-box-shadow: 0 3px #7f7f7f; padding-top: 5px; }
.button.white:hover { box-shadow: 0 3px #e5e5e5; -moz-box-shadow: 0 3px #e5e5e5; -ms-box-shadow: 0 3px #e5e5e5; -o-box-shadow: 0 3px #e5e5e5; -webkit-box-shadow: 0 3px #e5e5e5; padding-top: 5px; }
.submit-box:hover { box-shadow: 0 3px #b18500; -moz-box-shadow: 0 3px #b18500; -ms-box-shadow: 0 3px #b18500; -o-box-shadow: 0 3px #b18500; -webkit-box-shadow: 0 3px #b18500; }
.sticky_button.button.secondary:hover { background: #000; color: #fff; box-shadow: none; padding-top: 0; }
.submit-box:hover .submit { line-height: 47px; }
ul.breadcrumb li a:hover { color: #4dcbff; }
.sidebar ul li > a:hover { color: #1a1a1a; }
.sidebar ul li a:hover:before { height: 100%; bottom: auto; top: 0; }
.pagination ul li > a:hover { background: #289bcb; border-color: #289bcb; color: #fff; }
.header-cta ul li a:hover { color: #289bcb; }
.banner-slider .owl-nav button:hover { opacity: 1; }
fieldset.service:hover legend .icon { filter: grayscale(0) !important; -moz-filter: grayscale(0) !important; -ms-filter: grayscale(0) !important; -o-filter: grayscale(0) !important; -webkit-filter: grayscale(0) !important; }
fieldset.service:hover legend .icon-hover { opacity: 1; }
fieldset.service:hover .button { box-shadow: 0 3px #e5e5e5; padding-top: 5px; }
fieldset.service:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-color: transparent; }
.footer-social ul li a:hover:after { transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; }
.cta-form .input-box .input:focus { border-color: #000; }
.partners ul li:hover img { filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); -webkit-filter: grayscale(0); }
.active .submit-box:hover { box-shadow: 0 3px #005e8a; -moz-box-shadow: 0 3px #005e8a; -ms-box-shadow: 0 3px #005e8a; -o-box-shadow: 0 3px #005e8a; -webkit-box-shadow: 0 3px #005e8a; }
.service-area-content ul li a:hover { color: #000; }
figure.portfolio:hover > a:before { height: 100%; top: 0; bottom: auto; }
figure.portfolio:hover > a:after { top: 50%; margin-top: -15px; }
figure.portfolio:hover h5 a, figure.portfolio:hover .h5 a { color: #289bcb; }
/*9/1/2020*/
.navigation ul.menu > li.service_sub .sub-menu { width: 610px; left: -231px; left: 50%; transform: translateX(-50%); }
.navigation ul.menu > li.service_sub .sub-menu li { width: 50%; float: left; }
}
@media(min-width:1025px) and (max-width:1344px) {
.navigation ul.menu > li.service_sub .sub-menu { width: 500px; }
}
@media(min-width:1025px) and (max-width:1254px) {
.navigation ul.menu > li.service_sub .sub-menu { margin-left: -60px; }
}
@media screen and (max-width:1024px) {
.archivements { background-attachment: scroll !important; background-position: center center !important; background-size: cover !important; }
.logo { padding: 0; }
.container-main { padding-top: 117px; }
.site-main > header { position: absolute; width: 100%; }
.header-enquiry { margin-top: 0; }
.site-main > header .container { align-items: center; }
.logo > a { padding: 10px 0; }
.header-cta { padding: 0; }
.logo a:before, .logo a:after { display: none; }
.archivements { background-attachment: scroll !important; }
.blog_box_main .blog_content{position:relative; left:0; right:0; bottom:0; padding:10px 0}
.blog_box_main .blog_content .blog_textmain{height:100%;}
 
}
@media screen and (max-width:991px) {
div.wpcf7-response-output { font-size: 14px; padding: 5px 10px; }
div.wpcf7-response-output { border-radius: 0; line-height: normal; position: relative; left: 0; top: 0; bottom: 0; right: 0; margin: 15px 0 !important; }
div.wpcf7-response-output:before { border-radius: 0; }
div.wpcf7-mail-sent-ng:before { background: rgb(255, 0, 0); }
div.wpcf7-validation-errors:before { background: #000; }
div.wpcf7-mail-sent-ok:before { background: rgb(57, 143, 20); }
div.wpcf7-spam-blocked:before { background: rgb(255, 165, 0); }
.banner-caption h1, .banner-caption .h1 { font-size: 50px; line-height: 62px; }
.service-area-video-container { width: 100%; }
.service-area-container { width: 100%; }
.service-area-content { max-width: 100%; }
.service-area-content ul li { width: 33.33333333%; }
figure.achivement { padding: 15px 0; }
.archivements { padding: 60px 0; }
.cta-form { width: 100%; }
.cta-form-container { display: block; }
.contact-cta p { width: calc(100% - 67px); font-size: 16px; }
.cta-form { padding: 74px 15px 0 15px; }
.contact-map { border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; }
.cta-form-container { margin: 0 -15px; }
.cta-form:before { border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; }
.cta-info h2, .cta-info .h2 { font-size: 52px; line-height: 94px; }
.page-heading { height: 250px; }
.page-heading h1, .page-heading .h1 { font-size: 50px; }
figure.portfolio h5, figure.portfolio .h5 { font-size: 18px; }
}
@media screen and (max-width:767px) {
.container-main { padding-top: 90px; }
.contact-map { position: relative; }
.sticky_button { display: none }
ul.breadcrumb { display: none; }
.page-heading h1, .page-heading .h1 { font-size: 40px; }
.page-heading h1:after, .page-heading .h1:after { display: none; }
.page-heading { height: 180px;  }
.inner-page { padding: 40px 0; }
.pagination { margin-top: 30px; }
h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 24px; }
h4, .h4 { font-size: 20px; }
h5, .h5 { font-size: 17px; }
h6, .h6 { font-size: 14px; }
.banner-caption { display: none; }
.banner-slider img { height: 300px; }
.banner-slider .owl-nav button { transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.5; transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; -webkit-transform-origin: left center; }
.banner-slider .owl-nav button.owl-next { transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; -webkit-transform-origin: right center; }
.header-enquiry { min-width: 190px; height: 40px; font-size: 13px; padding: 0 10px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }
.logo > a img { height: 70px; }
fieldset.service { padding: 18px 15px 80px 15px; }
fieldset.service h3, fieldset.service .h3 { font-size: 16px; }
fieldset.service p { font-size: 14px; }
fieldset.service .button { bottom: 30px; }
.services .view-all { min-width: 230px; margin-top: 15px; }
.services { padding: 35px 0 40px 0; }
.home-title { font-size: 24px; }
.home-title:after { width: 80px; }
fieldset.service legend img { width: 70px; }
fieldset.service .button { min-width: 160px; margin-left: -80px; }
.service-area-content { padding: 35px 15px 40px 15px; }
.service-area-content h2, .service-area-content .h2 { margin: 0 0 20px 0; font-size: 24px; }
.service-area-content p { margin: 0 0 20px 0; }
.service-area-content .button { min-width: 230px; }
.welcome-container { margin-top: 30px; }
.welcome { padding: 35px 0 40px 0; }
.archivements { padding: 25px 0; }
.testimonials h2, .testimonials .h2 { font-size: 24px; }
.testimonials { padding: 35px 0 40px 0; }
.partners { padding: 35px 0 30px 0; }
.site-main > footer { padding: 34px 0 40px 0; }
.cta { padding: 0; }
.cta-form { padding: 35px 15px 40px 15px; height: auto; }
.cta-info h2, .cta-info .h2 { font-size: 36px; line-height: 1.5em; color: #fff; margin: 0 0 15px 0; }
.cta-info { padding: 0 0 40px 0; }
.cta-form .submit-box { max-width: 310px; margin: 0 auto; }
.contact-map iframe { height: 290px !important; }
body:not(.home) .testimonials { margin-top: 40px; }
.header-cta ul + .header-enquiry { margin-left: 15px; }
.header-cta ul li { padding: 0 !important; }
.header-cta ul li a span { display: none; }
.header-cta ul li a:before { position: static; }
.header-cta ul li a { display: inline-block; vertical-align: middle; }
.header-cta ul li+ li:before { top: 5px; }
}
@media screen and (max-width:639px) {
.service-area-content ul li { width: 50%; }
}
@media screen and (max-width:567px) {
.container-main { padding-top: 70px; }
.banner-slider img { height: 200px; }
.header-enquiry { min-width: 170px; font-size: 12px; font-weight: 400; }
.logo > a img { height: 50px; }
.service-area-video .fa-play:after { transform: translate(-50%, -50%) scale(0.5); -moz-transform: translate(-50%, -50%) scale(0.5); -ms-transform: translate(-50%, -50%) scale(0.5); -o-transform: translate(-50%, -50%) scale(0.5); -webkit-transform: translate(-50%, -50%) scale(0.5); }
.achivement-count { font-size: 24px; line-height: 34px; }
figure.achivement { align-items: center; }
figure.achivement img { width: 50px; }
figure.portfolio h5, figure.portfolio .h5 { font-size: 16px; }
.page-heading h1, .page-heading .h1 { font-size: 30px; }
.sticky_form { width: calc(100% - 15px); }
.sticky_button.in + .sticky_form, .sticky_form.in { margin: 0; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.get-quote-sticky-main { padding: 30px 15px; }
}
@media screen and (max-width:479px) {
.container-main { padding-top: 131px; }
section.inner-page.portfolio-page .row .col-6 { width: 100%; max-width: 320px; margin: 0 auto; }
.logo { width: 100%; text-align: center; border-bottom: 1px solid rgba(40, 155, 203, 0.2); }
.header-right { width: 100%; }
.header-cta { padding: 10px 0; justify-content: center; }
.service-area-content ul li { width: 100%; }
.achivement figcaption { padding: 0 0 0 12px; }
.achivement-count { font-size: 22px; }
.achivement-title { font-size: 14px; }
figure.achivement img { width: 40px; }
figure.portfolio h5, figure.portfolio .h5 { font-size: 14px; }
.get-quote-sticky-main h2, .get-quote-sticky-main .h2 { font-size: 20px; }
}
@media screen and (max-width:374px) {
.archivements .col-cust-12 { width: 100%; }
}
@media screen and (max-width:359px) {
.header-enquiry { min-width: 154px; }
.banner-slider img { height: 170px; }
.cta-form .captcha-box > div { margin-left: -6px; }
.cta-form .captcha-box > div > div { transform: scale(0.96); -moz-transform: scale(0.96); -ms-transform: scale(0.96); -o-transform: scale(0.96); -webkit-transform: scale(0.96); }
.contact-cta p { font-size: 14px; }
.get-quote-sticky-main .captcha-box > div > div > div { width: 100% !important; }
.get-quote-sticky-main .captcha-box iframe { position: relative; left: 50%; -moz-transform: translateX(-50%) scale(0.8); -ms-transform: translateX(-50%) scale(0.8); -o-transform: translateX(-50%) scale(0.8); -webkit-transform: translateX(-50%) scale(0.8); transform: translateX(-50%) scale(0.8); }
}
 @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.warning-icon, .scroll-top:before, .header-cta ul li a:before, .banner-slider .owl-nav button, .service-area-content ul li a:before, .service-area-video .fa-play:after, .cta-call:before, .cta-mail:before, .cta-location:before, .cta-copy:before, .testimonials-slider .owl-dot:before, .testimonials-slider .owl-dot:after, .footer-social ul li a:before, .footer-social ul li a:after, .inner-page ul > li:before, ul.breadcrumb li + li:before, figure.portfolio > a:after, .pagination ul li.prev > a:before, .pagination ul li.next > a:before {
background-image: url(../images/sprite-2x.png);
background-size: 500px 500px;
}
}