@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) */



p { font-family: 'SourceSansPro-Regular'; font-size: 17px; color: #2e2e2e; line-height: 26px; font-weight: normal; padding: 0 0 20px 0; }
h1, .h1 { font-size: 40px; margin: 0 0 20px 0; font-family: 'SourceSansPro-Bold'; font-weight: normal; color: #2e2e2e; text-transform: uppercase; }
h2, .h2 { font-size: 35px; margin: 0 0 20px 0; font-family: 'SourceSansPro-Bold'; font-weight: normal; color: #2e2e2e; text-transform: uppercase; }
h3, .h3 { font-size: 30px; margin: 0 0 20px 0; font-family: 'SourceSansPro-Bold'; font-weight: normal; color: #2e2e2e; text-transform: uppercase; }
h4, .h4 { font-size: 25px; margin: 0 0 20px 0; font-family: 'SourceSansPro-Bold'; font-weight: normal; color: #2e2e2e; text-transform: uppercase; }
h5, .h5 { font-size: 20px; margin: 0 0 20px 0; font-family: 'SourceSansPro-Bold'; font-weight: normal; color: #2e2e2e; text-transform: uppercase; }
h6, .h6 { font-size: 18px; margin: 0 0 20px 0; font-family: 'SourceSansPro-Bold'; font-weight: normal; color: #2e2e2e; text-transform: uppercase; }
span.h1, span.h2, span.h3, span.h4, span.h5, span.h6 { display: block }
body { font-family: 'SourceSansPro-Regular'; font-size: 17px; color: #2e2e2e; line-height: 26px; font-weight: normal; }
/****************************************************************************************************************/

.wrapper { height: auto !important; height: 100%; margin: 0 auto }
.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 }
.mt10 { margin-top: 10px }
.mt15 { margin-top: 15px }
.mt20 { margin-top: 20px }
.mt30 { margin-top: 30px }
.mb10 { margin-bottom: 10px }
.mb15 { margin-bottom: 15px }
.mb20 { margin-bottom: 20px }
.mb30 { margin-bottom: 30px }
.mtb10 { margin-bottom: 10px; margin-top: 10px }
.mtb15 { margin-bottom: 15px; margin-top: 15px }
.mtb20 { margin-bottom: 20px; margin-top: 20px }
.mtb30 { margin-bottom: 30px; margin-top: 30px }
.pt10 { padding-top: 10px }
.pt15 { padding-top: 15px }
.pt20 { padding-top: 20px }
.pt30 { padding-top: 30px }
.pb10 { padding-bottom: 10px }
.pb15 { padding-bottom: 15px }
.pb20 { padding-bottom: 20px }
.pb30 { padding-bottom: 30px }
.ptb10 { padding-bottom: 10px; padding-top: 10px }
.ptb15 { padding-bottom: 15px; padding-top: 15px }
.ptb20 { padding-bottom: 20px; padding-top: 20px }
.ptb30 { padding-bottom: 30px; padding-top: 30px }
img { max-width: 100%; height: auto }
.alignleft { float: left }
.alignright { float: right }
img.alignleft { margin: 0 30px 20px 0 }
img.alignright { margin: 0 0 20px 30px }
img.aligncenter { display: block; margin: 0 auto 20px auto }
.site-main { overflow: hidden }
::selection { background: #01866e; color: #FFF }

::-moz-selection {
 background:#01866e;
 color:#FFF;
}

::-webkit-selection {
 background:#01866e;
 color:#FFF;
}
.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; }
/****************************************************************************************************************/ 

/************************************* header section styles goes here ******************************************/

/****************************************************************************************************************/ 

.head-top-main { background: #2e2e2e; min-height: 40px; max-height: 100px; 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; }
.left-head-top { float: left; padding: 8px 0px 0 0 }
.left-head-top .top-link { padding: 7px 0; transition: all 0.4s ease 0s; margin: 0; }
.left-head-top .top-link { display: inline-block; margin: 0; padding: 0 30px 0 0; float: left; }
.left-head-top .top-link a { position: relative; }
.left-head-top .head-address span { color: #fff; font-size: 16px; font-weight: 500; padding: 0 0 0 6px; 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; position: relative; top: -1px; }
.left-head-top .head-call > span { color: #fff; font-size: 15px; padding: 0 0 0 3px; position: relative; top: -1px; 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; }
.left-head-top i { color: #fff; font-size: 15px; 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; }
.left-head-top i.fa-phone { transform: rotate(90deg); font-size: 16px; }
.left-head-top .head_social_icons ul li { display: inline-block; margin: 0 10px 0 0; }
.head_social_icons { float: left; position: relative; padding: 0 0 0 10px }
.head_social_icons:before { position: absolute; left: -11px; top: 5px; background: #fff; width: 1px; height: 15px; content: ""; }
.right-head-top { float: right; padding: 5px 0 0 }
.right-head-top ul li { display: inline-block; position: relative; margin: 0 0 0 18px; line-height: 30px; }
.right-head-top ul li:before { position: absolute; right: -9px; top: 8px; background: #fff; width: 1px; height: 15px; content: ""; }
.right-head-top ul li a { color: #fff; text-transform: uppercase; font-family: 'SourceSansPro-Regular'; font-size: 14px; }
.right-head-top ul li:last-child:before { display: none; }
.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: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }
.header .logo img { 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; }
.logo { padding: 17px 0 16px 0; float: left; position: relative; display: block; margin: 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;width:265px; }
.header_right { float: right; padding: 22px 0 0 0; }
.header-navigation { float: left; }
.header-search { float: right; margin: 0 0 0 22px }
/************ search_box ************/

.search-box-main { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.85); z-index: 10; display: none }
.header-search a { color: #01866e; font-size: 16px; margin: 14px 0 0 0; display: block; }
.search-box { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; max-width: 900px; padding: 0 15px }
.search-box form { position: relative; padding: 0 105px 0 0 }
.search-text { border: none; height: 70px; width: 100%; padding: 10px 15px; font-weight: normal; color: #fff; background: transparent; border: 2px solid #06a689; font-size: 18px; }
 .search-text::-webkit-input-placeholder {
 color:#fff;
 opacity:1
}
 .search-text:-moz-placeholder {
 color:#fff;
 opacity:1
}
 .search-text::-moz-placeholder {
 color:#fff;
 opacity:1
}
 .search-text:-ms-input-placeholder {
 color:#fff;
 opacity:1
}
.search-input { background: #06a689; border: none; height: 70px; font-weight: normal; color: #fff; font-size: 16px; padding: 0px 44px 0 20px; position: absolute; right: 0; top: 0; border: 2px solid #06a689; }
.search-box form:before { content: "\f002"; font-family: 'Font Awesome'; font-weight: 900; position: absolute; top: 45%; right: 15px; font-size: 20px; color: #fff; z-index: 1; pointer-events: none; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); font-style:normal;}
.search-box-main .search-close { position: absolute; top: 30px; right: 30px; font-size: 22px; color: #fff; cursor: pointer; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease }
body.popup { overflow: hidden }
.banner { padding: 135px 0 0 }
#slider1 { position: relative; }
#slider1 li:before { position: absolute; top: 0; left: 0; right: 0; content: ""; background: rgba(0,0,0,0.35); width: 100%; height: 100%; z-index: -1; }
/****************************************************************************************************************/

/************************************* header section styles goes ends ******************************************/

/****************************************************************************************************************/



/****************************************************************************************************************/

/************************************* midd section styles goes here ********************************************/

/****************************************************************************************************************/



/********************************* we_can_help section style ******************************/

.we_can_help { float: left; width: 100%; padding: 73px 0 80px; }
.we_can_help h2 { position: relative; }
.we_can_help h2:before { position: absolute; bottom: -17px; left: 50%; transform: translateX(-50%); content: ""; width: 40px; height: 4px; background: #2e2e2e }
.we_can_help_carousel { float: left; width: 100%; padding: 38px 0 0 0; position: relative }
.we_can_help_carousel h3 { text-align: center; background: #f5f5f5; margin: 0; font-size: 24px; padding: 30px 0 33px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease }
.we_can_help_carousel .numbers { position: relative; z-index: 1 }
.we_can_help_carousel .numbers span { position: absolute; left: 27px; top: -21px; color: #2e2e2e; border-radius: 50%; width: 39px; height: 39px; text-align: center; background: #fff; font-family: 'SourceSansPro-Semibold'; padding: 6px 0 0 }
.we_can_help_carousel .numbers:before { position: absolute; left: 20px; top: -28px; width: 52px; height: 52px; background: rgba(255,255,255,0.50); border-radius: 50%; content: ""; }
.hover_text { opacity: 0; background: rgba(255,255,255,0.80); text-align: center; padding: 10px 0; position: absolute; bottom: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease }
.hover_text p { font-size: 17px; color: #2e2e2e; padding: 0 }
.we_can_help_carousel .item { padding-top: 20px; transition: all 0.5s ease; }
.we_can_help_carousel .owl-nav { position: absolute; left: 0; top: 56%; transform: translateY(-50%); width: 100%; display: block; }
.we_can_help_carousel .owl-nav span { display: none; }
.we_can_help_carousel .owl-nav .owl-prev { background: url(../images/left_carousel_arrow.png) no-repeat; width: 19px; height: 37px; float: left; margin: 0 0 0 -75px }
.we_can_help_carousel .owl-nav .owl-next { background: url(../images/right_carouesl_arrow.png) no-repeat; width: 20px; height: 38px; float: right; margin: 0 -75px 0 0 }
/********************************* Welcome section style ******************************/
.welcome_section { position: relative; background: #f5f5f5; margin-bottom: 80px; float: left; width: 100%; padding: 0 0 30px }
.welcome_section .welcome_img_box { left: 0; overflow: hidden; position: absolute; right: 50%; top: 0; margin: 77px 144px -37px 92px; }
.welcome_section .welcome_img_box img { min-height: 100%; min-width: 100%; max-width: inherit; right: 0; top: 0; width: auto; }
.welcome_conent_main { padding: 104px 0 0; }
.welcome_conent_main h1 { font-size: 35px; line-height: 43px; margin: 0 0 47px; position: relative; }
.welcome_conent_main h2 { font-size: 35px; line-height: 43px; margin: 0 0 20px; position: relative; }
.welcome_conent_main h3 { font-size: 35px; line-height: 43px; margin: 0 0 20px; position: relative; }
.welcome_conent_main h4 { font-size: 35px; line-height: 43px; margin: 0 0 20px; position: relative; }
.welcome_conent_main h5 { font-size: 35px; line-height: 43px; margin: 0 0 20px; position: relative; }
.welcome_conent_main h6 { font-size: 35px; line-height: 43px; margin: 0 0 20px; position: relative; }
.welcome_conent_main h1:before { position: absolute; bottom: -15px; left: 0; content: ""; width: 40px; height: 4px; background: #2e2e2e }
.hl-welcome-content p { color: #2e2e2e; padding: 0 0 26px }
.hl-welcome-content a { color: #01866e; padding: 0 }
.hl-welcome-content a:hover { color: #2e2e2e; }
.welcome_conent_main ul li { color: #2e2e2e; padding: 0 }
.wel_btn { margin: 6px 0 0; }
.wel_btn a { display: inline-block; text-align: center; line-height: 50px; min-width: 190px; position: relative; z-index: 1; color: #fff; font-family: 'SourceSansPro-Semibold'; font-size: 17px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; vertical-align: top; padding: 0; border-radius: 30px; margin: 0; overflow: hidden; text-transform: uppercase; background: #01866e; text-transform: uppercase; }
.wel_btn a i { font-size: 13px; vertical-align: middle; margin: -1px 3px 0; }
.welcome_conent_main { margin: 0 0 0 0; text-align: left; max-height: 580px; overflow: hidden; }
div#mCSB_1_container ul li { color: #2e2e2e !important; text-align: left; padding-right: 20px; padding-left: 35px; }
div#mCSB_1_container ul { /*display: inline-block ; */margin: 0 0 30px; }
div#mCSB_1_container ul li { color: #2e2e2e !important; text-align: left; padding-right: 0; padding-left: 32px; background: url(../images/bullet-icon.png) no-repeat left 4px; }
div#mCSB_1_container ul li:first-child { background: url(../images/bullet-icon.png) no-repeat left 4px !important; }
/******************************** Services icon section style *************************************/

.services_icon { float: left; width: 100%; padding: 48px 0 48px }
.services_icon h2 { position: relative; font-size: 28px; }
.services_icon h2:before { position: absolute; bottom: -17px; left: 50%; transform: translateX(-50%); content: ""; width: 40px; height: 4px; background: #2e2e2e }
.services_icon_carousel { float: left; width: 100%; text-align: center; padding: 42px 0 0 }
.services_icon_carousel .icon_box { margin: 0 0 20px; position: relative; display: inline-block; }
.services_icon_carousel .icon_title h3 { font-size: 20px; text-transform: capitalize; position: relative; }
.services_icon_carousel .icon_title h3:before { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); content: ""; width: 20px; height: 4px; background: #c0c0c0; 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; }
.services_icon_carousel.owl-carousel .owl-item img { width: auto; margin: 0 auto }
.services_icon_carousel.owl-carousel .owl-item img.with_hover { position: absolute; left: 0; top: 0; opacity: 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; }
.services_icon_carousel.owl-carousel .owl-item img.without_hover { 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; }
.services_icon_carousel .owl-dots { display: flex; flex-wrap: wrap; justify-content: center; margin: 32px 0 0 }
.services_icon_carousel.owl-theme .owl-dots .owl-dot span { background: url(../images/dot_icon.png) no-repeat !important; width: 10px !important; height: 10px !important; padding: 0 !important; line-height: normal !important; border-radius: 50%; display: block; }
.services_icon_carousel.owl-theme .owl-dots .owl-dot { margin:0 9px }
.services_icon_carousel.owl-theme .owl-dots .owl-dot.active span { background: #2e2e2e !important; border: 2px solid #2e2e2e; position: relative; /*margin: 10px;*/ width: 23px; height: 23px; }
.services_icon_carousel.owl-theme .owl-dots .owl-dot.active span:before { position: absolute; top: -9px; left: -9px; content: ""; border: 2px solid #2e2e2e; width: 23px; height: 23px; border-radius: 50%; }
/**************************** special_offers section style ************************/

.special_offers { float: left; width: 100%; padding: 99px 0 94px; }
.special_offers_box { position: relative; }
.special_offers_box:before { position: absolute; content: ""; left: 16px; top: 0; background: url(../images/border_frame.png) no-repeat; width: 1138px; height: 550px; }
.special_offers_box:after { position: absolute; content: ""; left: 50%; top: -50px; background: url(../images/special_offers.png) no-repeat; width: 181px; height: 182px; transform: translateX(-90%); }
.special_offers_box h2 { font-size: 40px; margin: 0 0 15px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
.special_offers_box span { color: #01866e; font-family: 'SourceSansPro-Semibold'; font-size: 18px; line-height: 34px; text-transform: uppercase; }
.special_offers_box span.small_txt {display: block;    font-size: 12px;	    text-transform: inherit;line-height: 20px;}
.special_offers_box span.price { font-family: 'SourceSansPro-Bold'; font-size: 40px; 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; }
.special_offers_box p { padding: 0 0 16px; }
.offer_right_img { margin: 26px 0 0 0 }
.offers_01 { padding: 10px 0 10px 70px; position: relative }
.offers_01:before { position: absolute; width: 400px; height: 2px; left: 70px; top: 5px; background: #01866e; content: ""; }
/**************************************** Middle Banner section *****************************************************/

.middle_banner { position: relative; z-index: 1; float: left; width: 100%; margin: 0 auto; padding: 78px 0 86px; }
.middle_banner:before { background: rgba(1,134,110,0.85); z-index: -1; position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: "" }
.middle_banner:after { background: url(../images/pattern-3-1.png); z-index: -1; position: absolute; right: 0; top: 0; height: 424px; width: 424px; content: "" }
.middle_banner h2 { position: relative; font-size: 35px; margin: 67px 0 37px 0; color: #fff; line-height: 60px; }
.middle_banner h2:before { position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); content: ""; width: 40px; height: 4px; background: #fff }
.middle_banner h2:after { position: absolute; top: -65px; left: 50%; transform: translateX(-50%); content: ""; width: 51px; height: 43px; background: url(../images/left_quote.png) no-repeat; }
.testimonials_carousel { width: 100%; float: left; }
.testimonials_carousel p { color: #fff; font-family: 'SourceSansPro-It'; max-width: 830px; margin: 0 auto; text-align: center; }
.testimonials_carousel span { color: #fff; font-family: 'SourceSansPro-Bold'; font-size: 18px; text-align: center; display: block; text-transform: uppercase; }
.testimonials_carousel .owl-dots { display: flex; flex-wrap: wrap; justify-content: center; margin: 42px 0 0 }
.testimonials_carousel.owl-theme .owl-dots .owl-dot span { background: transparent !important; width: 10px !important; height: 10px !important; padding: 0 !important; line-height: normal !important; border: 2px solid rgba(255,255,255,0.20); border-radius: 50%; display: block; }
.testimonials_carousel.owl-theme .owl-dots .owl-dot { margin: 0 8px }
.testimonials_carousel.owl-theme .owl-dots .owl-dot.active span { background: #fff !important; position: relative }
.testimonials_carousel.owl-theme .owl-dots .owl-dot.active span:before { position: absolute; top: -8px; left: -9px; content: ""; border: 2px solid #fff; width: 23px; height: 23px; border-radius: 50%; }
/********************************* Blog section style ***************************/

.blog_box_main { float: left; width: 100%; padding: 70px 0 37px; }
.blog_box_main h2 { position: relative; font-size: 35px; }
.blog_box_main h2:before { position: absolute; bottom: -17px; left: 50%; transform: translateX(-50%); content: ""; width: 40px; height: 4px; background: #2e2e2e }
.blog_box { float: left; width: 100%; padding: 35px 0; }
.blog_box h3 { background: #f5f5f5; font-size: 20px; text-transform: inherit; margin: 0; line-height: 26px; padding: 14px 20px 27px; 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; }
.blog_img_box { margin: 0 0 13px; }
.blog_cnt p { padding: 0 0 16px; border-bottom: 1px solid #d0d0d0; }
.date_icon { float: left; }
.blog_read_more { float: right; }
.blog_read_more a { color: #01866e; text-transform: uppercase; font-size: 17px; font-family: 'SourceSansPro-Bold'; }
.blog_read_more a i { font-size: 13px; vertical-align: middle; margin: -1px 3px 0; }
.blog_btm { padding: 7px 0 0; }
.blog_btm span { color: #2e2e2e; font-family: 'SourceSansPro-Semibold'; font-size: 16px; margin: 0 0 0 10px; display: inline-block; }
.blog_box .numbers { position: relative; z-index: 1 }
.blog_box .numbers span { position: absolute; left: 27px; top: -21px; color: #2e2e2e; border-radius: 50%; width: 39px; height: 39px; text-align: center; background: #fff; font-family: 'SourceSansPro-Semibold'; padding: 6px 0 0 }
.blog_box .numbers:before { position: absolute; left: 20px; top: -28px; width: 52px; height: 52px; background: rgba(255,255,255,0.50); border-radius: 50%; content: ""; }
/**************************************** Middle Banner 01 section *****************************************************/

.middle_banner01 { position: relative; z-index: 1; float: left; width: 100%; margin: 0 auto; padding: 61px 0 47px; }
.middle_banner01:before { background: rgba(46,46,46,0.80); z-index: -1; position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: "" }
.middle_banner01 h2 { position: relative; font-size: 35px; margin: 0 0 50px 0; color: #fff; line-height: 60px; }
.middle_banner01 h2:before { position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); content: ""; width: 40px; height: 4px; background: #fff }
/**************************************** Home Contact Form section *****************************************************/

.home_cnt_form { float: left; width: 100%; }
.home_cnt_form .middle_banner_img { padding: 121px 0 97px; }
.home_cnt_form .contact-form { max-width: 800px; margin: 0 auto; }
.home_cnt_form h2 { color: #fff; position: relative; margin: 0 0 22px 0; }
.home_cnt_form .contact-form h2:before { display: none; }
.home_cnt_form .contact-form .form-group { margin-bottom: 10px; }
.home_cnt_form .contact-form .form-group textarea { margin: 4px 0 0; }
.home_cnt_form .contact-form textarea.form-control { height: 133px !important; resize: none; padding: 0; }
.home_cnt_form .contact-form .form-control { background-color: none; background: none; background-image: none; border-bottom: 2px solid #fff !important; border-left: none; border-right: none; border-top: none; border-radius: 0; box-shadow: none; color: #fff; display: block; font-size: 16px; height: 62px; line-height: 1.42857; padding: 12px 0 0; width: 100%; }
.home_cnt_form .contact-form .form-control:focus { border-color: #01866e !important; }
.home_cnt_form .contact-form-main h2 { padding: 20px 0 0; font-size: 30px; color: #303030; }
 .home_cnt_form .contact-form input::-webkit-input-placeholder, .home_cnt_form .contact-form textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 color:#fff;
 opacity:1;
}
 .home_cnt_form .contact-form input:-moz-placeholder, .home_cnt_form .contact-form textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:#fff;
 opacity:1;
}
 .home_cnt_form .contact-form input::-moz-placeholder, .home_cnt_form .contact-form textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:#fff;
 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:#fff;
 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; display: table; margin: 10px auto 0; }
.home_cnt_form .contact-form .submit-btn { width: 270px; min-height: 50px; display: table; font-size: 17px; 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: #01866e; border: 2px solid #01866e; border-radius: 30px; font-family: 'SourceSansPro-Semibold'; text-transform: uppercase; }
.home_cnt_form .contact-form .submit-btn:focus { background: #2e2e2e; color: #fff; border: 2px solid #2e2e2e }
.home_cnt_form .contact-form .required-field { font-size: 14px; color: #fff; text-align: center; margin-top: 0; float: left; line-height: 30px; font-family: 'SourceSansPro-Semibold'; }
.contact_us_02 .contact-form .required-field span { color: #fff; }
.contact-form .date_icon { position: relative; width: 100%; }
.contact-form .date_icon:before { position: absolute; right: 0; top: 25px; background: url(../images/calender_icon-01.png) no-repeat; content: ""; width: 19px; height: 21px; }
/****************************************************************************************************************/
/************************************* midd section styles goes ends ********************************************/
/****************************************************************************************************************/


/****************************************************************************************************************/
/************************************* Footer section styles goes here ******************************************/
/****************************************************************************************************************/
.footer_details { float:noe; display:inline-block; vertical-align:middle; width: 100%; padding: 75px 0 25px; position: relative; }
.footer_details:before { background: url(../images/pattern-3-1.png); z-index: -1; position: absolute; right: 0; top: 100px; height: 424px; width: 424px; content: "" }
.footer_details h3 { font-size: 24px; position: relative; margin: 0 0 42px }
.footer_details h3:before { position: absolute; bottom: -17px; left: 0; content: ""; width: 40px; height: 4px; background: #2e2e2e }
.footer_details .footer_links { position: relative; float: left; width: 100%; padding: 0 0 45px 0; }
.footer_details .footer_links:before { position: absolute; content: ""; background: #dddddd; left: 0; top: 42px; height: 1px; width: 100%; }
.footer_details .footer_links:after { position: absolute; content: ""; background: #dddddd; left: 0; bottom: 0; height: 1px; width: 100%; }
.footer_details .f_links ul li { padding: 0 0 10px }
.footer_details .f_links ul li a { font-size: 17px; color: #232323; line-height: 26px; }
.footer_details .f_links ul li.selected a { color: #01866e }
.footer_details .f_links ul li.active a { color: #01866e }
.footer_details .social_icons { }
.footer_details .social_icons ul { margin: 0 0 0 5px }
.footer_details .social_icons ul li { display: inline-block }
.footer_details .social_icons ul li a { font-size: 14px; color: #606060; line-height: 36px; }
.footer_details .social_icons ul li i { font-size: 18px; color: #606060; line-height: 40px; margin: 0 18px 0 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; }
.google_star_rating { margin: 46px 0 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.address_box { padding: 0 0 26px; }
.address_box.f_phn { padding: 0 0 26px; }
.footer_details .address_details span { display: block; color: #232323; font-size: 17px; font-family: 'SourceSansPro-Semibold'; position: relative; line-height: 26px; margin: 0 0 0 0 }
.footer_details .address_details p { color: #232323; font-size: 17px; line-height: 26px; padding: 0 }
.footer_details .address_details a { color: #232323; font-size: 17px; display: block }
.footer_details .address_details h3 { margin: 0 0 41px }
.footer_details .address_details { margin: 0 0 0 0; }
.copyright { padding: 10px 0; float: left; width: 100%; background: #2e2e2e; text-align: center }
.copyright p { color: #fff; font-size: 16px; padding:0 0 10px }
#toTop { background: #01866e; bottom:50px; cursor: pointer; height: 54px; position: fixed; right: 20px; width: 54px; z-index: 99; border-radius: 50%; }
.top-btn .fa-angle-up { color: #fff; font-size: 28px !important; margin: -3px 0 0; }
.top-btn > div { color: #fff; font-size: 13px; margin: -7px 0 0; text-transform: uppercase; }
/****************************************************************************************************************/
/************************************* Footer section styles ends here ******************************************/
/****************************************************************************************************************/
.home_cnt_form .wpcf7-validation-errors, .home_cnt_form .wpcf7-spam-blocked, .home_cnt_form .wpcf7-mail-sent-ok { float: left; width: 99%; margin: 10px 0 0 !important; text-align: center; color: #fff; }
div.wpcf7 img.ajax-loader { position: absolute; right: 15px;  top: 50%; transform: translateY(-50%);}
div.wpcf7 .ajax-loader { position:absolute; right:15px; top:50%; transform:translateY(-50%); }
.ubermenu .ubermenu-item.ubermenu-item-15187 > .ubermenu-target {    color: #000 !important;}






.modal-backdrop.fade { opacity: 0.8; }
#onloadpopup.fade:not(.show) { opacity: 1; }
.modal.fade .modal-dialog { -webkit-transform: translate(0, 0px); transform: translate(0, 0px); }
span.close_btn { position: absolute; right: 20px; top: 9px; font-size: 32px; color: #636363; transform: rotate(45deg); cursor: pointer; }
.modal-content p { font-size: 16px; line-height: 1.8; padding-bottom: 15px; }
.modal-body { padding: 40px 30px 30px 30px; border-top: 5px solid #01866e; background: url(https://www.melbournenaturalmedicine.com.au/wp-content/uploads/2016/05/banner4-1.jpg); background-position: center; position: relative; z-index: 22; }
.modal-body:after { position: absolute; content: ""; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.80); z-index: -1; }
.modal-body h2 { color: #01866e; text-transform: uppercase; }
.modal.fade .modal-dialog {
min-height: calc(100% - (1.75rem * 2)); display: flex; align-items: center; }



#onloadpopup .title { background: none; bottom: 0; margin: 0; padding: 0; position: relative; right: 0; width: 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; }
#onloadpopup span.close_btn { position: absolute; right: 20px; top: 9px; font-size: 32px; color: #636363; transform: rotate(45deg); cursor: pointer; }