@charset "utf-8";
/*----------intial declartaion of css----------*/
* { padding: 0; margin: 0; list-style: none; }
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
html { -webkit-text-size-adjust: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.25em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: none; cursor: pointer; }
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; }
a { outline: none; cursor: pointer; -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; }
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
.clear { clear: both; }
img { max-width: 100%; }
/* For modern browsers */ 
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }
.cf { *zoom:1;
}
/* For IE 6/7 (trigger hasLayout) */
/****************************************************************************************************************/
/********************************************* Common CSS *******************************************************/
/****************************************************************************************************************/ 
p { font-family: 'Roboto-Regular'; font-size: 16px; color: #555555; line-height: 30px; font-weight: 400; padding: 0 0 20px 0; }
h1, .h1 { font-size: 40px; margin: 0 0 20px 0; font-family: 'Roboto Bold'; font-weight: 700; color: #222222; }
h2, .h2 { font-size: 40px; margin: 0 0 20px 0; font-family: 'Roboto Bold'; font-weight: 700; color: #222222; }
h3, .h3 { font-size: 30px; margin: 0 0 20px 0; font-family: 'Roboto Bold'; font-weight: 700; color: #222222; }
h4, .h4 { font-size: 25px; margin: 0 0 20px 0; font-family: 'Roboto Bold'; font-weight: 700; color: #222222; }
h5, .h5 { font-size: 22px; margin: 0 0 20px 0; font-family: 'Roboto Bold'; font-weight: 700; color: #222222; }
h6, .h6 { font-size: 18px; margin: 0 0 20px 0; font-family: 'Roboto Bold'; font-weight: 700; color: #222222; }
span.h1, span.h2, span.h3, span.h4, span.h5, span.h6 { display: block }
body { font-family: 'Roboto-Regular'; font-size: 16px; color: #555555; line-height: 30px; font-weight: 400; }
/****************************************************************************************************************/
.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 }
img { max-width: 100%; height: auto }
::selection { background: #f4891e; color: #FFF }
::-moz-selection {
background:#f4891e;
color:#FFF;
}
::-webkit-selection {
background:#f4891e;
color:#FFF;
}
.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-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; flex-wrap : wrap; }
.inline-flex { display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: -inline-flex; flex-wrap : wrap; }
.flex-ac { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
.flex-jc { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; }
.flex-js { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
.flex-center { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; }
.flex-ac-js { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.flex-as-js { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.list-style-none { list-style-type: none; padding: 0; margin: 0; }
.container { width: 100%; max-width: 1200px; padding: 0 15px; }
.alignleft { float: left; margin: 0 30px 20px 0; max-width: 40%; }
.alignright { float: right; margin: 0 0 20px 30px; max-width: 40%; }
.aligncenter { float: none; display: block; margin: 0 auto 30px auto }
::-webkit-input-placeholder {
color: inherit;
opacity: 1;
}
:-moz-placeholder {
color: inherit;
opacity: 1;
}
::-moz-placeholder {
color: inherit;
opacity: 1;
}
:-ms-input-placeholder {
color: inherit;
opacity: 1;
}
::placeholder {
color: inherit;
opacity: 1;
}
/****************************************************************************************************************/ 
/************************************* header section styles goes here ******************************************/
/****************************************************************************************************************/
.site-main { overflow: hidden; -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; }
.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: 999; background: #fff; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.75); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.75); box-shadow: 0 0 5px 0 rgba(0,0,0,.75); }
.logo { padding: 8px 0 9px; float: left; position: relative; display: block; margin: 0 0 0 0; -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; }
.logo img { -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; }
.header_right { float: right; padding: 47px 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; }
.header-navigation { float: right; text-align: right; width: 100%; }
.head_top_main { background: #2db1ff; text-align: center; padding: 10px 0 }
.head_top_main p { color: #fff; padding: 0; font-family: 'Roboto-Medium'; font-size: 16px; line-height: 30px; }
.header_btm_main { background: #fff; padding: 0; -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-top: 1px solid #ddd; }
.header_cnt_details { }
.head_call { }
.head_mobile { display: none; }
.head_call ul li { display: inline-block; }
.head_call ul li a { color: #222222; font-size: 16px; line-height: 24px; display: block; display: block; font-family: 'Roboto Bold'; }
.head_call span.title { display: block; color: #005554; line-height: 24px; font-size: 16px; }
.head_call span { display: block; color: #005554; line-height: 24px; font-size: 16px; }
.head_call .head_phone { position: relative; margin: 0 0 0 107px }
.head_call .head_email { position: relative; margin: 0 0 0 110px }
.head_call .head_guarantee { position: relative; margin: 0 }
.head_call .head_phone:before { position: absolute; content: ""; left: -91px; top: -23px; background: url(../images/head_icon_03.png) no-repeat; width: 82px; height: 85px; }
.head_call .head_email:before { position: absolute; content: ""; left: -94px; top: -22px; background: url(../images/head_icon_02.png) no-repeat; width: 82px; height: 85px; }
.head_call .head_guarantee:before { position: absolute; content: ""; left: -96px; top: -22px; background: url(../images/head_icon_01.png) no-repeat; width: 82px; height: 85px; }
.head_call span { color: #222; font-size: 16px; display: block; vertical-align: middle; line-height: 24px; -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; margin: 0 0 0 0; text-transform: uppercase; }
.head_call span.txt_orange { color: #fd8a16; text-transform: initial; }
.head_call ul li.btn_free_quote { position: relative; }
.head_call ul li.btn_free_quote:before { content: ""; position: absolute; right: -3px; bottom: 0; background: url(../images/head_icon_03.png) no-repeat; width: 82px; height: 85px; z-index: -1; }
.head_call ul li.btn_free_quote a { color: #fff !important; font-size: 16px; font-family: 'Roboto Bold'; position: relative; display: block; text-align: center; z-index: 0; }
.head_call ul li.btn_free_quote a:before { }
.head_call ul li i { display: none }
.banner { margin: 238px 0 0;position: relative;height: 700px;align-items: center;display: flex; }

#slider1 { position: relative; }
#slider1 li:before { position: absolute; top: 0; left: 0; right: 0; content: ""; background: rgba(0,0,0,0.50); width: 100%; height: 100%; z-index: 1; }
.btn_enquiry { float: right; margin: 0px 0 0 10px; -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; }
.btn_enquiry span { text-transform: uppercase;background-color: #fd8a16; color: #fff; font-size: 16px; font-family: 'Roboto Bold'; width: 200px; height: 50px; line-height: 50px;text-align: center; display: inline-block; -webkit-transition: all 2s ease-out 0s; -moz-transition: all 2s ease-out 0s; -o-transition: all 2s ease-out 0s; transition: all 2s ease-out 0s; 
-moz-transition:all 2s ease-in-out;
    -webkit-transition:all 2s ease-in-out;
    -o-transition:all 2s ease-in-out;
    -ms-transition:all 2s ease-in-out;
    transition:all 2s ease-in-out; 
    -moz-animation:blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation:blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation:blink normal 2s infinite ease-in-out; /* IE */
    animation:blink normal 2s infinite ease-in-out; /* Opera */
}

@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0.2;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0.2;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0.2;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{background-color: #222222} 100%{opacity:1;}} /* Opera */

.btn_enquiry a i { display: none; }
.btn_enquiry span:hover { background: #fd8a16; }
/**************************************** Home Contact Form section *****************************************************/

.large_container {max-width:1400px;margin-right: auto;  margin-left: auto;margin:0 auto;font-family: 'RobotoCondensedBold';padding:0 15px;}
.banner .home_banner_form {
    border: 5px solid #f4670f;
    border-radius: 9px;
    position: relative;
}
.banner .home_banner_form:after {
    position: absolute;
    content: "";
    height: 400px;
    width: 322px;
    background: url(https://www.mrductcleaning.com.au/wp-content/uploads/2019/12/Mr-Duct-robot.png);
    right: 100%;
    bottom: -92px;
    background-size: 100%;
    margin: 0 -105px 0 0;
}
.banner .home_banner_form .middle_banner_img { padding: 76px 0 60px; position: relative }
.banner .home_banner_form p { color: #fff; padding: 0 }
.banner .home_banner_form a { color: #f8eb34 }
.banner .home_banner_form .contact-form { padding: 11px 24px 0;text-align: center;z-index: 99; position: relative; }
.banner .home_banner_form .middle_banner_img p { color: #fff; position: relative; padding: 0 0 4px 0 }
.banner .home_banner_form .middle_banner_img a { color: #fff; position: relative; padding: 0 0 4px 0 }
.banner .home_banner_form h2 {position: relative;
    margin: 0 0 0 0;
    font-family: 'RobotoCondensedBold';
    color: #f4670f;
    font-size: 60px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;}
.banner .home_banner_form .contact-form h3 {
    font-size: 25px;
    margin: 5px 0 10px 0;
    font-family: 'RobotoCondensedBold';
    color: #f4670f;
}
.banner .home_banner_form .contact-form h4 {
    font-family: 'RobotoCondensedBold';
    font-size: 40px;
    text-transform: uppercase;
    padding-right: 65px;
    background: url(https://www.mrductcleaning.com.au/wp-content/uploads/2019/12/call.png);
    background-repeat: no-repeat;
    background-position:right 25px center;
    color:#000000;
}
.banner-caption h2 {
    font-size: 75px;
    font-family: 'RobotoCondensedBold';
    color: #0053ba;
        margin-bottom: 0;
}
.banner-caption h2 span {
    color: #f4670f;
}
.banner-caption h3 {
    font-size: 41px;
    font-family: 'SegoePrint';
    font-style: italic;
    letter-spacing: 2px;
    margin-top: 5px;
}
.satisfaction img {
    max-width: 290px;
}
.satisfaction {
    margin-top: 50px;
    display: inline-block;
    text-align: center;
}
.satisfaction ul {}
.satisfaction ul li {
    font-size: 30px;
    margin-top: 15px;
        font-weight: 900;
    color: #0053ba;
    font-family: 'RobotoCondensedBold';
    font-style: italic;
    text-align:left;
    padding-left: 15px;
    position:relative;
}
.satisfaction ul li:after {position:absolute;content:"";height:8px;width:8px;background-color: #0053ba; border-radius: 100px; left: 0; top: 10px;}
.satisfaction ul li span {color: #f4670f;text-transform: uppercase;}


.home_banner_form .contact-form h4 a {color:#000000;}
.home_banner_form .contact-form h4 a:hover {color:#f4670f;}
.home_banner_form .contact-form h2:before { display: none; }
.home_banner_form .contact-form .form-group { margin-bottom: 0px; }
.home_banner_form .contact-form textarea.form-control { height: 58px !important; resize: none; padding: 0; margin: 25px 0 0; color: #fff !important; }
.home_banner_form .contact-form .form-control { background-color: none; background: none; background-image: none; border-bottom: 1px solid #0252b3 !important; border-left: none; border-right: none; border-top: none; border-radius: 0; box-shadow: none; color: #0252b3 !important; display: block; font-size: 20px; height: 53px; line-height: 1.42857; padding: 22px 0 0; width: 100%; font-family: 'RobotoCondensedBold';font-weight: bold;}
.home_banner_form .contact-form .form-control:focus { border-color: #fd8a16 !important; }
.home_banner_form .contact-form-main h2 { padding: 20px 0 0; font-size: 30px; color: #fff; }
.home_banner_form .contact-form input::-webkit-input-placeholder, .home_banner_form .contact-form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 color:#0252b3 !important;
 opacity:1;
}
.home_banner_form .contact-form input:-moz-placeholder, .home_banner_form .contact-form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:#0252b3 !important;
 opacity:1;
}
.home_banner_form .contact-form input::-moz-placeholder, .home_banner_form .contact-form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:#0252b3 !important;
 opacity:1;
}
.home_banner_form .contact-form form input:-ms-input-placeholder, .home_banner_form .contact-form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#0252b3 !important;
 opacity:1;
}
.home_banner_form .contact-form .captcha_box { height: auto; margin: 8px 0 30px; padding: 0 0 0 0px; position: relative; float: left; width: 48%; }
.home_banner_form .contact-form .submit_btn_box { position: relative; text-align: center; display: table; margin: 29px auto 0;width:100%; }
.home_banner_form .contact-form .submit-btn { display: inline-block; text-align: center; line-height: 60px; min-width: 200px; position: relative; z-index: 1; color: #fff; font-family: 'RobotoCondensedBold'; font-size: 28px; 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: 0; margin: 0 0; background: #0053ba;
    font-weight: 700;
    width: 100%;
    border-radius: 10px; }
.home_banner_form .contact-form .submit-btn:focus { background: #2db1ff; color: #fff; }
.home_banner_form .contact-form .required-field { font-size: 14px; color: #626362; text-align: center; margin-top: 0; float: left; line-height: 30px; }
.contact_us_02 .contact-form .required-field span { color: #fff; }
.home_banner_form .contact-form .select_box { position: relative; }
.home_banner_form .contact-form .select_box select { -moz-appearance: none; box-shadow: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; -ms-appearance: none; cursor: pointer; }
.home_banner_form .contact-form .select_box select option { padding: 10px 15px; font-size: 14px; display: block; color: #000 }
.home_banner_form .contact-form .select_arrow i { color: #fff; font-size: 25px; margin: 0; pointer-events: none; position: absolute; right: 10px; top: 70%; transform: translateY(-50%); z-index: 1; }
/****************************************************************************************************************/
/************************************* header section styles goes ends ******************************************/
/****************************************************************************************************************/


/****************************************************************************************************************/
/************************************* midd section styles goes here ********************************************/
/****************************************************************************************************************/
/**************************************** Services section *****************************************/
.hl_services { padding: 72px 0 81px 0; position: relative; overflow: hidden }
.hl_services:before { position: absolute; content: ""; right: -9px; bottom: -6px; background: url(../images/cleaning_logo.png) no-repeat; width: 188px; height: 249px; }
.hl_services h2 { margin: 0 0 31px 0; font-size: 50px; }
.hl_services span { color: #555555; font-size: 20px; display: block; text-align: center; margin: 0 0 29px }
.hl_services .service_box figure .icon_box {text-align: center; position: relative; margin: -45px auto 11px;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;width: 85px;height: 85px;    background-color: #fd8a16;    border-radius: 100px;    display: flex;    align-items: center;    justify-content: center;    border: 5px solid #fff;}
.hl_services .service_box figure .icon_box img {max-width: 50px;max-height: 40px;}
.hl_services .service_box figure { margin: 0 0 44px 0; position: relative; }
.hl_services .service_box figure > a { display: block; position: relative; overflow: hidden; 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_services .service_box figure img { /*margin: 0 0 16px 0;*/ }
.hl_services .service_box figure span.txt_read_more { color: #fff; display: block; font-family: 'Roboto Bold'; font-size: 16px; text-transform: uppercase; 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_services .service_box figcaption { position: absolute; left: 0; top: 100%; right: 0; margin: 0 0 0 0; text-align: center; transition: all 0.5s ease; z-index: 1 }
.hl_services .service_box figure > a .serv_img { position: relative }
.hl_services .service_box figure > a .serv_img:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2db1ff+0,fd8a16+100&0.9+0,0.9+100 */ background: -moz-linear-gradient(top, rgba(45,177,255,0.9) 0%, rgba(253,138,22,0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(45,177,255,0.9) 0%, rgba(253,138,22,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(45,177,255,0.9) 0%, rgba(253,138,22,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e62db1ff', endColorstr='#e6fd8a16', GradientType=0 ); /* IE6-9 */
transform: translateY(-100%); margin-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; z-index: 1; width: 100%; }
.hl_services .service_box { position: relative; margin: 0 0 29px 0; padding: 0; overflow: hidden; }
.hl_services .service_box h3 a { color: #505050; font-size: 24px; }
.hl_services .service_box h3 a.read_more { color: #fff; }
.hl_services .service_box h3 { margin: 0; text-transform: capitalize; }
.hl_services .service_box .hover_txt p { text-align: center; color: #fff; padding: 0 20px 30px; }
.service_box figure > a .hover_txt { position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: translateY(100%); margin-top: -10px; transition: all 0.5s ease; z-index: 1; color: #fff; align-items: center; justify-content: center; font-size: 24px; align-items: center; justify-content: center; align-content: center; flex-wrap: wrap; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.hl_services .btn_view_all { text-align: center; margin: 7px 0 0 }
.hl_services .btn_view_all a { color: #555555; font-size: 16px; width: 200px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; display: inline-block; border: 1px solid #fd8a16; background: none; font-family: 'Roboto Bold'; }
/**************************************** Middle Banner section *****************************************************/
.middle_banner { position: relative; z-index: 0; margin: 0 auto; padding: 95px 0 99px; text-align: left; float: left; width: 100%; }
.middle_banner:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: -1; }
.middle_banner_txt { float: right; padding: 0 64px 0 0 }
.middle_banner h2 { font-size: 30px; line-height: 50px; color: #fff; margin: 0 0 26px 0; font-family: 'Roboto-Medium'; font-weight: 500 }
.middle_banner p { font-size: 24px; color: #fff; padding: 0 0 20px 0 }
.middle_banner a { display: inline-block; text-align: center; line-height: 50px; min-width: 270px; position: relative; z-index: 1; color: #fff; font-family: 'Roboto Bold'; font-size: 16px; 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: 0; margin: 0 26px 0 0; overflow: hidden; background: none; text-transform: uppercase; border: 1px solid #f4891e }
.middle_banner a.btn_yellow { background: #f4891e; position: relative }
/**************************************** About us section *****************************************************/
.hl_about_us { padding: 72px 0 30px; background: #f5f5f5; float: left; width: 100%; }
.hl_about_us_txt { }
.hl_about_us_txt h1 { margin: 0 0 31px }
.hl_about_us_txt span.txt_orange { color: #fd8a16; display: block; font-family: 'Roboto Bold'; font-size: 24px; margin: 0 0 -2px }
.hl_about_us_txt p { padding: 0 0 30px }
.hl_about_us_txt .btn_read_more { color: #555555; font-size: 16px; width: 200px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; display: none; border: 1px solid #fd8a16; background: none; margin: 2px 0 0; font-family: 'Roboto Bold'; }
.habout_weltxt h1, .habout_weltxt h2, .habout_weltxt h3 { margin: 0 0 10px; }
.habout_weltxt h1 { font-size: 35px; }
.habout_weltxt h2 { font-size: 32px; }
.habout_weltxt h3 { font-size: 28px; }
.habout_weltxt ul { list-style-type: none; margin: 0 0 10px; padding: 0 0 0 20px; }
.habout_weltxt ul li { line-height: 26px; padding: 0 0 10px 20px; position: relative; }
.habout_weltxt ul li:before { position: absolute; top: 10px; left: 0; content: ""; background: #fd8a16; width: 8px; height: 8px; }
/**************************************** Why Choose Us section *****************************************************/
.h1_why_choose_us { position: relative; z-index: 0; margin: 0 auto; padding: 66px 0 39px; }
.h1_why_choose_us:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); z-index: -1; }
.h1_why_choose_us_title h2 { color: #fff; line-height: 60px; margin: 0 0 25px 0 }
.h1_why_choose_us_title p { color: #dddddd; }
.h1_why_choose_us_box_main { padding: 26px 0 0 0 }
.h1_why_choose_us_box { position: relative; margin: 0 0 34px 0 }
.h1_why_choose_us_box p { color: #ddd; padding: 0 0 0 45px }
.h1_why_choose_us_box.icon_orange:before { position: absolute; content: ""; width: 23px; height: 21px; background: url(../images/sprite.png) no-repeat -30px -28px; left: 0; top: 10px; }
.h1_why_choose_us_box.icon_blue:before { position: absolute; content: ""; width: 23px; height: 21px; background: url(../images/sprite.png) no-repeat -60px -28px; left: 0; top: 10px; }
.h1_why_choose_us_box.icon_white:before { position: absolute; content: ""; width: 23px; height: 21px; background: url(../images/sprite.png) no-repeat -89px -28px; left: 0; top: 10px; }
/**************************************** Process section *****************************************************/
.hl_process { padding: 72px 0 70px 0 }
.hl_process_main_title h2 { margin: 0 0 28px }
.hl_process_main_title p { }
.hl_process_box_main { margin: 14px 0 0 0; position: relative }
.hl_process_box_main:before { position: absolute; top: 76px; left: 50%; transform: translateX(-50%); content: ""; background: url(../images/dot_border.png) no-repeat; width: 1000px; height: 2px; z-index: -1; }
.hl_process_box { float: left; width: 20%; position: relative; }
.hl_process_box .icon_box { background: #eff0f0; width: 150px; height: 150px; border-radius: 50%; align-items: center; justify-content: center; text-align: center; display: flex; margin: 0 0 31px 0; position: relative; }
.hl_process_box p { padding: 0 79px 0 0 }
/**************************************** Benefits section *****************************************************/
.hl_benefits { background: #eff0f0; padding: 74px 0 80px 0 }
.hl_benefits h2 { margin: 0 0 38px 0 }
.hl_benefits_box_main { }
.hl_benefits_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; }
.hl_benefits_box .img_box { 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; }

.hl_benefits_box .img_txt { position: absolute; left: 34px; bottom: 23px; }
.hl_benefits_box .img_txt h3 { color: #fff; font-size: 30px; margin: 33px 0 30px 0 }
.hl_benefits_box .img_txt p { color: #fff; padding: 0 75px 10px 0 }

/**************************************** CTA section *****************************************************/
.hl_cta { padding: 79px 0 74px; position: relative; }
.hl_cta:before { position: absolute; content: ""; right: 91px; bottom: 108px; background: url(../images/cleaning_logo_01.png) no-repeat; width: 214px; height: 284px; }
.hl_cta_txt { float: right; padding: 0 98px 0 0; position: relative; }
.hl_cta_txt:before { position: absolute; right: 100px; bottom: 20px; background: url(../images/cta_icon.png) no-repeat; width: 168px; height: 166px; content: ""; }
.hl_cta_txt h2 { font-size: 60px; line-height: 80px; color: #fff; margin: 0 0 18px 0; font-family: 'Roboto Bold'; font-weight: 600; background: linear-gradient(-150deg, #2db1ff 0%, #2db1ff 34%, #fd8a16 75%, #fd8a16 100%); background: -webkit-linear-gradient(-150deg, #2db1ff 0%, #2db1ff 34%, #fd8a16 75%, #fd8a16 100%); background: -ms-linear-gradient(-150deg, #41bcf0 0%, #41bcf0 34%, #f8a94e 75%, #f8a94e 100%); -webkit-background-clip: text; -ms-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent; -ms-text-fill-color: transparent; -ms-text-fill-color: transparent; }
.hl_cta_txt p { font-size: 24px; color: #fff; padding: 0 0 20px 0 }
.hl_cta_txt a { display: inline-block; text-align: center; line-height: 50px; min-width: 270px; position: relative; z-index: 1; color: #fff; font-family: 'Roboto Bold'; font-size: 16px; 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: 0; margin: 16px 0 0 0; overflow: hidden; background: none; text-transform: uppercase; border: 1px solid #f4891e }
.hl_cta_txt a.btn_yellow { background: #f4891e; position: relative }
/**************************************** Special section *****************************************************/
.hl_special { padding: 71px 0 52px 0 }
.hl_special_left h2 { margin: 0 0 33px; }
.hl_special_left span { font-family: 'Roboto Bold'; color: #333; font-size: 20px; display: block; margin: 0 0 30px; }
.hl_special_left p { padding: 0 0 21px 0 }
.hl_special_left ul { padding: 0 230px 0 0 }
.hl_special_left ul li { position: relative; padding: 0 0 22px 34px }
.hl_special_left ul li:before { position: absolute; left: 0; top: 7px; background: url(../images/sprite.png) no-repeat -60px -28px; width: 23px; height: 21px; content: "" }
.hl_special_right { padding: 11px 0 0 0; }
/**************************************** Gallery section *****************************************************/
.hl_gallery_download { padding: 101px 0 57px 0; background: #eff0f0 }
.hl_gallery_main_box { padding: 0 0 41px; text-align: center }
.hl_gallery h2 { position: relative; margin: 0 0 50px 0; text-align: center }
.hl_gallery h2:before { position: absolute; content: ""; background: url(../images/sprite.png) no-repeat -109px -143px; width: 49px; height: 32px; left: 50%; bottom: -50px; transform: translateX(-50%); }
.gallery1_box_main .gallery_img_box { display: block; margin-bottom: 0; position: relative }
.gallery1_box_main .col-lg-6, .gallery1_box_main .col-xl-3 { margin: 0 0 20px }
.gallery1_box_main .gallery_hvr::before { background: url(../images/gradient_03.png) no-repeat; bottom: 0; content: ""; height: 100%; left: 50px; opacity: 0; position: absolute; right: 0; 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: 100%; z-index: 10; }
.gallery1_box_main .gallery_hvr { overflow: hidden; position: relative; }
.gallery1_box_main .gallery_hvr img { width: auto }
.gallery1_box_main .gallery_name { bottom: 30px; left: 30px; position: absolute; right: 30px; top: 30px; transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(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; z-index: 50; }
.gallery1_box_main .gallery_name span.gallery_icon { font-size: 40px; }
.gallery1_box_main .gallery_name span { color: #fff; display: block; font-size: 20px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; }
.gallery1_box_main .gallery_name span.txt_white { display: inline-block; font-size: 16px; font-family: 'Roboto Bold'; width: auto; margin: 0 0 0 18px }
.gallery1_box_main .download_box .gallery_name { left: -114px; }
/**************************************** Video section *****************************************************/
.hl_video { position: relative; height: 720px; float: left; }
.hl_video_content { margin: 0 0 0 0; float: left; width: 100%; }
.hl_video_content_wrapper { width: 33.33%; }
.hl_video:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.50); z-index: 1; }
.video_img_main { bottom: 0; right: 0; overflow: hidden; position: absolute; left: 0; top: 0; }
.video_img_main img { min-height: 100%; min-width: 100%; max-width: inherit; position: absolute; left: 0; top: 0; width: auto; }
.video_img_main i { color: #fff; font-size: 80px; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; }
.hl_guarantee { background: #2986c2; height: 720px; float: left; padding: 50px 0 0 33px }
.hl_guarantee h2 { color: #fff; font-size: 40px; line-height: 60px; margin: 0 0 8px }
.hl_guarantee ol { padding: 0 0 0 20px; }
.hl_guarantee ol li { color: #fff; list-style: decimal; font-size: 20px; line-height: 60px; padding: 0 0 0 4px; }
.hl_guarantee img { display: table; margin: 10px auto 0 }
.hl_why_clean { height: 720px; float: left; position: relative; padding: 52px 0 0 50px }
.hl_why_clean:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.80); z-index: 0; }
.hl_why_clean span { font-family: 'Roboto Bold'; font-size: 18px; color: #222222; position: relative; }
.hl_why_clean h2 { font-size: 40px; line-height: 60px; color: #222; position: relative; margin: 0 0 37px }
.hl_why_clean ul { margin: 0 0 30px 0 }
.hl_why_clean ul li { position: relative; color: #222222; font-size: 16px; line-height: 30px; padding: 0 0 0 39px }
.hl_why_clean ul li:before { content: ""; position: absolute; width: 10px; height: 10px; background: #fd8a16; left: 18px; top: 10px; border-radius: 50%; }
.hl_why_clean p { position: relative; padding: 0 80px 30px 0 }
/**************************************** client Slider section *****************************************************/
.hl-client { padding: 73px 0; float: left; width: 100%; }
.hl-client h2 { line-height: normal; margin: 0 0 30px 0; }
.hl-client .item { position: relative; padding: 0 }
.hl-client .item img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; opacity: 0.8; 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; width: auto; position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); border: 1px solid #fff }
.hl-client-logo+.hl-client-logo { margin-top: 39px; }
.hl-client-logo { border: 1px solid #ebebeb }
.hl-client .owl-nav { vertical-align: top; margin-top: 0; text-align: center; }
.hl-client .owl-nav .owl-prev { background: url(../images/carousel_prev_arrow.png) no-repeat; width: 29px; height: 48px; top: 50%; transform: translateY(-50%); position: absolute; margin: 0 0 0 0; left: -110px; }
.hl-client .owl-nav .owl-next { background: url(../images/carousel_next_arrow.png) no-repeat; width: 29px; height: 48px; top: 50%; transform: translateY(-50%); position: absolute; right: -110px; margin: 0 0 0 0 }
.hl-client-logo { position: relative; padding-bottom: 61%; -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; }
.hl-client-slider { margin: 0 0 0; width: auto }
.hl-client-slider .owl-nav { vertical-align: top; margin-top: 0; text-align: center; position: relative; }
.hl-client-slider .owl-nav .owl-prev { background: url(../images/sprite.png) no-repeat; width: 15px; height: 28px; bottom: 99px; transform: none; position: absolute; margin: -160px 0 0 0; left: -80px; background-position: -43px -127px; }
.hl-client-slider .owl-nav .owl-next { background: url(../images/sprite.png) no-repeat; width: 15px; height: 28px; bottom: 99px; transform: none; position: absolute; right: -82px; margin: -160px 0 0 0; background-position: -67px -127px; }
/**************************************** TEstimonials section *****************************************/
.hl_testimonials { float: left; width: 100%; position: relative; padding: 72px 0 73px 0 }
.hl_testimonials:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.80); }
.hl_testimonials h2 { color: #fff; position: relative; margin: 0 0 35px }
.hl_testimonials_carousel { position: relative; }
.hl_testimonials_carousel span.testimonial_icon { position: relative; }
.hl_testimonials_carousel span.testimonial_icon i { font-size: 50px; color: #fd8a16; padding: 0 0 0 }
.hl_testimonials_carousel p { color: #fff; font-size: 20px; line-height: 40px; padding: 26px 90px 20px 0 }
.hl_testimonials_carousel span.client_name { font-family: 'Roboto Bold'; font-size: 20px; color: #fd8a16; display: block; text-transform: uppercase; }
.hl_testimonials_carousel .owl-nav { vertical-align: top; margin-top: 0; text-align: center; }
.hl_testimonials_carousel .owl-nav .owl-prev { background: url(../images/sprite.png) no-repeat; width: 15px; height: 28px; top: 50%; transform: translateY(-50%); position: absolute; margin: -2px 0 0 0; left: -11.5%; background-position: -90px -126px; }
.hl_testimonials_carousel .owl-nav .owl-next { background: url(../images/sprite.png) no-repeat; width: 24px; height: 44px; top: 50%; transform: translateY(-50%); position: absolute; right: -1%; margin: 5px 0 0 0; background-position: -114px -126px; }
.cta_btn { text-align: right; margin: 70px 14px 0 0; }
.cta_btn a { display: inline-block; text-align: center; line-height: 50px; min-width: 270px; position: relative; z-index: 1; color: #fff; font-family: 'Roboto Bold'; font-size: 16px; 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: 0; margin: 17px 0 0 0; overflow: hidden; background: none; text-transform: uppercase; border: 1px solid #f4891e }
.cta_btn a.btn_yellow { background: #f4891e; position: relative }
.owl-carousel .owl-item .wprevpro_t1_star_img_file { width: auto !important; }
.owl-carousel .owl-item .wprevpro_t1_A_8 .wprevpro_t1_IMG_4 { width: auto !important; }
.owl-carousel .owl-item .wprevpro_t1_SPAN_5 { color: #fff; }
/**************************************** Home Contact Form section *****************************************************/
.home_cnt_form { padding: 0 0 0; background: #fff; float: left; width: 100%; }
.home_cnt_form .middle_banner_img { padding: 73px 0 40px; position: relative }
.home_cnt_form .contact-form { padding: 0 0; }
.home_cnt_form h2 { position: relative; margin: 0 0 32px 0; color: #333333; }
.home_cnt_form .contact-form h2:before { display: none; }
.home_cnt_form .contact-form .form-group { margin-bottom: 25px; }
.home_cnt_form .contact-form textarea.form-control { height: 150px !important; resize: none; padding: 14px 10px; margin: 0 0 0; }
.home_cnt_form .contact-form .form-control { background-color: none; background: none; background-image: none; border: 1px solid #888888 !important; border-left: none; border-right: none; border-top: none; border-radius: 0; box-shadow: none; color: #333333 !important; display: block; font-size: 16px; height: 50px; line-height: 1.42857; padding: 0 10px 0; width: 100%; }
.home_cnt_form .contact-form .form-control:focus { border-color: #2db1ff !important; }
.home_cnt_form .contact-form-main h2 { padding: 20px 0 0; font-size: 30px; color: #fff; }
.home_cnt_form .contact-form input::-webkit-input-placeholder, .home_cnt_form .contact-form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#333333;
opacity:1;
}
.home_cnt_form .contact-form input:-moz-placeholder, .home_cnt_form .contact-form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#333333;
opacity:1;
}
.home_cnt_form .contact-form input::-moz-placeholder, .home_cnt_form .contact-form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#333333;
opacity:1;
}
.home_cnt_form .contact-form form input:-ms-input-placeholder, .home_cnt_form .contact-form form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#333333;
opacity:1;
}
.home_cnt_form .contact-form .captcha_box { height: auto; margin: 8px 0 30px; padding: 0 0 0 0px; position: relative; float: left; width: 48%; }
.home_cnt_form .contact-form .submit_btn_box { position: relative; text-align: center; display: table; margin: 13px auto 0 }
.home_cnt_form .contact-form .submit-btn { display: inline-block; text-align: center; line-height: 50px; min-width: 220px; position: relative; z-index: 1; color: #fff; font-family: 'Roboto Bold'; font-size: 16px; 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: 0; margin: 0; overflow: hidden; background: #fd8a16; }
.home_cnt_form .contact-form .submit-btn:focus { background: #2db1ff; color: #fff; }
.home_cnt_form .contact-form .required-field { font-size: 14px; color: #626362; text-align: center; margin-top: 0; float: left; line-height: 30px; }
.contact_us_02 .contact-form .required-field span { color: #fff; }
.home_cnt_form .contact-form .select_box { position: relative; }
.home_cnt_form .contact-form .select_box select { -moz-appearance: none; box-shadow: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; -ms-appearance: none; cursor: pointer; }
.home_cnt_form .contact-form .select_box select option { padding: 10px 15px; font-size: 14px; display: block; color: #000 }
.home_cnt_form .contact-form .select_arrow i { color: #333333; font-size: 25px; margin: 0; pointer-events: none; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 1; }
/****************************************************************************************************************/
/************************************* midd section styles goes ends ********************************************/
/****************************************************************************************************************/

/****************************************************************************************************************/
/************************************* Footer section styles goes here ******************************************/
/****************************************************************************************************************/
.footer_details { position: relative; padding: 76px 0 26px 0 }
.footer_details:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.76); }
.footer_details_main { padding: 0 0 0 0; }
.footer_details h3 { margin: 0 0 47px; color: #fff; font-size: 18px; position: relative; }
.footer_details h3:before { position: absolute; content: ""; left: 0; bottom: -19px; width: 25px; height: 3px; background: #fd8a16 }
.footer_details .social_icons h3 { margin: 0 0 16px; }
.address_details01 { padding: 0 0 0 0; }
.footer_details .f_links ul li { }
.footer_details .f_links ul li a { font-size: 16px; color: #fff; line-height: 40px; }
.footer_details .f_links ul li.selected a { color: #fd8a16 }
.footer_details .f_links ul li.active a { color: #fd8a16 }
.address_details span { display: block; color: #1e9ddf; font-size: 16px; line-height: 30px; }
.address_details i { font-size: 50px; margin: 0 0 28px 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; }
.address_details p { color: #fff; font-size: 16px; line-height: 40px; padding: 0 }
.address_details a { display: block; color: #fff; font-size: 16px; line-height: 40px; 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; word-break: break-all; }
.address_details a:hover { color: #fd8a16 }
.footer_logo { padding: 28px 0 0 0; }
.coyright { background: #2db1ff; float: left; width: 100%; padding: 10px 0 }
.copyright_txt { float: left; }
.copyright_txt p { color: #fff; padding: 0 }
.footer_social_icons { float: right; }
.footer_social_icons ul li { display: inline-block; margin: 0 0 0 30px; }
.footer_social_icons ul li:first-child {margin-left: 0px;}
.footer_social_icons ul li a i { color: #fff; font-size: 25px; 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; }
#toTop { background: #fd8a16; bottom: 120px; cursor: pointer; height: 54px; position: fixed; right: 20px; width: 54px; z-index: 99; border-radius: 0; }
.top-btn .fa-sort-up { color: #fff; font-size: 28px !important; margin: 3px 0 0; }
.top-btn > div { color: #fff; font-size: 15px; margin: -16px 0 0; text-transform: uppercase; }
/****************************************************************************************************************/
/************************************* Footer section styles ends here ******************************************/
/****************************************************************************************************************/


/******************************************************************************************************************************/
/************************************************* Inner Banner style *********************************************************/
/******************************************************************************************************************************/
.inner-banner::before { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; }
.inner-banner { position: relative; padding: 240px 0 0 0; z-index: -1 }
.inner-banner-img { background-position: center center !important; background-size: cover !important; min-height: 320px; }
.inner-banner-title { display: block; left: 0; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; z-index: 50; }
.position_relative { position: relative; margin: 250px 0 0 0; float: left; width: 100%; }
.inner_banner_caption, .inner-banner-title .breadcrumb { float: left; width: 100%; }
.inner_banner_caption h1, .inner_banner_caption .h1 { color: #fd8a16; margin: 0 auto; position: relative; text-align: left; font-size: 50px; }
.inner-banner-title .breadcrumb { background-color: rgba(0, 0, 0, 0); display: block; margin: 0; padding: 7px 0; text-align: center; z-index: 99; }
.inner-banner .breadcrumb li:first-child { padding-left: 0; }
.inner-banner .breadcrumb li { display: inline-block; font-size: 16px; margin: 0; position: relative; font-weight: 400; }
.inner-banner .breadcrumb li a { color: #fff; text-transform: capitalize; font-weight: 400; font-size: 16px; }
.breadcrumb > li + li::before { color: rgb(204, 204, 204); content: "/ "; padding: 0 5px; }
.inner-banner .breadcrumb > li + li::after { color: #fff; content: ""; font-size: 16px; left: -10px; padding: 0 5px; position: absolute; top: 0; }
.inner-banner .breadcrumb li.active { color: #cbcbcb }
.inner_breadcrumb { background: #2db1ff; padding: 0 0 0; }
.inner_breadcrumb .breadcrumb { background: none; text-align: center; margin: 0; padding: 10px 0; display: -webkit-inline-box; }
.inner_breadcrumb .breadcrumb li a { font-size: 18px; color: #fff; }
.inner_breadcrumb .breadcrumb > li + li::before { color: #fff; content: "/ "; padding: 0 2px; }
.inner_breadcrumb .breadcrumb li.active { color: #222; font-size: 18px; }
.inner_breadcrumb .breadcrumb li a:hover { color: #222; font-size: 18px; }
.home_banner_form.inner_banner_form { z-index: 0; top: 27%; padding: 0px 0 28px }
.home_banner_form.inner_banner_form h2 { padding: 10px 0 }
/****************************************************************************************************************************/
/************************************************ inner page section style **************************************************/
/****************************************************************************************************************************/
#inner-page { padding: 30px 0; }
.inner-page { }
.inner-page h1 { font-size: 40px; margin: 0 0 10px 0; line-height: normal; }
.inner-page h2 { font-size: 35px; margin: 0 0 10px 0; line-height: normal; }
.inner-page h3 { font-size: 27px; margin: 0 0 10px 0; line-height: normal; }
.inner-page h4 { font-size: 20px; margin: 0 0 10px 0; line-height: normal; }
.inner-page h5 { font-size: 16px; margin: 0 0 10px 0; line-height: normal; }
.inner-page ul { list-style-type: none; margin: 0 0 10px; padding: 0 0 0 20px; }
.inner-page ul li { line-height: 26px; padding: 0 0 10px 20px; position: relative; }
.inner-page ul li:before { position: absolute; top: 10px; left: 0; content: ""; background: #fd8a16; width: 8px; height: 8px; }
.inner-page p { padding: 0 0 20px 0; }
.inner-page a { color: #2db1ff; }
.inner-page a:hover { color: #fd8a16; }
.inner-page .img-block { text-align: center; }
.inner-page .alignleft { float: left; margin: 0 15px 5px 0; }
.inner-page .alignright { float: right; margin: 0 0px 10px 15px; }
.inner-page .alignnone { margin: 20px 0; float: none; }
.inner-page .txt_link { color: #000; font-weight: bold; }
.inner-page ul.two_column { column-count: 4;    width: 100%; }
.inner_footer_form { background: #f1f1f1 }
/****************************************************************************************************************************/
/******************************************* FAQ page section style **************************************************/
/****************************************************************************************************************************/
.accordion-button { color: #444 !important; padding: 12px 50px 12px 15px; line-height: 26px; font-size: 18px; position: relative; border: 1px solid #155e94; display: block; }
.accordion-button .icon { display: block; height: 30px; width: 30px; background: #fd8a16; position: absolute; right: 10px; top: 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; }
.accordion-button .icon:before, .accordion-button .icon:after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 2px; background: #fff; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.accordion-button .icon:after { width: 2px; height: 14px; }
.accordion-content { padding: 15px; border: 1px solid #ddd; border-top: none; display: none; }
.accordion + .accordion { margin-top: 15px; }
.accordion-button.active { border-color: #155e94; background: #155e94; color: #fff !important; }
.accordion-button.active .icon { background: #fff; }
.accordion-button.active .icon:before { background: #606060; }
.accordion-button.active .icon:after { background: #606060; height: 0; }
.accordion-button.active + .accordion-content { border-color: #155e94; }
.accordion-content.show { display: block; }
.accordion-content > *:last-child { margin-bottom: 0; }
/****************************************************************************************************************************/
/************************************************ Gallery Page style **************************************************/
/****************************************************************************************************************************/
.gallery-details-page { padding: 0 }
.gallery-details-page .col-lg-3 { padding: 0 5px }
.gallery-details-page figure { margin: 0 0 10px }
.gallery-details-page figure > a { display: block; position: relative; overflow: hidden; text-align: center; margin: 0 auto; display: block; }
/****************************************************************************************************************************/
/************************************************ 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: 20px; line-height: 24px; }
.blog_box_main .blog_date_comm { padding: 8px 0; }
.blog_box_main .blog_date_comm > span { color: #444; padding: 0 14px 0 0; font-size: 14px; }
.blog_date_comm i.fa-calendar { background-position: -262px -158px; width: 17px; height: 19px; display: inline-block; position: relative; top: 0; margin-right: 4px; }
.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: #fff; font-size: 16px; 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: 0; margin: 0 0 0 0; overflow: hidden; background: #fd8a16; font-family: 'Roboto Bold'; text-transform: uppercase; border: 0; }
.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 #2db1ff; }
.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: 19px; left: 0; content: ""; background: #f7941e; width: 8px; height: 8px; }
.news-sidebar ul li:before { display: none }
.news-sidebar ul li a:before { position: absolute; top: 8px; left: 5px; content: ""; background: #f7941e; 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: #2db1ff; font-size: 20px; font-weight: 700 }
.news-sidebar h5 i { float: right; font-size: 24px; }
.news-sidebar ul li.selected a { color: #fd8a16 }
.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); }*/
.product_detail_page .gallery1_box_main { margin: 0 0 30px }
.product_detail_page .gallery1_box_main a { margin: 0 0 10px }
.blog_box_main .blog_title:hover { color: #2db1ff }
.blog_box_main:hover .blog_content .blog_textmain { height: 100px; overflow: visible; }
.blog_box_main .blog_readmore .btn-primary:hover { background: #2db1ff; }
/****************************************************************************************************************************/
/************************************************ Testimonials Page style **************************************************/
/****************************************************************************************************************************/
.testimonialpage_main .testimonial_text p { font-size: 18px; line-height: 30px; }
.testimonialpage_box_main { padding: 40px 0 0; }
.testimonialpage_main .testimonial_name { padding: 0px 0 0; position: relative; font-size: 20px; color: #2db1ff; font-family: 'Roboto-Medium'; }
.testimonialpage_main i { color: #fd8a16; font-size: 50px; left: 50%; position: absolute; 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%); }
.testimonialpage_main::before { background: #f0f0f0 none repeat scroll 0 0; bottom: 25px; content: ""; left: 120px; position: absolute; top: 0; display: none; width: 1px; }
.testimonialpage_main { padding: 30px 30px 30px 160px; position: relative; }
.testimonialpage_main { margin-bottom: 30px; }
.testimonialpage_main:nth-child(odd) { background: #f9f9f9; }
.testimonialpage_main .testimonial_quote { width: 100px; height: 100px; opacity: 0.3; position: absolute; left: 30px; top: 30px; background: rgb(45, 177, 255); }
.testimonialpage_main .testimonial_quote:after { content: ""; background: #fff; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; z-index: -1; }
/****************************************************************************************************************************/
/******************************************* Contact us page section style **************************************************/
/****************************************************************************************************************************/
.contact_us_02 { padding: 0 0 }
.contact_us_02 .cnt_details_box span.circle_icon { position: relative; }
.contact_us_02 .cnt_details_box span.circle_icon:before { content: ""; background: url(../images/circle_pattern.png) no-repeat; width: 82px; height: 85px; left: 50%; transform: translateX(-50%); top: 0; position: absolute }
.contact_us_02 .cnt_details_box.mail_contact span.circle_icon:before {background: url(../images/head_icon_02.png) no-repeat; }
.contact_us_02 .cnt_details_box.phone_contact span.circle_icon:before {background: url(../images/head_icon_03.png) no-repeat; }
.contact_us_02 .cnt_details_box.mail_contact span.circle_icon i, .contact_us_02 .cnt_details_box.phone_contact span.circle_icon i {opacity: 0;}
.contact_us_02 .cnt_details_box i { display: block; text-align: center; color: #2db1ff; font-size: 30px; margin: 0 auto 20px; -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; padding: 27px 0 20px 10px }
.inner-page.contact_us_02 .cnt_details_box ul li { padding: 0; display: inline-block; margin: 0 7px; }
.inner-page.contact_us_02 .cnt_details_box ul { padding: 0 }
.contact_us_02 .cnt_details_box .footer_social ul li:before { display: none; }
.contact_us_02 .cnt_details_box .footer_social ul li i { font-size: 25px; width: auto; height: auto; border: 0; padding: 0 }
.contact_us_02 .cnt_details_box .footer_social ul li i:hover { color: #222 }
.inner-page .contact_details { float: left; width: 100%; padding: 0 }
.inner-page .cnt_details_box { padding: 20px 0; min-height: 100%; -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; text-align: center; border-radius: 25px; }
.inner-page .cnt_details_box span { font-size: 25px; color: #606060; display: block; margin: 0; }
.inner-page .cnt_details_box.cnt_hours span { margin: 0; font-size: 16px; display: block; }
.inner-page .cnt_details_box p { padding: 0 10px; line-height: 25px; font-size: 16px; }
.inner-page .cnt_details_box a { font-size: 16px; display: block; color: #666666; word-break: break-all; line-height: normal; }
.inner-page .cnt_details_box a:hover { color: #2db1ff }
.contact_us_02 .contact-form h2 { color: #303030; text-align: left; position: relative; margin: 0 0 10px 0 }
.contact_us_02 .contact-form h2:before { display: none; }
.contact_us_02 .contact-form .form-group { margin-bottom: 30px; }
.contact_us_02 .contact-form textarea.form-control { height: 140px !important; resize: none; padding: 13px 20px; }
.contact_us_02 .contact-form .form-control { background-color: #fff; background-image: none; border: 1px solid #595959 !important; border-left: none; border-right: none; border-top: none; border-radius: 0; box-shadow: none; color: #303030; display: block; font-size: 16px; height: 50px; line-height: 1.42857; padding: 10px 19px; width: 100%; }
.contact_us_02 .contact-form .form-control:focus { border-color: #2db1ff !important; box-shadow: 0 0 5px #2db1ff; }
.contact_us_02 .contact-form-main h2 { padding: 20px 0 0; font-size: 30px; color: #303030; }
.contact_us_02 .contact-form input::-webkit-input-placeholder, .contact_us_02 .contact-form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color:#303030;
opacity:1;
}
.contact_us_02 .contact-form input:-moz-placeholder, .contact_us_02 .contact-form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:#303030;
opacity:1;
}
.contact_us_02 .contact-form input::-moz-placeholder, .contact_us_02 .contact-form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color:#303030;
opacity:1;
}
.contact_us_02 .contact-form form input:-ms-input-placeholder, .contact_us_02 .contact-form form textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
color:#303030;
opacity:1;
}
.contact_us_02 .contact-form .form-group .captcha_box { height: auto; margin: 0 0 20px; padding: 0 0 0 0px; position: relative; }
.contact_us_02 .contact-form .submit_btn_box { text-align: center; margin: 0 auto; display: table;     position: relative;}
.contact_us_02 .contact-form .submit-btn { display: inline-block; text-align: center; line-height: 50px; min-width: 200px; position: relative; z-index: 1; color: #fff; font-family: 'Roboto Bold'; font-size: 16px; 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: 0; margin: 0; overflow: hidden; background: #fd8a16; }
.contact_us_02 .contact-form .submit-btn:focus { background: #2db1ff; color: #fff; }
.contact_us_02 .contact-form .submit-btn:hover { background: #2db1ff; color: #fff; }
.contact_us_02 .contact-form .required-field { font-size: 14px; color: #606060; text-align: center; margin-top: 0; line-height: 30px; }
.contact_us_02 .contact-form .required-field span { color: #606060; }
.contact_form_map { float: left; width: 100%; padding: 40px 0 0 0; }
.contact_us_02 .map iframe { border: 5px solid #2db1ff }
.contact_us_02 .map { float: left; width: 100%; padding: 30px 0; }
.inner_btm_form .contact_form_map { padding: 0; }
.inner_btm_form { float: left; width: 100%; background: #f7f7f7; padding: 30px 0 }
.contact_form_map .contact-form .select_box { position: relative; }
.contact_form_map .contact-form .select_box select { -moz-appearance: none; box-shadow: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; -ms-appearance: none; cursor: pointer; }
.contact_form_map .contact-form .select_box select option { padding: 10px 15px; font-size: 14px; display: block; color: #000 }
.contact_form_map .contact-form .select_arrow i { color: #55555; font-size: 25px; margin: 0; pointer-events: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 1; }
/****************************************************************************************************************************/
/******************************************* Air Duct Cleaning page section style *******************************************/
/****************************************************************************************************************************/
.inner-page.services_page.hl_services { padding: 0; }
.three_box_cnt_main { background: #f1f1f1; padding: 20px; margin: 0 0 20px; min-height: 310px; }
.facts_section { background: #2db1ff; padding: 50px 0 }
.facts_section h2 { color: #fff; margin: 0 0 30px }
.facts_section ul li { color: #fff; font-size: 20px; line-height: 35px }
.inner-page .facts_section ul li:before { background: #000; top: 13px; }
.do_you_need { padding: 50px 0 }
.do_you_need_box_main { text-align: center; }
.do_you_need_box { margin: 0 0 30px; border: 1px solid #2db1ff; padding: 15px; min-height: 310px; 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; }
.do_you_need_box:hover { border: 1px solid #fd8a16 }
.do_you_need_box img { margin: 0 0 20px; border-radius: 50%; }
.do_you_need_box p { font-size: 20px; }
.services_detials_page .middle_banner { position: relative; z-index: 0; margin: 0 auto; padding: 150px 0; text-align: center }
.services_detials_page .middle_banner:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: -1; }
.services_detials_page .middle_banner_txt { float: none; padding: 0; }
.services_detials_page .middle_banner_txt h2 { font-size: 45px; margin: 0 0 30px }
.services_detials_page .middle_banner_txt p { padding: 0 0 30px }
.services_detials_page .middle_banner_txt i { margin: 0 5px 0 0 }
.services_detials_page .middle_banner a { display: inline-block; text-align: center; line-height: 50px; min-width: 270px; position: relative; z-index: 1; color: #fff; font-family: 'Roboto Bold'; font-size: 20px; 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: 0; margin: 0 26px 0 0; overflow: hidden; background: none; text-transform: uppercase; border: 1px solid #f4891e }
.services_detials_page .middle_banner a.btn_yellow { background: #f4891e; position: relative }
.air_duct_cleaning_process { padding: 50px 0; float: left; width: 100%; }
.adc_process_box { float: left; width: 20%; text-align: center; }
.adc_process_box span { width: 100px; height: 100px; color: #fff; border-radius: 50px; background: #2db1ff; text-align: center; display: flex; font-size: 45px; font-family: 'Roboto Bold'; margin: 0 auto 20px; align-items: center; justify-content: 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; }
.adc_process_box span.process_title { width: auto; height: auto; background: none; color: #fd8a16; font-family: 'Roboto-Medium'; font-size: 18px; min-height: 60px; 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; }
.adc_process_box p { padding: 0 10px; }
.services_detials_page.inner-page .alignleft { float: left; margin: 0 25px 10px 0; }
.services_detials_page.inner-page .alignright { float: right; margin: 0 0 10px 25px; }
.services_detials_page.inner-page .adc_process_box:hover span { background: #fd8a16 }
.services_detials_page.inner-page .adc_process_box:hover span.process_title { background: none; color: #2db1ff }
.services_detials_page .middle_banner a.cnt_link { min-width: auto; line-height: normal; border: 0; margin: 0; text-transform: inherit; font-weight: normal; font-size: 24px; }
.services_detials_page .middle_banner a.cnt_link:hover { background: none }
/****************************************************************************************************************************/
/******************************************* Commercial Duct Cleaning page section style *******************************************/
/****************************************************************************************************************************/
.importance_box { text-align: center; padding: 0 0 50px }
.importance_box img { }
.importance_box span { display: block; font-size: 18px; }
.importance_box01 { text-align: left; padding: 20px 0 50px }
.importance_box01 img { width: 120px; height: 120px; }
.importance_box01 span { display: inline-block; font-size: 18px; }
.importance_box01 .col-xl-3 { margin: 0 0 30px }
.cdc_box01 { padding:0px 0 50px 0 }
.cdc_box01_main { text-align: center; padding: 20px; min-height: 450px; background: #f1f1f1;/*margin-top: 30px;*/ }
.postid-2405 .cdc_box01_main  {margin-top: 30px;}
.cdc_box01_main p { padding: 0 }
.cdc_box01 img { margin: 0 0 20px }
.cdc_box01 span { font-family: 'Roboto-Medium'; font-size: 24px; display: block; margin: 0 0 20px; color: #fd8a16; 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; }
.commercial_benefits { background: #f1f1f1; padding: 50px 0 }
.commercial_benefits h2 { margin: 0 0 30px; }
.commercial_benefits_box { text-align: center; padding: 30px 0; border: 1px solid #2db1ff; margin: 0 0 30px; }
.commercial_benefits_box img { margin: 0 0 20px }
.commercial_benefits_box span { font-family: 'Roboto-Medium'; font-size: 24px; display: block; margin: 0 0 0; color: #fd8a16; 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; }
.commercial_benefits_box:hover span { color: #2db1ff }
.commercial_benefits_box:hover { border: 1px solid #fd8a16; }
.txt_box { padding: 50px 0 0 }
.inner-page.services_details.services_detials_page.page-id-is-2402 .cdc_box01_main { min-height: 320px; }
/*******************************************************************************************************************************/
/************************************************* Pagination style *********************************************************/
/*******************************************************************************************************************************/
.inner-page .my_pagination { margin: 20px auto; display: table; }
.inner-page .my_pagination .pagination .wp-pagenavi { display: inline-block; vertical-align: top }
.inner-page .my_pagination .pagination .wp-pagenavi span.current { background: #0b74b9; color: #fff }
.inner-page .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 }
.inner-page .my_pagination .pagination .wp-pagenavi a + span, .my_pagination .wp-pagenavi a + a, .my_pagination .wp-pagenavi span + a { border-left: 0 }
.inner-page .my_pagination .pagination .wp-pagenavi .nextpostslink, .my_pagination .wp-pagenavi .previouspostslink { font-size: 22px; line-height: 34px }
.inner-page .my_pagination .pagination li { padding: 0; float: left; font-weight: 400 }
.inner-page .my_pagination .pagination li:before { display: none !important }
.inner-page .my_pagination .pagination li a { border-radius: 0; -webkit-border-radius: 0; color: #fff; padding: 0; height: 40px; width: 40px; line-height: 40px; background: #fd8a16; margin: 0; border: none; font-size: 16px; display: block; }
.inner-page .my_pagination .pagination { margin: 0; padding: 0; vertical-align: top }
.inner-page .my_pagination .pagination li.disabled a { pointer-events: none }
.inner-page .my_pagination .pagination li.selected a { background: #2db1ff; pointer-events: none; color: #fff }
.inner-page .my_pagination .pagination li a:hover { background: #2db1ff; color: #fff }
.inner-page .my_pagination .pagination li:first-child a, .inner-page .my_pagination .pagination li:last-child a { line-height: 36px; font-size: 26px }
.inner-page .my_pagination .pagination li+li { margin-left: 3px }
/****************************************************************************************************************************/
/************************************************ Form Error style **************************************************/
/****************************************************************************************************************************/
.wpcf7-not-valid-tip { padding: 0 5px; margin: 0; z-index: 2; font-size: 14px !important; line-height: 25px; background: #f00; position: absolute; color: #fff !important; font-weight: normal; }
.wpcf7-not-valid-tip { top: 100%; left: 0 }
.wpcf7-not-valid-tip:before { background: #f00; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; top: -3px; left: 7px; display: block; width: 5px; content: ""; height: 5px; }
.contact_form_map .wpcf7 .ajax-loader { position: absolute; right: 15px; top: 15px }
.home_cnt_form .wpcf7 .ajax-loader { position: absolute; right: 15px; top: 15px }
.wpcf7-form-control-wrap { position: relative; display: block; }
div.wpcf7-response-output { margin: 0 0 20px !important; padding: 0.2em 1em; float: left; width: 100%; background: #fff; text-align: center; position: relative; border-radius: 0; font-size: 15px; }
.inner_banner_form .wpcf7-response-output { font-size: 15px; }
.contact_us_02 .wpcf7-not-valid-tip { top: 100%; left: 0; }
.home_banner_form .wpcf7-response-output { font-size: 12px; }
.home_banner_form .wpcf7 .ajax-loader { position: absolute; right: 15px; z-index: 1; top: 15px; }
.home_banner_form .wpcf7-form label.error { font-size: 13px; }
/****************************************************************************************************************************/
/************************************************ Locations Page style **************************************************/
/****************************************************************************************************************************/
.areas_btn { float: left; width: 100%; margin: 30px 0; }
.areas_btn ul { list-style-type: none; float: left; width: 100%; padding: 0; }
.areas_btn ul li { margin: 0 11px 0 0; width: 19%; float: left; list-style-type: none; display: inline-block; padding: 20px 25px; border-bottom: 5px solid #fe912a; background: -webkit-linear-gradient(top, rgba(253,138,22,0.9) 0%, rgba(45,177,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(253,138,22,0.9) 0%, rgba(45,177,255,0.9) 100%); font-size: 1em; box-shadow: 0px 5px 10px rgba(0,0,0,.1); transition: all .5s ease; min-height: 45px; color: #3a3a3a; text-align: center; }
.areas_btn ul li a { color: #fff; font-size: 32px; line-height: 40px; display: block; }
.areas_btn ul li:last-child { margin: 0 }
.inner-page .areas_btn ul li:before { display: none; }
.inner-page .areas_btn ul li a:hover { color: #000 }
.inner-page .location_list ul li a { color: #555 }
.inner-page .location_list ul li a:hover { color: #fd8a16 }
.location_text_02 .txt_box { padding: 0 }
.inner-page .location_list .inner-page ul li:before { top: 8px; }
.location_text_02 { margin: 0 0 30px; padding: 0; }
.location_text_02 .location_text_main { background: #fe912a; padding: 15px; text-align: center; min-height: 260px; }
.location_text_02 .icon_box { background: #fff; width: 100px; height: 100px; border-radius: 50%; margin: 0 auto 20px; padding: 26px 0 0; }
.location_text_02 .icon_box img { max-width: 50px; }
.location_text_02 .location_text_main p { font-weight: 400; color: #fff; }
.carpent_set_bottom { background: #2db1ff; float: left; padding: 10px 0 0; text-align: center; width: 100%; margin: 20px 0 30px; }
.carpent_set_bottom p { color: #fff; font-size: 25px; }
.carpent_set_bottom a { background: #fe912a; border-radius: 5px; color: #fff; font-size: 19px; padding: 7px 10px; -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; }
.whychooseus { background: #2db1ff; border: solid 1px #2db1ff; padding: 10px; margin-top: 20px; margin-bottom: 20px; float: left; width: 100%; }
.whychooseus ul li { list-style-type: none; padding:0 10px 0 40px !important; position: relative; font-size: 18px !important; color: #fff; line-height: 25px; margin-bottom: 15px; }
.whychooseus ul li:before { content: "\f046"; font: normal normal normal 18px/1 FontAwesome; position: absolute; left: 0; top: 0; font-size: 32px; color: #fff; }
.contact_img { margin: 0 0 20px; text-align: center; }
.inner-page .carpent_set_bottom ul li { padding: 0 }
.inner-page .carpent_set_bottom ul li:before { background: none }
.location_text { float: left; width: 100%; }
.inner-page .whychooseus ul { padding: 0 }
.inner-page .whychooseus ul li:before { background: none }
.inner-page .carpent_set_bottom a:hover { background: #222; }
.location_text { float: left; width: 100%; margin: 0 0 30px; border: 1px solid #fe912a; padding: 20px; }
.inner-page .location_text ul li:before { background: none }
.inner-page .location_text ul li { background: rgba(0,0,0,0) url(//www.mrductcleaning.com.au/wp-content/themes/duct/images/bullet-type.png) no-repeat scroll left center; font-size: 17px; font-weight: 400; list-style: outside none none; padding-left: 37px; }
.before-after-gallery { float: left; width: 100%; padding: 0; }
.before-after-gallery .row { display: block; width: 100%; }
.center_gallery { width: 50%; float: left; }
.before-after-gallery .col-md-6 { max-width: 100%; flex: 0 0 100%; margin: 0 0 30px }
/****************************************************************************************************************************/
/******************************************* content section section style *******************************************/
/****************************************************************************************************************************/
.hl_content_01 { padding: 72px 0 50px 0; float: left; width: 100%; }
.title_txt { }
.title_txt h2 { color: #00447c; font-size: 32px; line-height: 40px; margin: 0 0 15px }
.title_txt p { color: #555555; font-size: 16px; line-height: 30px; padding: 0 0 45px }
.hl_content_main { border: 1px solid #999999; padding: 35px 20px 44px 40px; margin: 0 0 30px; min-height: 415px }
.hl_content_main h3 { font-size: 24px; color: #222222; margin: 0 0 16px }
.hl_content_main p { color: #555555; font-size: 16px; line-height: 30px; }
/****************************************************************************************************************************/
/******************************************* BG color content section section style *******************************************/
/****************************************************************************************************************************/
.hl_bg_color { background: #00447c; padding: 80px 0; float: left; width: 100%; }
.hl_bg_color01 { background: #2986c2; padding: 80px 0; float: left; width: 100%; }
.hl_bg_color02 { background: #fd8a16; padding: 80px 0; float: left; width: 100%; }
.hl_bg_color01 .img_box { margin: 0 0 0 20px }
.hl_bg_color_txt { padding: 9px 0 0 }
.hl_bg_color_txt h3 { color: #fff; font-size: 32px; line-height: 50px; margin: 0 0 44px; position: relative; }
.hl_bg_color .hl_bg_color_txt h3:before { position: absolute; content: ""; left: 0; bottom: -22px; width: 100px; height: 4px; background: #fd8a16 }
.hl_bg_color01 .hl_bg_color_txt h3:before { position: absolute; content: ""; left: 0; bottom: -22px; width: 100px; height: 4px; background: #00447c }
.hl_bg_color02 .hl_bg_color_txt h3:before { position: absolute; content: ""; left: 0; bottom: -22px; width: 100px; height: 4px; background: #00447c }
.hl_bg_color_txt p { color: #fff; font-size: 16px; line-height: 30px; }
/****************************************************************************************************************************/
/******************************************* hl_reason section section style *******************************************/
/****************************************************************************************************************************/
.hl_reason { padding: 74px 0 63px; float: left; width: 100%; }
.hl_reason_txt { }
.hl_reason_txt h3 { font-size: 32px; line-height: 40px; color: #222222; margin: 0 0 15px }
.hl_reason_txt p { color: #555555; font-size: 16px; line-height: 30px; }
.hl_reason_txt ul { list-style-type: none; margin: 9px 0 10px; padding: 0 0 0 10px; }
.hl_reason_txt ul li { line-height: 26px; padding: 0 0 4px 23px; position: relative; }
.hl_reason_txt ul li:before { position: absolute; top: 8px; left: 0; content: ""; background: #fd8a16; width: 8px; height: 8px; }
/****************************************************************************************************************************/
/******************************************* hl_cnt_icon section section style *******************************************/
/****************************************************************************************************************************/
.hl_cnt_icon { background: #f5f5f5; padding: 80px 0; float: left; width: 100%; }
.hl_cnt_icon_box { }
.hl_cnt_icon_img { width: 170px; height: 170px; border-radius: 50%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 0 40px; position: relative; }
.hl_cnt_icon_img:before { position: absolute; content: ""; background: url(../images/dotted_border.png) no-repeat; width: 130px; height: 130px; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.color_01 { background: #00447c; }
.color_02 { background: #2986c2; }
.color_03 { background: #fd8a16; }
.hl_cnt_icon_img img { text-align: center }
.hl_cnt_icon_box .hl_cnt_icon_txt h3 { font-size: 24px; line-height: 40px; color: #222222; }
.hl_cnt_icon_box .hl_cnt_icon_txt p { color: #555555; font-size: 16px; line-height: 30px; padding: 0 30px 0 0 }
/****************************************************************************************************************************/
/******************************************* hl_content06 section section style *******************************************/
/****************************************************************************************************************************/
.hl_content06 { padding: 75px 0 0; float: left; width: 100%; }
.hl_content07 { padding: 75px 0 55px; background: #f5f5f5; float: left; width: 100%; }
.hl_content07 h3 { margin: 0 0 18px }
.left_section { padding: 0 0 80px; }
.right_txt h3 { font-size: 32px; line-height: 50px; color: #00447c; margin: 0 0 10px }
.right_txt p { color: #555555; font-size: 16px; line-height: 30px; }
.right_txt ul { list-style-type: none; margin: 9px 0 25px; padding: 0 0 0 10px; }
.right_txt ul li { line-height: 26px; padding: 0 0 4px 23px; position: relative; }
.right_txt ul li:before { position: absolute; top: 8px; left: 0; content: ""; background: #fd8a16; width: 8px; height: 8px; }
.right_txt { padding: 39px 0 0; }
.left_right_sec .right_txt { padding: 0; margin: -12px 0 0 }
.left_right_sec .right_txt h3 { margin: 0 0 11px }
.left_right_sec .right_txt ul { margin: 28px 0 0 0px }
.hl_content06.left_right_sec { padding: 79px 0 0 0 }
/****************************************************************************************************************************/
/******************************************* hl_content08 section section style *******************************************/
/****************************************************************************************************************************/
.hl_content08 { padding: 76px 0 27px; float: left; width: 100%; }
.hl_content08 h3 { margin: 0 0 52px; font-size: 32px; }
.hl_content08_box_main { }
.hl_content08_box_main .numbers { float: left; width: 80px; height: 80px; border-radius: 50%; background: #2986c2; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; margin: 7px 0 0 11px }
.hl_content08_box_main .numbers:before { position: absolute; content: ""; left: -14px; bottom: -10px; width: 80px; height: 80px; border-radius: 50%; background: #fd8a16; z-index: -1; }
.hl_content08_box_main .numbers span { color: #fff; font-size: 32px; line-height: 40px; font-family: 'Roboto Bold'; display: block; }
.hl_content08_box_main .right_cnt { float: right; width: 80.7%; margin: 0 0 28px 0 }
.hl_content08_box_main .right_cnt h3 { font-size: 24px; line-height: 40px; margin: 0 0 10px }
/* 7 - 11 - 19 */
.faq_common{
    padding: 76px 0 27px;
    float: left;
    width: 100%;
}
/****************************************************************************************************************************/
/******************************************* call-to-action section section style *******************************************/
/****************************************************************************************************************************/
.call-to-action { background: #2986c2; padding: 40px 0; float: left; width: 100%; }
.call-to-action .left-btn strong { font-size: 28px; line-height: 40px; color: #fff; padding: 0 15px 80px 0; text-align: center; display: block; position: relative; text-transform: uppercase; text-shadow: 2.4px 1.8px 0 rgba(0,0,0,.23); background: url(../images/arrow_01.png) no-repeat 70px 45px }
.call-to-action .left-btn strong span { font-weight: 300 }
.call-to-action .or { float: right; position: relative; color: #000; z-index: 99; margin-right: 88px }
.call-to-action .or:before { width: 80px; height: 80px; background: #fff; content: ""; position: absolute; top: -24px; left: -23px; z-index: -1; transform: rotate(45deg) }
.call-to-action .left-btn strong:before { position: absolute; content: ""; width: 135px; height: 65px; background: url(../images/arrow_02.png) no-repeat; top: 0; right: 0; background-size: 135px }
.call-to-action .left-btn .arrow { display: block; padding: 15px 0 0 90px; font-size: 24px; text-transform: uppercase; color: #fff; font-weight: 700; margin-bottom: 15px }
.left-btn .btn a { display: inline-block; padding: 30px 40px 30px 120px; background: #fe912a url(../images/user_icon.png) no-repeat 18px 12px; font-size: 60px; line-height: 65px; color: #fff; font-weight: 700; border-radius: 10px; box-shadow: inset 0 -7px 0 rgba(0,0,0,.18), inset 0 0 0 rgba(0,0,0,.18); margin: 20px 0 0 0 }
.left-btn .btn a:hover { text-decoration: none; background-color: #f58822 }
.form-area .call-form { background: #fe912a; padding: 15px 25px; border-radius: 5px }
.form-area .wpcf7 input, .form-area .wpcf7 textarea { background: #eb7a10 }
.form-area>strong { display: block; text-align: center; background: #eb7a10; color: #fff; font-size: 28px; padding: 15px 25px; margin-bottom: 15px; font-weight: 400; border-radius: 5px }
.form-area .wpcf7 input, .form-area .wpcf7 textarea { font-size: 14px }
.call-form h2 { text-transform: uppercase }
.call-form h2 { text-shadow: 2px 2px 5px #de7f25; font-size: 46px }
.call-form strong { display: block; text-transform: uppercase; color: #000; text-align: center; font-size: 23px; margin-bottom: 15px }
.call-form .wpcf7 input[type=submit] { background: #2986c2; color: #fff; font-size: 18px; padding: 10px; display: block }
.call-to-action .home_banner_form { position: relative; right: 0; max-width: 100%; background: #fe912a; top: 0;padding: 10px 0; }
.call-to-action .home_banner_form .contact-form .submit-btn { min-width: 100%; background: #2986c2; }
.call-to-action .home_banner_form .contact-form .submit_btn_box { display: block }
.call-to-action .home_banner_form h2 { background: #000 }
.call-to-action .home_banner_form .contact-form { padding: 0 0; }
.call-to-action .home_banner_form .contact-form .form-control:focus { border-color: #000 !important; }
.call-to-action .main_title h2 { color: #fff; background: #eb7a10; margin: 0 0 10px; font-size: 30px; padding: 10px 0; }
.call-to-action .home_banner_form h3.form_title { color: #000; text-transform: uppercase; font-size: 25px; margin: 0 }
.call-to-action .home_banner_form h3.form_title span { color: #fff; text-transform: uppercase; font-size: 45px }
.call-to-action .home_banner_form .contact-form .form-group { margin-bottom: 0 }
/****************************************************************************************************************************/
/************************************************ Popup Form style **************************************************/
/****************************************************************************************************************************/
.armodal_popup_main { padding: 20px 30px; /*min-height: 520px;*/height: 100%; max-width: 700px; margin: 0 auto; top: 50%; transform: translateY(-50%); position: relative; }
/*.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: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background: rgba(0,0,0,.7); text-align: left }
.armodal { margin: 0 auto; width: 100%; background: #fff; position: absolute; padding: 0;    overflow: scroll; /*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%);*/ height: 100%; max-height: 100%; max-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; border-radius: 0 }
.armodal-close { position: absolute; top: 15px; right: 15px; font-size: 24px; color: #b9b9b9; font-weight: 900;z-index: 9999; }
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,.3)!important; font-weight: 400; font-size: 16px; padding: 10px 18px }
.armodal_box input.submit-btn { display: inline-block; text-align: center; line-height: 50px; min-width: 200px; position: relative; z-index: 1; color: #fff; font-family: 'WorkSans-Bold'; font-size: 16px; 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: 0; margin: 0; overflow: hidden; background: #214486; }
.armodal_box input.submit-btn:focus { background: #ff9900 }
.armodal_box .required-field { margin-bottom: 0; clear: both; position: absolute; bottom: 40px; right: -275px }
.armodal_box .submit_btn_box { float: none; margin-bottom: 0; position: relative; text-align: center }
.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: #214486!important; box-shadow: 0 0 5px #214486 }
.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 {
color:#606060;
opacity:1
}
.armodal_box input:-moz-placeholder, .armodal_box textarea:-moz-placeholder {
color:#606060;
opacity:1
}
.armodal_box input::-moz-placeholder, .armodal_box textarea::-moz-placeholder {
color:#606060;
opacity:1
}
.armodal_box form input:-ms-input-placeholder, .armodal_box form textarea:-ms-input-placeholder {
color:#606060;
opacity:1
}
.armodal .form_section .form-group { margin-bottom: 15px }
.armodal_box .btn_quote { text-align: center; margin: 0 auto; display: table }
.armodal_box .btn_quote .btn_send { display: inline-block; text-align: center; line-height: 50px; min-width: 200px; position: relative; z-index: 1; color: #fff; font-family: 'Roboto Bold'; font-size: 16px; 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: 0; margin: 0; overflow: hidden; background: #214486; }
.armodal_box .btn_quote .btn_send:focus { background: #00a0e8 }
.btn_get_quote { position: fixed; top: 50%; transform: translateY(-50%) rotate(90deg); right: -74px; -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); z-index: 99; font-family: 'Roboto Bold'; }
.btn_get_quote a { width: 200px; min-height: 50px; display: block; font-size: 16px; color: #fff; line-height: 47px; text-align: center; text-shadow: none; border: none; 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; background: #214486; border-radius: 0; text-transform: uppercase }
.armodal_box .wpcf7 .ajax-loader { position: absolute; right: 38%; top: 18px }
/***********************************************************************************************/
.super-form-2850 .super-multipart-progress-bar { background-color: #2986c2 !important; }
.super-form-2850 .super-multipart-steps .super-multipart-step.active .super-multipart-step-wrapper { background-color: #fd8a16 !important; }
.super-form-2850 .super-radio .super-field-wrapper label:before, .super-form-2850 .super-checkbox .super-field-wrapper label:before { border-color: #2986c2 !important; }
.super-checkbox .super-field-wrapper label.super-active:before { background-color: #2986c2; }
div .super-field-size-medium .super-checkbox .super-field-wrapper label:before, div .super-field-size-medium .super-checkbox .super-field-wrapper label:after { width: 22px; height: 22px; }
.super-form-2850 .super-radio .super-field-wrapper label:after, .super-form-2850 .super-checkbox .super-field-wrapper label:after { background-color: #2986c2 !important; }
.super-button-medium.super-type-flat .super-button-wrap { padding: 12px 41px 12px 41px !important; background: #2986c2 !important; text-transform: uppercase !important; font-weight: bold !important; }
.super-heading-title h1 { margin: 0 0 10px !important; text-align: center !important; }
.super-form-2850 .super-checkbox.display-vertical .super-field-wrapper label { font-size: 16px !important; border: 1px solid #000; margin: 0 0 10px !important; padding: 10px 20px 10px 40px !important; width: 100% !important; }
.super-field-size-medium .super-field.super-dropdown .super-field-wrapper .super-shortcode-field { height: 200px !important }

.super-checkbox .super-field-wrapper label:before {left: 0px;top: 50% !important;transform: translate(9px, -50%);margin-top: 0 !important;}

.super-heading-description { text-align: center !important; font-size: 24px !important; }
ul.super-multipart-steps { float: none !important; display: table !important; margin: 0 auto 20px!important; width: auto !important }
.super-field-size-medium .super-checkbox.display-vertical .super-field-wrapper label:after {left: 13px !important;top: 14px !important;margin: 0 !important }
.super-checkbox .super-field-wrapper label:after { content: ""; background: url(../images/tick-sign.svg); background-size: 14px; height: 14px !important; width: 14px !important; background-position: center }
.super-form-2850 .super-field .super-field-wrapper .super-shortcode-field { font-size: 15px !important }
.super-field-size-medium .super-field .super-field-wrapper .super-shortcode-field { height: 40px !important; }
/*.super-field-size-medium .super-field .super-field-wrapper .super-dropdown-ui li{height: 40px !important;}*/
/*.super-second-responsiveness .super-field .super-field-wrapper .super-dropdown-ui li{line-height: 35px !important;}*/
.super-form-2850 .super-field .super-field-wrapper .super-dropdown-ui li { font-size: 15px !important }
.super-grid > .super-column.super_one_half.first-column { width: 100% !important }
.super-msg > h1 { font-size: 20px !important; margin: 0px 0 10px !important }
.guarantee-satisfaction { position: absolute; right: 350px; top: 0; }





.bottom_bar {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;background-color: #fd8a16;text-align: center;z-index: 99;}
.bottom_bar p {color: #fff;padding: 0;display: inline-block;left: 50%; transform: translate(-50%, -50%);top: 50%; position: absolute;}
.grecaptcha-badge {bottom: 50px !important;}
.navigation ul.menu > li:last-child > a {background: #2986c2;color: #fff;padding:10px 25px;}
.navigation ul.menu > li:last-child > a:hover {background: #fd8a16;}
footer {
    margin-bottom: 40px;
    width: 100%;
    float: left;
}

.banner .bx-wrapper .bx-pager {bottom: 20px;}
.text-cnt img {left: 0;transform: unset;}
.bottom_bar .container { display: flex; align-items: center; justify-content: flex-end;}
.enquiry a {background: #2986c2;color: #fff;padding: 5px 40px;float: left;border:2px solid transparent;}
.enquiry a:hover  {border-color:#2986c2;color: #fff;background: transparent; }
ul.super-multipart-steps .super-multipart-step:last-child {margin-right: 0;}
.banner .bx-wrapper .bx-caption { top:9%;}
.services_detials_page .middle_banner_txt a {margin-right: 0px;}
.blog-sec img {margin-bottom: 15px;}

.bx-wrapper .bx-caption{top:8%;} .text-cnt{max-width:70%}
.banner_bottom {
    width: 100%;
        display: block;
    background-color:#222222;
    padding: 30px 0;
}
.banner_bottom p {
    font-size: 25px;
    text-align: center;
    color: #fff;
    padding: 0;
}

div.wpcf7 .ajax-loader {    z-index: 999;}
.home_banner_form span.select_arrow {  display: none;}

.desktop_none {display:none;}
.mobile_none {}

.blur {
    background: url(https://www.mrductcleaning.com.au/wp-content/uploads/2019/12/background-plus-50-transparent-filter.jpg);
    background-position: center;
    overflow: hidden;
    filter: blur(5px);
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-attachment: fixed;
}
/*7/1/2019*/
.mobnum{ display:none; }
.getbtn { padding: 5px 15px; display: inline-block; vertical-align: middle; text-transform: capitalize; color: #000; background: #f4891e; border: 2px solid #f4891e; border-radius: 5px; font-size: 24px; line-height: 33px; margin-bottom: 15px; }
.getbtn span { text-transform: uppercase; color: #0053ba; }
.getbtn:hover { background:#0053ba; color:#fff; }
.getbtn:hover span { color:#f4891e; }