/* Orange template */
body{ background-color: #fff; color: #143059;font-family: Open Sans, Arial, sans-serif; font-style: normal}
img {width: 100%; height:auto}
/*----------------- Fonts -----------------*/
h1, h2, h3, h4, h5, h6, .headerColumnMiddleContainer p {font-style: normal; line-height:1.2;font-family: "Baloo Bhaina",Open Sans, Arial, sans-serif}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p, li 	{margin:auto}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-weight:400}
p, ul, ol{ font-size:1.2rem;line-height:1.5}
.topbanner h2{font-size: 24px}
.topbanner h1 span, .topbanner h2 span {font-size: 2.4em}
h1 {font-size: 54px}
h2 { font-size: 40px; font-weight:600}
h3 {font-size: 32px}
h4 {font-size: 24px}
ul {padding-left: 8px;margin-left: 8px;}
ol { list-style-position: outside; list-style-type: decimal; padding-left: 8px;margin-left: 8px;}
.centre-list ul, .centre-list ol,.centre-list li, .double-column-inner li { list-style-position: inside}
ul.centre-list, .double-column-inner ul{padding: 0;margin: 0}
.about-us-panel h1, .about-us-panel h2{ font-family: "Open Sans", sans-serif;text-align: center; font-weight:600; line-height: normal; font-style: normal}
.about-us-panel h1 {font-size: 48px;width: 100%;padding: 0}
.about-us-panel h2{font-size:24px;margin: 16px 0}
.banner-panel h2{padding-top: 24px}
.latest-news_container h1 { font-size: 32px;padding: 8px 32px}
.additionalimages p {padding: 8px;float: left; text-align:center; width:100%}
.about_container .subheading1{max-width: 800px}
.services_container .subheading1 { max-width: 900px}
strong {font-weight: bold}
.bigger {font-size: 24px}
.larger {font-size: larger}
.heading h1{color: #fff;font-family: inherit;font-size: 32px}
.subheading1 h2{}
.subheading2 h3{ padding:8px 0 0}
.about-us_container .subheading2 h3 {padding: 0 0 24px; font-size: 40px;font-weight: 600}
.steps h3, .steps p {padding: 8px 0 0;text-align: left}
.steps h3 {font-size: 24px;line-height: 24px}
.steps h2{margin:16px 0 0 ;font-weight: 600;font-size:40px !important;text-align: left; padding:0}
.steps ul { margin:0 !important; padding:0;display: block}
.set03 li { padding:0 0 8px}
.steps h1 {padding: 0; margin: 0; font-family: "Open Sans", sans-serif; text-align: left}




/*----------------- Colours -----------------*/
h1{ color: #264a7f}
h2, h3, h4, h5, h6 {color:#e65535 !important}
.about-us-panel h1, .about-us-panel h2{ color: #fff}
.topbanner h2{ color: #fff}
.topbanner h1 {color:#264a7f}
.about-us-panel h1{color: #fff}
.about-us-panel h2{color: #fff}
.about-us-panel p {color: #fff}
.headertextposition_bottom-bottom a {color: #fff}
.headerbottomBottom h2{ color: #264a7f}
.contactPanelmobile p {color:#e65535}
.contactPanelmobile a {color: #264a7f}
.footer {background: #e65535; border-bottom: 8px solid#e65535;padding-bottom: 60px}
.footerOuter { background-color:#143059}
.copyright { background-color: #143059; border-top: 1px solid #fff}
.features strong {font-weight: 700;color: #fff}
.orange{ color: #e65535}
.darkblue {color: #143059}
.medblue {color: #264a7f}
.yellow{color: #FFCC00}
.but-green{color: #28863e}
.green{color: #28863e}
.black {color:#241f21}
.purple{color: #506CF0}
.darkC{color:#143059}
.red{color: #F30}
.highC{color:#58b8a3}
.high2C{color: #CF8F18}
.lightC{color: #E6E8E}
.grey {color:#181F30}
.orange-bg{background-color: #e65535}
.darkblue-bg {background-color: #143059}
.medblue-bg {background-color: #264a7f}
.yellow-bg{background-color: #FFCC00}
.but-green-bg{background-color:#28863e}
.green-bg{background-color: #28863e}
.black-bg{background-color:#241f21}
.purple-bg{background-color: #506CF0}
.darkC-bg{background-color:#143059}
.red-bg{background-color: #F30}
.highC-bg{background-color:#58b8a3}
.high2C-bg{background-color: #CF8F18}
.lightC-bg{background-color: #E6E8EA}
.grey-bg{background-color:#181F30}
.soft-grey-bg { background: rgb(223,239,252);
background: linear-gradient(0deg, rgba(223,239,252,1) 0%, rgba(238,243,247,1) 100%)}
.item.steps.soft-grey-bg-02 {background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgb(231, 234, 237) 100%)}
.white-text a, .white-text p, .white-text h1, .white-text h2, .white-text h3{color: #fff !important}
.grey-text, .grey-text h1, .grey-text h2, .grey-text h3{ color: #55656F !important}
.orange-grad{background: rgb(189,35,165);
background: linear-gradient(90deg, rgba(189,35,165,1) 0%, rgba(220,73,92,1) 0%, rgba(253,113,15,1) 88%)}
.purple-grad{ background: rgb(148,82,240);
background: linear-gradient(90deg, rgba(148,82,240,1) 0%, rgba(80,108,240,1) 76%)}
.yellow-grad{background-image: linear-gradient( 135deg, #FFA8A8 10%, #FCFF00 100%)}
.red-grad{background-image: linear-gradient( 135deg, #FFE985 10%, #FA742B 100%)}
.green-grad{background-image: linear-gradient( 135deg, #70F570 10%, #49C628 100%)}
.bluewhite-grad{background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,1) 23%, rgba(238,243,247,1) 100%)}
.homePanels .pageIntro-top {background: #e65535 !important}
.homePanels .pageIntro-top h1 {color: #fff !important;padding: 40px 0 0}
/*----------------- decor -----------------*/
.bodybox { min-height: 100%; padding: 0 !important; }
.border-fat{ border-left: #fff solid 12px}
.border-fat h3, .border-fat p{ padding: 0 16px 0 8px; line-height: unset}
.box {padding: 40px 16px !important;flex-flow: row;flex-wrap: wrap;margin: auto; justify-content: space-between;display: -webkit-flex; display: -ms-flexbox; display: flex; direction: ltr;overflow: hidden; text-align: center}
.box .info_content {flex-flow: row;flex-wrap: wrap;margin: auto; justify-content: space-between;display: -webkit-flex; display: -ms-flexbox; display: flex; direction: ltr;overflow: hidden; text-align: center}
.box .column { text-align: center; padding: 24px; background-color: #FFFFFF; flex: 1; margin: 0 16px; box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.08), 0px 6px 18px 0px rgba(0, 0, 0, 0.05); transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1); transform: translateY(0px)}
.box .column h2 {max-width: 400px}
.box .column h3 {font-size: 24px}
.home_container .column {padding: 0}
.set01 {padding: 24px;text-align: left; text-transform: uppercase; font-size: 18px; background-color: #FFF}
.set02 {padding: 24px;background-color: #FFF}
.set03 {padding: 0 0 16px;background-color: #FFF}
.set04 {padding: 8px 0;background-color: #FFF}
.full-width{ padding: 36px 0; margin-top: 24px; width: 100vw; margin-left: -33.33%; margin-right: -33.33%; }
.circle{ background: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; color: #720ad4; display: inline-block; font-weight: bold; line-height: 2em; margin-right: 5px; text-align: center; width: 2em; font-size: 32px}
.set01 p{text-align: center;text-transform: uppercase; font-size: 16px;color: #fff;font-weight: 600}
.set02 p{text-align: center;font-size: larger}
.set04 h3 {padding: 24px 40px}
.set04 li {padding: 0}
.highlite03 {font-size: 24px}
.highlite03 span {color: #e65535;font-weight: 700}
.icon04 img {width: 112px}
.icon04 {padding: 32px 0 8px}
.services-panels .icon04 {
	padding: 0 8px !important;
}
hr.divider { border-top: 4px solid #FC3; display: inline-block; margin: 5px 0; width: 100px}
.column02 {width: 50%;padding: 60px; min-height: 400px;background-color: #143059;text-align: left}
.column03 {width: 50%;padding: 60px;min-height: 400px; background: rgb(255,255,255);
background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgb(231, 234, 237) 100%); position: relative;background-size: cover;background-position-y: top;background-position-x: right}
.column04 {width: 50%; padding: 48px 60px;min-height: 400px; background: rgb(223,239,252);
background: linear-gradient(0deg, rgba(223,239,252,1) 0%, rgba(238,243,247,1) 100%); position: relative;background-size: cover;background-position-x: left}
.column04 h1{width: 50%; padding: 48px;min-height: 400px;background-color: #143059;font-size: 36px;color: #143059 !important}
.column04 li { background-image: url(images/tick02.png); background-repeat: no-repeat; background-position: left 12px; list-style-type: none; padding-left: 32px; text-align: left; list-style-position: inside; font-size: 20px;line-height: 120%}
.text-middle01{ z-index: 2; text-align: left; position: absolute; float: left; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.seniors img {width: inherit}
.box h2, .box h3,.box h4,.box h5, .box h6{text-align: left}
.box ul{ margin: 0; padding: 0; list-style-position: inside}
.column h3{text-align: center}
.highlite2.col35 { background: #FAB21F}
.features2 h3 { color: #fff}
.google {float: left;padding: 40px 0}

.shadow-sm { box-shadow: 0 1.5rem 4rem rgba(42,53,79,.05) !important;}

.locations {padding: 8px;}
.locations ul {margin: 0; padding:0}
.locations li { padding: 8px 16px; border: 2px solid #e65535; margin: 8px ; border-radius: 50px; list-style-type: none; display: inline-block !important; float: none !important; width: auto !important;  }
 .locations a{ text-decoration: none !important;   }

/*----------------- pop-up contact form -----------------*/
.contactList_Inner {background-color: #dcdcdc;border-radius: 0;padding:24px}
.contactList_Inner ul {width: 100%}
.contactList_Inner input[type="text"], .contactList_Inner textarea{ box-shadow: none;border-radius: 0}
.contactList_Inner .column99p { width: 100%}
.contactList_Inner [type="submit"] { transition: none; border: none; border-radius: 0 !important; font-size: 16px !important; width: 100%; padding-top: 8px; padding-right: 16px; padding-bottom: 8px; padding-left: 16px}
.close{z-index: 800000}
/*----------------- site general -----------------*/
/*-- widths --*/
.bodyContainer{max-width: 100%}
.maincontentOuter {width: 100%}
.banner-panel-two .item, .banner-text-heading,.home-green-panel .item, .home_container .banner-text-heading, .headerbottomBottomContainer, .footerOuter, .copyright{width: 100%}
.item_col {width: 100%;max-width:/* 980px*/1020px;margin: auto;float: none;display: block;margin: 0 auto !important}
.content, .heading, .subheading1, .subheading2, .footerOuter, .copyright {padding: 0 40px}
.box .content, .steps .content, .services-panels .content,.steps .heading, .steps .content .subheading1, .steps .content .subheading2{padding:0;margin: 0;float: left;height: auto}
.itemouter {padding:0}
.list .info_content a { font-size: inherit; line-height: inherit; text-decoration: underline; color: #000}
.gallery_container .info_content {margin: 24px 0}
/*---------------------- Breadcrumb ---------------------- */
.details_breadcrumb h3 { color:#e65535; font-size: 18px; margin: 0; padding: 0; text-align: right; text-transform: uppercase}
.details_breadcrumb a {color:#e65535; text-transform: uppercase}
.details_breadcrumb {display: none}
/*---------------------- 1800 scroll ---------------------- */
.scrolltop {position: absolute;}
.scroll{ background: rgb(189,35,165); background: linear-gradient(90deg, rgba(189,35,165,1) 0%, rgba(220,73,92,1) 0%, rgba(253,113,15,1) 88%); bottom: 0; cursor: pointer; margin: 0 0 0 0; moz-transition: 0.5s; o-transition: 0.5s; padding: 20px; position: fixed; right: 0; text-align: center; transition: 0.5s; webkit-transition: 0.5s; left: 0; z-index: 600000; font-size: 24px; height: 40px}
.scroll:hover{background: rgb(189,35,165);background: linear-gradient(90deg, rgba(189,35,165,1) 0%, rgba(220,73,92,1) 0%, rgba(253,113,15,1) 88%)}
.call-phone{ background-image: url(images/phone-alt-solid-wht.svg); background-repeat: no-repeat; background-position: left center; padding: 20px;background-size: 30px}
.tel { background-color: #353535; width: 248px; height: 60px; text-align: center; margin: -20px auto 0; padding-top: 16px; /* border-radius: 20px; */ position: absolute; bottom: 0; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; right: 40px}
.tel:hover{background:#143059}
.elf-reviews {padding: 20px;}

.text-center .item_left_widget,  .text-center .item-widget-left {float: none;}
img.youtube-thumb {position: relative;}
.youtube-player {padding-bottom: unset;}

/*---------------------- Header ---------------------- */
.header_{ padding-left: 2.2rem; padding-right: 2.2rem; box-shadow: 0 0 1rem rgba(0,0,0,0.39); position: relative; z-index: 100; border-top: 4px solid #1951bb; padding: 4px 2.2rem}
.headerOuter { margin: 0 auto; list-style: none; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center}
.headerInnertop {display: flex;flex-direction: row}
.headerColumnLeft {width: 15rem;min-width: 15rem}
.headerColumnRight {flex: auto}
.headerInner {/*position: absolute;top: 0;*/background-color: #fff}
.header_body {/*position: sticky; top: -1px; */position: relative;z-index: 60000}
.headerInnertop {/* webkit-box-shadow: 5px 5px 14px 0 rgba(210, 210, 210, 0.5); -moz-box-shadow: 5px 5px 14px 0 rgba(210, 210, 210, 0.5); box-shadow: 5px 5px 14px 0 rgba(210, 210, 210, 0.5);*/ z-index: 80000; background-color: #FFF}
/*headerInner {webkit-box-shadow: 5px 5px 17px 0 rgba(0,0,0,0.52); -moz-box-shadow: 5px 5px 17px 0 rgba(0,0,0,0.52);box-shadow: 5px 5px 17px 0 rgba(0,0,0,0.52)}	*/
.headerColumnLeft, .headerColumnMiddle, .headerColumnRight, .headerleftBottom {margin-bottom: 0}
.headerInnertop, .headerbottomBottomContainer, .headerInnerbottom, .footerOuter, .copyright { max-width: 100%; width: 100%}
.headerInnertop {padding: 8px 40px; align-items: center; justify-content: center}
.headerbottomBottom {background-color: #264a7f; color: #fff; max-width: 100%;width: 100%}
.headertextposition_bottom-bottom h3 {font-size: 24px;color: #FFF; line-height: 32px}
.headerColumnRightContainer {float: right}
.headertextposition_left {float: left;text-align: center}
.headertextposition_left .title { font-family: Open Sans, Arial, sans-serif; font-weight: 700;color: #264a7f; font-size: 26px; padding: 0 0 4px 0 !important; letter-spacing: 0; text-transform: capitalize;line-height: 100%;float: unset !important}
.headertextposition_left .subtitle { font-size: 16px; color: #fff; background-color: #e65535; letter-spacing: 1px; text-transform: uppercase;padding-left: 4px; padding-right: 4px;font-weight: 300;padding: 0;line-height: 150%}
.logo-top-top {padding-top:8px;max-width: 300px;}
.logo-bottom-left, .logo-left {text-align: left;margin: 0;width: 100%}
.logo-bottom-left img, .logo-left img{display: block !important}
.logo img{padding: 4px 8px}
.logo-center.logo-mobile {display: none}
.headermiddleBottom {max-width: 100%;width: 100%;float: left;vertical-align: middle;position: relative;min-width: unset}
.headerColumnMiddleContainer p { font-size: 32px;line-height: 120%}
.headertextposition_bottom-bottom {text-align: center}
.contactPanelmobile {text-align: center;display: inline-block;padding: 4px 0 4px 24px;font-size: 24px}
.mobile01,.mobile02 {display: inline-block; padding: 0 16px}
.headerbottomBottom h2 {display: inline-block;font-size: 24px;font-weight: 700;text-transform: uppercase}
.contactPanelmobile a { font-weight: 700 !important; padding: 4px 4px}
.logo-right img {width: 80px}
/*---------------------- General ---------------------- */
.i-email.contact_email.tooltip {color: #264a7f}
.i-email { background-image: url("/media/images/static/i-email-wht.png")}
.lineBottom {border-bottom: 0 none}
.dropshadow .itemouter, .auction-buyer-guide_container .content{ background-color: #fff; margin-bottom: 32px; padding: 24px 40px 32px 40px;-webkit-box-shadow: 5px 5px 17px 0 rgba(0,0,0,0.52);-moz-box-shadow: 5px 5px 17px 0 rgba(0,0,0,0.52);box-shadow: 5px 5px 17px 0 rgba(0,0,0,0.52)}
.latest-news_container .itemouter {padding: 0}
.latest-news_container h2, .panel01 h2 { font-size: 16px; text-transform: uppercase}
.profile .info_content { text-align: left; padding: 40px; display: inline-block; width: 70%}
.profile .extra_col_right {margin: 0 auto !important; float: none !important; text-align: center}
.profile .imagelist_cont { height: 300px; overflow: hidden;margin-top: 16px}
.highliteBox { text-align: left; padding: 40px 40px 24px 40px;border-radius: 6px;margin: 20px 0; background-color: rgb(255,255,255);box-shadow: 0 10px 30px rgba(0,0,0,0.5)}
.highliteBox .info_content {display: block; float: left;width: 70%;padding: 0 32px 32px 48px}
.photoPanel .item_col.outer_bottom.one_col_768 {padding: 0;}

/*---------------------- features Columns  ---------------------- */
.double-column-inner {justify-content: flex-start;padding-left: 1.5rem;padding-right: 1.5rem}
.double-column-inner li { padding: 0 ;list-style-position: outside;margin-left: 16px}
.style01 { width: 100%; float: left; padding: 16px 24px}
.style01-block {display: table-cell;vertical-align: middle;text-align: left;padding: 0 8px}
.style01 img {width: 60px; height: auto}
.style01 h2, .style01 h2 a { font-size: 32px; padding-bottom: 0; color: #e65535 !important; font-weight: 600; text-decoration: none !important}
.repeat-pattern-01{ display: block; float: left;padding: 48px 60px; width: 100%; background-image: url(/media/public/upload/images/city-pattern.png); position: relative; background-size: 25%; background-repeat: repeat; background-position: left top}
.repeat-pattern-01 .item_col{ max-width: 980px;padding-top: 16px !important;padding-bottom: 8px !important;background: #fff;background: rgba(255,255,255,0.5)}
.repeat-pattern-01 .subheading1 h2 {padding: 0}
/*---------------------- Home page ---------------------- */
/*.home_container .bodyContainer{ margin-top: -80px;padding: 0 !important}*/
.bodyContainer {margin-bottom: 0}
.home_container .item {max-width: none}
.item.maxWidth {max-width: 968px}
.homePanels .item_col, .box .item_col {max-width: 100%}
.home_container .maincontainer {padding-bottom: 0}
.callDiv,.headertextposition_top-top{display:none}
.home_container .col-12 { padding: 0;}
.home_container  .item_col.outer_left, .home_container .item_col.outer_bottom.column100p.one_col_768{ padding: 0;}
/*---------------------- Service Fees ---------------------- */
.serviceFees {margin: auto; text-align: left}
.serviceFees tr td { padding: 8px; border-bottom:1px solid #333}
.serviceFees tr th { padding: 8px}
.serviceFees tr th { background-color: #E6E8EA; border-bottom: 1px solid #fff}
/*---------------------- Expertise ---------------------- */
.areas-of-expertise_container .information .itemouter{max-width:100%;padding:0 54px}
.areas-of-expertise_container .subheading2{text-align:center}
.expertise{flex:1;height:100%}
.expertise .info_content{display:flex;flex:1;flex-wrap:wrap;height:100%;justify-content:space-around}
.expertise .info_content ul{background-color:rgba(255,255,255,0.9);border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,0.1);flex:0 0 42%;margin:16px;padding:40px;text-align:left}
.expertise li{list-style-position:outside;list-style-type:square;margin:6px 20px!important;padding:0}
.extra-panel-main .info_content{display:flex;flex:1;flex-wrap:wrap;height:100%;justify-content:space-around;padding:0 50px}
@media all and (-ms-high-contrast:none){
.expertise .info_content ul { text-align: left; padding: 24px 40px; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.9); box-shadow: 0 10px 30px rgba(0,0,0,0.1); border-radius: 6px; flex: 0 0 42%; margin: 0 16px 16px; flex: 1; height: 100%; list-style: disc !important}
}
/*---------------------- Banners ---------------------- */
.topbanner-right {margin: 0 auto 8px}
.topbanner-left, .topbanner-center, .topbanner-right {width: 100%}
.topbanner-left {/*height: 300px;*/background-size: cover;background-position: top;position: relative}
.topbanner-left, .topbanner-center {margin: 0 auto}
.banner-text-only {loat: left;width: 100%}
.banner-text-heading {font-weight: 700;font-size: 48px;color: #fff;padding: 8px 0;}
.top-banner-image { position: relative; width: 100%; float: left}
.bannerimg{ position: relative}
.topbanner h1 { color: #FFF; letter-spacing: 6px; font-weight: 400 !important; font-size: 14px; text-transform: uppercase; text-align: center; }
.home_container .heading h1 { font-size: 24px ; color: #143059}
.banner-text-heading h1{ font-size: 48px !important}
/*.topbanner { width: 100%; background-image: url(/media/images/upload/template/cheap-cheap-rubbish-removal-sydney-01-17481.jpg); position: relative; background-size: cover; background-position-y: top; background-position-x: right; padding: 100px;}
*/
.topbanner {
	width: 100%;
	position: relative;
	background-size: cover;
	background-position-y: center;
	background-position-x: right;
	background-image: url(/media/images/upload/template/banner-001a.jpg);
	min-height: 280px;
	max-height: 360px;
}
.topbanner h1 {
	color: #fff;
	font-family: inherit;
	font-size: 24px;
	text-align: left;
	max-width: 40%;
	margin: 0;
}

.heading {position: absolute; top: -180px;left: 0;right: 0;text-align: center;margin: auto;}
.home_container .heading {position: relative; top: unset}
.home_container .topbanner ,  .rubbish-removal-sydney_container .topbanner {display:none}
.item.topbannerForm {background: #143059; padding:24px}
.contactless-rubbish-removal_container  .topbanner { background-image: none; background-color:#E65535;padding: 0}
.contactless-rubbish-removal_container  img { width:100%; max-width:800px; height:auto;text-align: center;margin: 0 auto}
.width900{width: 100%;max-width: 900px}
.stars { background-image: url(/media/images/upload/template/five-star.png); position: relative; padding: 40px 8px; background-repeat: no-repeat; background-position: top center; margin-top: 30px; background-size: 200px}
.centre a { text-align: center; margin: 8px auto; float: none; width: 260px; }
/*---------------------- Featured_Item ---------------------- */
.featured_Item_Container .cont { padding: 0}
.home_container .pageIntro-top {display:none}
.featured_Item_text h2 {font-size: 36px}
.featured_Item_text h3 {padding: 32px 0 0}
.featured_Item_text_panel {background-color: #FFF;width: 100%; margin:0; padding: 0;text-align:center}
.featured_Item_panel { padding: 16px;margin: 0;width: 33%}
.featured_Item {min-height: inherit}
.link_container { background: rgba(0,0,0, 0.5) none repeat scroll 0 0; bottom: 0; float: left; height: 68px; padding: 8px 16px; position: absolute; width: 100%}
.featured_Item_panel .featured_prod { background-color: rgba(0, 0, 0, 0.5); border: 0 none; font-weight: 600; padding: 5px 10px 3px}
.featured_Item .prod_price, .featured_Item .page_link, .featured_Item .prod_name, .featured_Item .prod_name a, .featured_Item .prod_descr_short, .prod_descr_short a {display: none}
/*---------------------- Feature image - scales and crops  ---------------------- */
/**3 col **/.featured_prod_img { height: 255px; background-color:#000}
.featured_Item
.image_scale_fit {width: 100%; height: 100%;object-fit: cover}
.image_scale_fit:hover { opacity: 0.8}
/*---------------------- Slider ------------------*/
.slider_cont .slider_heading { margin: 0 auto; width: 100%; position: relative; z-index: 2; text-align: center; background: transparent; -webkit-box-shadow: none}
.slider_cont .text_over { top: 0;padding: 40px 40px 8px;background-color: transparent;-webkit-box-shadow: unset}
.slider_heading h3 {margin-top: 0; font-size:54px; color: #fff}
.slider_heading h2, .slider_heading h3, .slider_heading h4, .slider_heading h5, .slider_text {
color: #fff;text-transform: none;  text-align:center}
.slider_cont .outerpanel, .slideshow {background-color: transparent}
.slider_cont.slideshow{background:transparent !important}
.slider_heading p, .slider_heading h2,.slider_heading h3,.slider_heading h4,.slider_heading h5,.slider_text p{ color: #143059}
.slider_cont {/*padding: 32px;*/display: block !important;}
.slider_heading p {font-size: 100%;line-height: 1.5}
/*-- Home page **/
.home_container .above_content_center .slider_cont { background-color:#e65535; padding-bottom:0}
.home_container .slider_cont h1 { color:#FFF;text-align: left}
.home_container .above_content_center .textpanel { z-index: 2; position: absolute; float: left; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0 60px}
.small {font-size: 32px}
/*--testimonial panel -----*/
.testimonialPanel {padding: 0}
.testimonialPanel .item{ background: rgb(232,232,236);background: linear-gradient(180deg, rgba(232,232,236,1) 0%, rgba(251,251,251,1) 32%, rgba(255,255,255,1) 65%, rgba(232,232,236,1) 100%); padding: 24px 120px 48px !important}
.testimonialPanel p {font-weight: 400; padding-bottom:24px}
.content_bottom_center .slider_cont img { width:unset !important;text-align: center;margin: auto}
/*---------------------- icons ------------------*/
.ametity ul{margin: 0}
.ametity li { border-bottom: 1px solid #98AFBC; padding: 16px 16px 16px 48px;list-style-type: none;margin: 0}
.basket,.bus,.train,.food,.medical,.park,.pool,.uni,.ticket
{ font-size: 16px !important;line-height: normal !important;background-size: 40px;background-image: url(images/li-basket.png); background-repeat: no-repeat; background-position: left center}
.basket { background-image: url(images/i-basket.jpg)}
.bus { background-image: url(images/i-bus.jpg )}
.train { background-image: url(images/i-train.jpg )}
.food { background-image: url(images/i-food.jpg )}
.medical { background-image: url(images/i-medical.jpg )}
.park { background-image: url(images/i-park.jpg )}
.pool { background-image: url(images/i-pool.png )}
.uni { background-image: url(images/i-uni.png )}
.ticket { background-image: url(images/i-ticket.png )}
.features, .features2{margin: 0}
.features li, .features2 li { padding: 8px 8px 8px 32px;list-style-type: none;margin: 0}
.features2 li {border-bottom: 1px solid #fff; padding:12px 0;font-weight: 700}
.features2 ul {margin: 0 !important;padding:0;display: block}
.home_container .features li { padding: 4px 8px 4px 32px}
.icon-left {display: table-cell;vertical-align: top}
.icon-list li { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 0.8rem; align-items: center; }
.icon-round { width: 7.5rem; height: auto; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }
.icon-round img{width: 100%;min-width: 100px}

.bed,.n-manager,.air-conditioner ,.table,.bicycle,.fax,.fridge,.grill,.laundry,.monitor,.shower,.stove,.transport,.phone,.workplace,.transport,.transport01,.stove,.bike,.bath,.storage,.wardrobe,.house,.living,.wifi,.gym,.window,.bathroom,.bike,.bookshelf,.bus,.carpet,.cctv,.desk,.dining,.feedback,.icons,.kitchen,.laundry,.linen,.parking,.shopping,.team,.train,.sidetable,.tv,.air-con,.wifi,.insurance,.furn,.cctv,.bills,.meals,.star,.house-garden,.whitegoods,.bed1,.carpet1,.estate,.garden,.office,.renov,.sofa,.icon-sml,.icon-lge
{ font-size: 16px !important; line-height: normal !important; background-size: 24px; background-image: url(images//i-n-manager.png); background-repeat: no-repeat; background-position: left center; }
.n-manager{ background-image: url(images/i-n-manager.png)}
.bed{ background-image: url(images/i-bed.png)}
.air-conditioner { background-image: url(images/i-air-conditioner.png)}
.table{ background-image: url(images/i-table.png )}
.bicycle { background-image: url(images/i-bicycle.png )}
.fax { background-image: url(images/i-fax.png )}
.fridge { background-image: url(images/i-fridge.png )}
.grill { background-image: url(images/i-grill.png )}
.laundry { background-image: url(images/i-laundry-machine.png )}
.monitor{ background-image: url(images/i-monitor.png )}
.shower{ background-image: url(images/i-shower.png )}
.stove{ background-image: url(images/i-stove.png )}
.transport{ background-image: url(images/i-transport.png )}
.phone{ background-image: url(images/i-vintage-hand-phone.png  )}
.workplace{ background-image: url(images/i-workplace.png  )}
.transport{ background-image: url(images/i-transport.png  )}
.transport01{ background-image: url(images/i-transport01.png  )}
.stove{ background-image: url(images/i-stove.png)}
.bike{ background-image: url(images/i-bicycle.png)}
.wardrobe{ background-image: url(images/i-wardrobe.png)}
.storage{ background-image: url(images/i-storage.png)}
.bath{ background-image: url(images/i-bath.png)}
.house{ background-image: url(images/i-house.png)}
.living{ background-image: url(images/i-living.png)}
.wifi {background-image: url(images/i-router.svg)}
.gym {background-image: url(images/i-gym.png)}
.window {background-image: url(images/i-window.png)}
.bathroom {background-image: url(images/i-bathroom.png)}
.bike {background-image: url(images/i-bike.png)}
.bookshelf {background-image: url(images/i-bookshelf.png)}
.bus {background-image: url(images/i-bus.png)}
.carpet {background-image: url(images/i-carpet.png)}
.cctv {background-image: url(images/i-cctv.png)}
.desk {background-image: url(images/i-desk.png)}
.dining {background-image: url(images/i-dining.png)}
.feedback {background-image: url(images/i-feedback.png)}
.icons {background-image: url(images/i-icons.png)}
.kitchen {background-image: url(images/i-kitchen.png)}
.laundry {background-image: url(images/i-laundry.png)}
.linen {background-image: url(images/i-linen.png)}
.parking {background-image: url(images/i-parking.png)}
.shopping {background-image: url(images/i-hopping.png)}
.team {background-image: url(images/i-team.png)}
.train {background-image: url(images/i-train.png)}
.sidetable {background-image: url(images/i-sidetable.png)}
.tv {background-image: url(images/i-tv.png)}
.air-con { background-image: url(images/i-air-con.png)}
.wifi { background-image: url(images/i-wifi.png)}
.insurance { background-image: url(images/i-insurance.png)}
.furn { background-image: url(images/i-carpet.png)}
.bills { background-image: url(images/i-bills.png)}
.meals { background-image: url(images/i-meals.png)}
.star { background-image: url(images/i-star.png)}
.house-garden{ background-image: url(images/i-house-garden.png)}
.whitegoods{ background-image: url(images/i_whitegoods.png)}
.bed1 { background-image: url(images/i_bed1.png)}
.carpet1 { background-image: url(imagesii_carpet1.png)}
.estate{ background-image: url(images/i-estate.png)}
.garden { background-image: url(images/i-garden.png)}
.office{ background-image: url(images/i-_office.png)}
.renov { background-image: url(images/i-renov.png)}
.sofa{ background-image: url(images/i-sofa.png)}
.walking{ background-size: 12px; background-image: url(images/i-walk.png); background-repeat: no-repeat; background-position: 8px center; padding-left: 30px; font-weight: 700}
.walking::before {padding-left: 20px}
.pin {border-bottom: 1px solid #98AFBC; background-size: 16px; background-image: url(images/map_pin_stroke.svg); background-repeat: no-repeat; background-position: center left; padding-left: 30px; font-weight: 700; margin-bottom: 16px}
/*-------------------- Information details ---------------------*/
.details-profile_container .outer_mid {min-height: inherit;border-right: 0 none}
/*---------------------  Latest News ---------------------*/
.latest-news_container .content {padding: 8px 32px 32px}
/*--------------------- Gallery ---------------------*/
.gallery_container .item_col {padding: 0 40px !important; max-width: 100%}
.gallery_container .additionalimages{padding: 8px}
.gallery_container .imagelist_cont {border: 2px solid #B8BFD1}
/*---------------------- Testimonials Page ------------------*/
.testimonials blockquote::before, blockquote::after { color: #00adb1; font-size: 4em; line-height: 0.1em; margin-right: 0.16em; vertical-align: -0.4em; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal}
.testimonials blockquote::before {content: open-quote}
.testimonials blockquote::after {content: close-quote}
.testimonials blockquote {font-size: 18px;margin: 32px auto 8px;padding: 0;quotes: "“" "”" "‘" "’";max-width: 800px}
.testimonials blockquote p {display: inline; line-height: 180%}
.testimonials blockquote br {margin: 0 0 16px 0}
.testimonials .content {max-width:860px; text-align: center;padding: 16px 32px 8px;border-bottom: 1px dotted #e65535}
.testimonials .content h3  {font-size: 24px;color: #143059}
/*---------------------- Icons Real Estate ------------------*/
.pt16 { padding-top: 16px}
.icon01 li{background-repeat: no-repeat;
background-position: left center;
background-size: contain;
list-style: none;
display: inline;
padding: 4px 24px}
.icon01 a { font-size: 24px !important; line-height: normal}
.phone { background: url("/media/images/static/i_phone.svg"); padding-left:36px}
.mobilephone { background-image: url(/media/images/static/i_mobile.svg); background-repeat: no-repeat; background-position: left center}
.bathrooms { background-image: url("/media/images/static/i_bathrooms.svg")}
.car { background-image: url("/media/images/static/i_car.svg")}
.bedrooms { background-image: url("/media/images/static/i_bedrooms.svg")}
.arrow li{text-align: center; list-style-type: none}
.arrow  li::before { font-family: tahoma; content: "\003e"; color:#e65535; font-weight: bold; display: inline-block; width: 1.6em;  /* margin-left: -1em; Also needed for space (tweak if needed) */}
/*---------------------- Icons general ------------------*/
.arrow-bullets{list-style-type: none !important;margin-left: 0;padding-left: 0}
.arrow-bullets  li{ color: #e65535; font-weight: bold; display: block;list-style-type: none !important;padding-left: 30px; background-image: url(images/arrow_icon.png); background-repeat: no-repeat; background-position: left center;text-align: left}
.arrow-bullets  li:hover{ background-image: url(images/arrow_icon_down.png)}
/*---------------------  NEW blog ---------------------*/
/*-------- blog main page --------*/
.floatL.backButton, .categoryTitle {display:block;float:none !important;padding-left:24px}
.blogfrontHeader .categoryTitle {display:block;float:right !important;font-weight:600;padding:0}
.backButton, .backButton a {font-weight:600;padding:0}
.backButton::before {content:"\f104";font-family:FontAwesome;font-size:28px;left:0;margin-top:-10px;position:absolute}
.backButton::before {content: none !important}
.floatL.backButton{padding-left:0!important}
.blog_list .blogfrontHeader {display: none;}
.blogmenu.menuright {display: none;}
.blogPanel, .blogfront.one_colblog_cat, .blogfront.two_colblog_cat, .blogfront.three_colblog_cat, .blogfront.four_colblog_cat {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;display: flex; padding:0}
.mainContent.blog {padding: 0;/*margin-top: 24px;*/}
.blogfrontHeader {}
.one_colblogPanel .left, .one_colblogPanel .right, .one_colblogPanel .postitem,
.two_colblogPanel .left, .two_colblogPanel .right, .two_colblogPanel .postitem,
.three_colblogPanel .left, .three_colblogPanel .right, .three_colblogPanel .postitem,
.four_colblogPanel .left, .four_colblogPanel .right, .four_colblogPanel .postitem {padding: 0}
.small-text.floatL {width: auto}
.blog_list .bodyContainer, .blog_details .bodyContainer {padding-left: 30px !important;padding-right: 30px !important; max-width:1400px}
.blog_list .postsubject {display:block;padding:32px}
.postsubject .clearfloat {display: none}
.blogImage { width: 100%; min-height: 240px}
/*.postitem*/ .blogImage img {width: 100%; height: 100%; margin: 0;overflow: hidden;object-fit: cover; object-position:center; max-width: none;max-height: none}
.signature{background-color: #fff; padding: 20px 0; width: 100%; max-width: 800px; border-top: 1px solid #333; margin-top: 40px}
.comments, .link{background-position: left center; background-repeat: no-repeat; font-size: 24px;padding-left: 24px;text-align: left;vertical-align: middle}
.comments{ background-image: url("/public/view/theme/master/style/images/i-chat-grey.png");display:block}
.link{ background-image: url("/public/view/theme/master/style/images/i-link-grey.png")}
.readMore { background-color: #e65535; border: 0 none; border-radius: 3px; font-size: 24px; margin: 8px 0 0; padding: 8px 16px;display: inline-block}
.readMore a {border:0 solid #000;border-radius:3px;color:#fff !important;padding:0}
/*-------- blog text--------*/
.blogfrontHeader h1 {font-size: 24px; padding: 8px 0}
.blog  p, .blog a{ color: #617196}
.blogInfo, .blogArticle .small-text, .postsubject .small-text p{display: none !important}
.blog_list .blogHeadline h1 {font-size:32px;padding:16px 0 0}
.blog_details .blogHeadline h1 {font-size: 48px;padding: 0}
.blog_list .smaller, .blog_list .smaller  a {font-size: 24px !important;line-height: 100%!important}
.blog_list h3, .blog_list h3 a, .h3, .h3 a{font-size: 16px !important;color: #e65535 !important;font-weight: bold  !important}

.blog_details h1, .blog_details h1 a{font-size: 48px; font-weight: bold;padding: 24px 0 8px 0}
.blog_details h2, .blog_details h2 a{font-size: 32px; font-weight: bold;padding: 24px 0 8px 0}
.blog_details h3, .blog_details h3 a{font-size: 24px; font-weight: normal;padding: 8px 0 0 0}
.blog_details h4, .blog_details h4 a{font-size: 18px; font-weight: normal;padding: 8px 0 0 0}
.blogContent ul,.blogContent ol{margin-left:30px}
.small-text, .small-text p {color: #264a7f;display: inline-block;font-size: 14px;font-weight: 500;letter-spacing: 0.1em;line-height: 1.3em;text-transform: uppercase;text-align: left}
.date, .date::before { color: #264a7f}
.date {padding: 0 0 20px;font-size: 16px;vertical-align: unset;text-transform: none}
.date::before {content:"-";font-weight:700;margin-right:10px;padding-left:6px}
.blogName { font-size: 16px; font-weight: bold; text-transform: uppercase}
.blogTitle, .blogWeb {font-size: 16px}
.blog blockquote { color: #6D7CA0; font-size: 18px; padding: 16px; quotes: none; border-left: 4px solid; max-width: 800px; border: none; position: inherit; border-left: 4px solid; border-radius: unset; text-align: left; margin: 2em 60px 1.7em 60px}
.blog blockquote a, .blogsidemenu a{ color: #6D7CA0}
.blogsidemenu li {margin: 0 !important;padding: 8px 0 !important}
/*-------- blog menus --------*/
.blogsidemenu{list-style-type: none;background: none;margin: 0 !important;padding: 8px 0}
.blogsidemenu a {font-size: 16px;text-decoration: none}
.blog-news_container  .blogsidemenu{display: none}
.menuleft {flex:0 0 15%;text-align:left;margin: 0;border-right: 1px solid #98afbc;padding-top: 24px}
/*.menuright {flex:15% 0 0;text-align:left}*/
.postleftmenu {float:left}
/*-------- blog details page --------*/
.blog_details .blogPanel{display: block; background-color: #fff;border: 1px solid #98afbc}
.blog_details .blogfrontHeader { border: none}
.blog_details .menuleft {width: 15%;float: left;padding-top: 16px;border-right: none}
.blog_details .blogArticle {padding:40px 60px}
.blog_details .blogContent {width: 100%;padding-top:32px}
.blog_details a { text-decoration: underline}
.blogsidemenu a { text-decoration: none}
.blog_details hr{margin: 20px 0;border: 0;height: 1px;background: #333;background-image: linear-gradient(to right, #ccc, #333, #ccc)}
.blog_details ol {list-style-type: decimal !important}
.blog_details li {list-style-type: unset}
.blogContentImage img {width: 100%}
/*-------- blog common --------*/
.blogAuthor { display:block; width: 100%; max-width: 100%; float: left;padding: 16px;background-color:#D3D8E2; margin-top:24px}
.blogName, .blogTitle, .blogWeb {padding: 0}
/*-------- one_colblog --------*/
.one_colblog.block {padding: 40px 0 16px 24px}
/*.one_colblogPanel .blogImage { float: left;width: 20%}*/
.one_colblogPanel .blogDetails { display:block;float: left; width:80%}
.one_colblogPanel .postitem img{  height: 100%; width: 100%;object-fit: cover}
/*-------- two_colblog --------*/
.two_colblogPanel .bodybox{padding: 40px 0}
.two_colblogPanel a {font-size: inherit; color: inherit}
.two_colblogPanel {padding:0}
/*.two_colblogPanel .left, .two_colblogPanel .right, .two_colblogPanel .postitem
{background: rgb(255,255,255);  ; background-color: rgba(255,255,255,0.9); border: 1px solid #e8e8e8; border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); margin: 0 1% 24px; padding: 0px; text-align: left}*/
.two_colblogPanel .left, .two_colblogPanel .right, .two_colblogPanel .postitem {flex: 0 0 48%; background:#fff;border: 1px solid #143058;border-radius: 0;box-shadow: none;}
.two_colblog_postheader {background-color:#CCC;display:inline-block;float:left;width:100%}
.news_container .topbanner {background-image: none;margin: 24px auto;padding: 0;min-height: unset; max-height: unset;}
/*-------- three_colblog --------*/
.three_colblog.block {margin:auto;text-align:center;width:85%}
.three_colblogPanel {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap:wrap;justify-content: flex-start;padding:0 0 0 8px}
.three_colblogPanel .left,.three_colblogPanel .right,.three_colblogPanel .postitem
{background:rgb(255,255,255); /* The Fallback */;background-color:rgba(255,255,255,0.9);border:1px solid #e8e8e8;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,0.1);flex:0 0 30%;margin:0 1% 24px;padding:40px;text-align:left}
.three_colblog .postsubject  {padding: 16px 24px}
/*-------- four_colblog --------*/
.four_colblog.block {margin:auto;text-align:center;width:85%}
.four_colblogPanel {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -ms-flexbox;flex-wrap:wrap;justify-content: flex-start;padding:0 0 0 8px}
.four_colblogPanel .left,.four_colblogPanel .right,.four_colblogPanel .postitem
{background:rgb(255,255,255); /* The Fallback */;background-color:rgba(255,255,255,0.9);border:1px solid #e8e8e8;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,0.1);flex:0 0 20%;margin:0 1% 24px;padding:40px;text-align:left}
.four_colblog .postsubject  {padding: 16px 24px}
/****----------------- PANELS -----------------****/
.information .column100p_clear.notremove { display: none}
.topPanel{background-color: #4D2A82;z-index: 6000;margin: auto;padding:24px !important;top: 0;width: 40%;min-width: 550px}
/*----------------- about panel -----------------*/
.aboutPanel {margin-top: -80px;z-index: 6000}
.aboutPanel .outer_top_right { background-color:#e65535;float: left;display: block;width: 45%;padding: 48px 54px  !important}
.aboutPanel .outer_left { float: left;display: block;width: 55%;padding:48px 0 48px 72px !important; margin-top: 80px}
.aboutPanel .outer_left p{ line-height: 200%; font-size: 24px}
.aboutPanel {background-color: #4D2A82;z-index: 6000;margin: auto;padding:40px !important;top: 40px;width: 50%;min-width: 600px}
.aboutPanel .outer_top_right { background-color:#e65535;float: left;display: block;width: 45%;padding: 48px 54px  !important}
.aboutPanel .outer_left { float: left;display: block;width: 55%;padding:48px 0 48px 72px !important; margin-top: 80px}
.aboutPanel .outer_left p{ line-height: 200%; font-size: 24px}
.about-us-panel .info_content {}
.about-us-panel h3 { color: #fff}
.about-us-panel p  { line-height: 200%}
.about-us-panel h3 { font-size:36px; padding-top:0;max-width: 400px;margin: 0 auto !important;text-align: center}
.aboutPanel:nth-child(3) { width: 100% !important}
/* banner version*/
.banner-panel .outer_top_right {}
.banner-panel .outer_left
.banner-panel p { line-height: 200%; font-size: 24px}
.banner-panel-two {background-attachment: fixed; background: rgb(43,162,234);
background: linear-gradient(90deg, rgba(43,162,234,1) 0%, rgba(0,173,177,1) 100%)}
.banner-panel-two .item { padding: 40px 80px;display: flex;align-items: center}
.banner-panel-two h3 { color: #fff; font-size: 36px; line-height: 160%; font-family: 'Open Sans', serif; font-weight: 300; font-style: normal}
.banner-panel-two p  { font-size: 24px; font-weight: 300; font-style: normal; color: #FFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DFE8F7}
.banner-panel-two p:last-child {border-bottom:0 none}
.banner-panel-two .outer_top_right{text-align: left}
.banner-panel-two .outer_left  {display: flex;flex-wrap: wrap;justify-content: space-around;text-align: left}
.banner-panel-two h1, .banner-panel-two h2 {padding: 0 24px 0 0;line-height: 110%; color: #e65535; font-size: 40px; font-weight: 300 !important; text-transform: none; text-align: left}
.banner-panel-two h2 {  font-weight: 700 !important}
.location li { display: inline-block; list-style-type: none; line-height: 2; margin-right: .8rem;color: #FFF; width: unset !important}
.location a {text-decoration: none  !important;color: #fff !important}

/*----------------- home-grey panel -----------------*/
.home-grey-panel { background-color: #546181; color: #fff; padding: 24px}
.home-grey-panel .featured_Item_Container { margin:0;  background-color: transparent}
.home-grey-panel .featured_Item_text_panel { margin:0;  background-color: transparent; padding: 24px 0 0}
.home-grey-panel .featured_Item_panel {padding: 0 30px}
.home-grey-panel h3, .home-grey-panel h4, .home-grey-panel h5  { color: #fff; font-size: 16px; margin: 0; padding: 0; }
.home-grey-panel h4 { text-transform: none}
.home-grey-panel h5 { color: #CFD6DA; margin-bottom: 10px; margin-top:8px; font-size: 24px; text-transform: none}
.home-grey-panel  p{ margin: 8px 0}
.home-grey-panel .featured_content p { border-top: 1px solid #F2F3F4; margin: 0; padding:8px 0}
.home-grey-panel a { color: #fff}

/*----------------- dark-blue panel -----------------*/
.dark-blue-panel { background-color:#143059; color: #fff; padding: 40px 80px;}
.dark-blue-panel .featured_Item_Container { margin:0;  background-color: transparent}
.dark-blue-panel .featured_Item_text_panel { margin:0;  background-color: transparent; padding: 24px 0 0}
.dark-blue-panel .featured_Item_panel {padding: 0 30px}
.dark-blue-panel h3, .dark-blue-panel h4, .dark-blue-panel h5  { color: #fff !important; margin: 8px !important; padding: 0 !important}
.dark-blue-panel h3 {font-size: 32px}
.dark-blue-panel h4 {font-size: 24px; text-transform: none}
.dark-blue-panel h5 {font-size: 16px;  color: #CFD6DA;text-transform: none}
.dark-blue-panel  p{ margin: 8px 0 0}
.dark-blue-panel .featured_content p { border-top: 1px solid #F2F3F4; margin: 0; padding: 8px 0}
.dark-blue-panel a { color: #fff}
.border-radius-40 { border-radius: 40px;}

/*----------------- lite-grey panel -----------------*/
.lite-grey-panel { background-color: #E9ECF1; padding: 24px}
.lite-grey-panel .featured_Item_text_panel { margin:0;  background-color: transparent; padding: 24px 0 0}
.lite-grey-panel .featured_Item_panel {padding: 0 32px}

/*----------------- green panel -----------------*/
.green-panel { background-color:#00adb1}
.home-green-panel { background-image: url(/media/public/upload/images/home-06.jpg);background-size: cover; background-repeat: no-repeat; background-position: right 30px}
.home-green-panel .item{display: block}
.home-green-panel .info_content{ background-color:#00adb1;padding: 48px 54px}
.home-green-panel h1, .home-green-panel h2,.home-green-panel h3, .home-green-panel h4, .home-green-panel h5 , .home-green-panel  p { color: #fff; }
.home-green-panel  h3 {font-size: 36px;margin-bottom: 16px;padding-right: 16px}
.home-green-panel  h3, .home-green-panel  p { font-family: 'Open Sans', Helvetica, Arial, sans-serif; text-align: left; font-weight: 500; line-height: 150%; font-style: normal}
.home-green-panel a { color: #fff}

/*----------------- blue-green panel -----------------*/
.blue-green-panel { padding:40px ;background: rgb(43,162,235);background: linear-gradient(90deg, rgba(43,162,235,1) 0%, rgba(0,173,177,1) 100%)}
.blue-green-panel h1, .blue-green-panel h2,.blue-green-panel h3, .blue-green-panel h4, .blue-green-panel h5 , .blue-green-panel  p { color: #fff; }
.blue-green-panel  h3 {font-size: 36px;margin-bottom: 16px;padding-right: 16px}
.blue-green-panel  h3, .blue-green-panel  p { font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 500; line-height: 150%; font-style: normal}
.blue-green-panel a { color: #fff}

/*----------------- services panel -----------------*/
.services-panels{ background: #fff;padding:24px 0}
.services-panels .item_col {max-width:1600px}
.services-panels .box{padding: 40px 24px 32px ;display: flex;flex-direction: row;flex-flow: wrap;justify-content: space-between;align-items: stretch}
/*.services-panels .column {padding: 8px 24px;margin-bottom:24px;width: 45%;background: #fff;
box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.08), 0px 6px 18px 0px rgba(0, 0, 0, 0.05);
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateY(0px)}*/
.services-panels .column {
	padding: 8px 24px;
	width: 45%;
	background: #fff;
	box-shadow: none;
	transition: none;
	transform: none;
	margin: 0 auto;
}


.services-panels h1{color: #e65535; font-size: 40px; font-weight: 300 !important; text-transform: none; margin-top:8px;padding:0}
.services-panels h2{font-size: 40px;text-transform: none; padding:0;line-height: 90%; margin-bottom:8px}

/*----------------- Breakout01 panel -----------------*/
.breakout01 { display: -webkit-box; display: flex; overflow: hidden; margin: auto; box-sizing: content-box; padding: 0; position: relative}
.breakout01left { padding: 120px; position: relative; position: relative; -webkit-box-flex: 1; flex: 1}
.breakout01leftinside { width: 100%; padding-left: 40px;/* [disabled]padding-right: 40px; */ z-index: 50; position: absolute; float: left; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 480px; text-decoration: none}
.darkBlue {background: rgb(25,80,186);background: linear-gradient(90deg, rgba(25,80,186,1) 0%, rgba(44,161,236,1) 100%)}
.darkBlue h3, .midBlue h3 {font-size: 32px; line-height: normal;margin: 0;margin-bottom: 0px;color: #fff}
.breakout01left h3 {color: #fff; margin-bottom: 24px;text-align: left}
.breakout01right { padding: 54px 120px; position: relative; -webkit-box-flex: 1; flex: 1; text-align: left; color: #33475b; vertical-align: baseline}
.breakout01rightinside { width: 100%; padding-left: 40px; padding-right: 40px; max-width: 480px; margin: auto}
.bannerIcon02 { width: 100%; height: 48px; line-height: 48px; display: block; text-align: center; background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: contain; list-style-type: none; color: #fff}

/*----------------- extra panel -----------------*/
/** centres content with highlite02 panels **/
/*.extra-panel { background-image: url(../../../../../media/public/upload/images/imhe-001.jpg); background-repeat: no-repeat; background-position-x: 100%; background-size: contain; background-position: ; background-position: right bottom}
.extra-panel .content  {background: rgb(255,255,255);
background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 52%, rgba(190,180,196,0.6054622532606793) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 52%, rgba(190,180,196,0.6054622532606793) 100%);
background: linear-gradient(0deg, rgba(255,255,255,0) 52%, rgba(190,180,196,0.6054622532606793) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#beb4c4",GradientType=1)}*/
.extra-panel { margin: auto; max-width: 100% !important; padding: 0}
.extra-panel  .info_content { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: center; flex-direction: column; flex-direction: row; -ms-flex-direction: row; flex: 1; height: 100%; align-items: center; padding: 24px}
.extra-panel-left { flex: 0 0 40% ;padding:54px 0 54px 54px;text-align: left; flex: 1; height: 100%}
.extra-panel-right { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; padding: 0; justify-content: space-around; flex: 1; height: 100%}
.extra-panel  li { padding: 0 0 8px}
.extra-panel .icon{width: 80px;height: 80px}
.extra-panel .icon img {width: auto;height: 100%}

/*----------------- services panel -----------------*/
.services-panel  .info_content { padding:8px;align-items: center;max-width:1300px;margin: auto}
.services-panel-right {display: flex;flex-wrap: wrap;max-width: 960px;margin: auto;/*padding:0 50px;justify-content: space-around;*/overflow: hidden}
.services-panel-box {text-align: center; /*padding: 60px; */flex: 0 0 50%; border-top: 4px dotted#e65535;border-left: 4px dotted#e65535;margin-top: -4px;margin-left: -4px}
.services-panel-box h3 { color:#3c464d; font-weight: 500; font-style: normal}
.services-panel-box p {padding:8px 40px}
.panel01, .panel01 img{width: 100%;height: auto;max-width: 240px;margin: auto}

/*----------------- highlite panel -----------------*/
.highlite .info_content{display: flex;flex-flow: row;
flex-wrap: wrap;text-align: left;padding: 40px 60px 48px; margin: 20px 0;background-color: #fff;box-shadow: 0 5px 5px rgba(0,0,0,0.3);border:1px solid #CCC}
/*.highlite .info_content{flex: 0 0 48%;	-ms-flex: 0 0 80%}*/
.features {flex: 1;flex-flow: row;flex-wrap: wrap}
.features ul {margin: 0}
.highlite .info_content a {display: inline-block; color: #00adb1; border-bottom: 3px solid #00adb1; padding-bottom: 3px; font-weight: 600}
.highlite2container  {text-align: left;width: 100%; float: left; display:block}
.highlite2 {width: 100%; float: left; display:block}
.col25 { width: 25%}
.col35 { width: 30%}
.col65 { width: 70%; padding-right: 40px}
.col75 { width: 75%; padding-right: 40px}
.highlite2.col65 {text-align: left;padding-top: 24px; padding-bottom:24px}
.highlite2.col35 {padding: 24px 32px; text-align: left !important; margin-top:24px}

/*---------------------- Featured_Item ---------------------- */
.flex-container{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; -webkit-align-content: space-around; align-content: space-around; }
.flex-item { width: 50%}

/*---------------------- Home Panels ---------------------- */
.featureH  .content { padding:0}
/*.featureH .flex-container {display: flex;
background-color: #143059;
justify-content: center;
align-items: center;
flex-wrap: wrap;
height: 100%;
}*/
.featureH .flex-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; align-content: stretch; padding: 40px 0 0}
.featureH .flex-child{ display: block; flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-self: stretch; width: 50% !important; max-width: 50% !important; float: none !important; margin: 0px; position: relative}
.featureH .flex-child { width: 50%;padding: 60px 80px;text-align: left}
.featureH .flex-child:first-child {background-color: #143059}
.featureH .flex-child:last-child {background-color: #324184; color:#fff}
.featureH .flex-middle {padding: 24px}
.featureH ul { margin-bottom: 0px; text-align: center;max-width: 50ch}
.featureH .flex-child:last-child {color: #143059;background: rgb(255,255,255);
background: linear-gradient(0deg, rgb(255, 255, 255) 40%, rgb(231, 234, 237) 100%)}
.featureH h3 {color:#e65535 !important}
.featureH a, .featureH li {color: #143059 !important}
.featureH ul {max-width: 100%}
/*-------------------*/
.vh100{width: 100%;height: 100vh}
.vh148{width: 100%;height: 48vh}
.payments {border-top: 1px solid; border-bottom: 1px solid; margin-top: 24px}
.payments img{padding: 16px 0;width: 80%;max-width: 320px}
.seniors{padding: 40px 24px}

@media all and (-ms-high-contrast:none){
.extra-panel  .info_content { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: start; flex-direction: column; flex-direction: row; -ms-flex-direction: row; flex: 1; height: 100%; align-items: stretch; padding: 16px 48px !important}
.highlite { text-align: left; padding: 24px 40px; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.9); box-shadow: 0 10px 30px rgba(0,0,0,0.1); border-radius: 6px; -ms-flex: 0 0 80%; margin: 10px 0;	/*height: 100%;*/}
.highlite h3{padding: 0}
}

/*---------------------- Buttons ------------------*/
input,textarea,input.text,input[type="text"],input[type="button"],input[type="submit"],
.input-checkbox {-webkit-appearance: none;border-radius: 0 !important;min-width: 100%; width: 100%}
input[type="submit"] { border: 1px solid #4335e6 !important; background: #4335e6 !important; margin: 0 auto; border-radius: 60px !important; font-weight: 700; font-size: 1.125rem !important; width: 300px !important; padding: 16px; }
.submitbutton_ul {width: 100%;padding: 0;margin: 0;}

/*-------------------- Steps ---------------------*/

.steps { display: flex; flex-direction: row-reverse; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; align-content: stretch; padding: 40px 0 20px}
.steps .outer_left, .steps .outer_top_left { display: block; flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-self: stretch; width: 50% !important; max-width: 50% !important; float: none !important; margin: 0px; position: relative}
.stepcontent { display: block; flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-self: stretch; width: 50% !important; max-width: 50% !important; float: none !important; margin: 0px; position: relative}
.steps.soft-grey-bg{padding: 0 !important}
.steps a {text-decoration: none !important}
.steps .info_content {padding: 0 60px}


/*-------------------- form ---------------------*/


.steps01{align-content:stretch;align-items:stretch;display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-evenly;padding:40px 0 20px}
.steps01 .outer_left,.steps01 .outer_top_left,.steps01 .content{align-self:stretch;display:block;flex-basis:auto;flex-grow:0;flex-shrink:0;float:none!important;margin:0;max-width:50%;position:relative;width:50%}
.steps01 .content{padding:0}

.georges-river_container   .steps01 .content,
.bayside_container  .steps01 .content,
.eastern-suburbs_container  .steps01 .content,
.household_container .steps01 .content,
.sutherland-shire_container .steps01 .content,
.inner-west-sydney_container .steps01 .content,
.quote_container .steps01 .content
{max-width: 580px !important;padding: 50px 8px;width:100%}

.georges-river_container  .steps01 .content .item_col.outer_left.column100p.one_col_768,
.bayside_container .steps01 .content .item_col.outer_left.column100p.one_col_768,
.eastern-suburbs_container .steps01 .content .item_col.outer_left.column100p.one_col_768,
.household_container .steps01 .content .item_col.outer_left.column100p.one_col_768,
.sutherland-shire_container .steps01 .content .item_col.outer_left.column100p.one_col_768,
.inner-west-sydney_container .steps01 .content .item_col.outer_left.column100p.one_col_768,
.quote_container .steps01 .content .item_col.outer_left.column100p.one_col_768 {
	width: 100%;
	max-width: 100%;
	padding: 24px 0 24px 24px;
}



/*.home_container .steps01 .content .item_col.outer_left.column100p.one_col_768{
  max-width: 50%!important;
  padding: 24px 0 24px 40px;
  width: 100%;}*/
 .home_container .steps01 .content {
	padding: 0;
	padding: 24px 0 24px 40px;
	width: 100%;
	max-width: 100%;
} 

.itemouter.one_col.two_col_768 .equalblock .item_col{position:relative;z-index:900}
.item_col.outer_top_left{position:relative;z-index:900}
.formbuilder{z-index:999;position:relative;}
.formbuilder input, .formbuilder textarea, .formbuilder select{z-index:1000;}
.formbuilder_col1 {margin: 0;padding: 0}
.formbuilder_col2 {width: 100%;margin: 0;padding: 0}
.formbuilder li { margin: 0; padding: 0 16px; width:100%;vertical-align: top}
.formbuilder p {font-size: 16px;  text-transform:capitalize; line-height: normal; margin-bottom: .3rem;}
.quote.formbuilder_container{background-color: #eef3f7;padding: 24px; max-width:600px}
.quote .required_message { text-align: center; text-transform: capitalize; display: none}
.steps .formbuilder_container{ background-color: #143059; float: left; text-align: center; margin: auto}
.steps .formbuilder_container p{color:#fff}
.steps .required_message { display:none}
#maincontenterror { text-align: center; padding: 20px; font-size: 18px; font-weight: bold; }
.click_to_dismiss {color: #f00 !important;}
.quote_container  .topbanner {display: none;}
.quote.formbuilder_container { background-color: #143059; padding: 40px 24px; max-width: 600px; color: #fff !important; }
.footer input[type="submit"]{ background-color: #00adb1; border: 1px solid #00adb1; font-size: 18px; margin-top: 5px; text-transform: capitalize; padding: 8px 10px 12px}
.contactexplanation .tel { background-color: #313748; color: #fff !important; display: inline-block; padding: 10px; text-decoration: none !important}
.loginPanel-button-success:hover,
.loginPanel-button-error:hover,
.loginPanel-button-warning:hover,
.loginPanel-button-secondary:hover,
.contactexplanation .tel:hover { background-color: #313748; border-color: #002E62; background-image: none}
.outlineButton { background-color: transparent; border: 1px solid #58b8a3; color: #DADFE2 !important; letter-spacing: 1px;display: block; font-size: 14px; margin-top: 10px; padding: 8px 16px; text-decoration: none !important; text-transform: uppercase;border-left: 0;
border-right: 0; margin:24px auto 0}
.outlineButton:hover { border-color: #2ba2eb}
.button{ border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; font-style: normal; line-height: 20px; position: relative; text-align: center; text-rendering: optimizelegibility; transition: all 0.15s ease 0s; vertical-align: middle; white-space: normal; width: auto; background-color: #00adb1; border: 1px solid #00adb1; font-size: 18px; margin-top: 5px; padding: 8px 10px 12px; text-transform: capitalize; text-decoration: none}
.panel03 .button {background-color:#143059; border: 1px solid#143059}
.btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent;     padding: .375rem .75rem;font-size: 1rem; line-height: 1.5;     border-radius: .25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; text-decoration: none}
.btn-outline {color: #fff;background-color: transparent;border-color: #fff;margin: 40px auto 8px}
.btn-outline:hover { background-color: #587B98}
button a{ text-decoration: none !important}
.bookNow, .quoteNow{ transition: .3s all ease-in-out !important; text-decoration: none !important;;line-height: normal;  font-weight: 700; border:2px solid; border-radius: 60px; padding: 16px 24px; font-size: 1.125rem !important;margin: 8px 0;  text-align: center !important; display: block; float: left}
.bookNow{background-color: #e65535 !important; color:#fff; border-color: #e65535}
.bookNow:hover{ background-color: #FFFFFF !important;color: #e65535 !important;-webkit-transform: scaleY(1)}
.quoteNow { background-color:#324184 !important; color: #fff !important; border-color:#E65535}
.quoteNow:hover{ background-color: #FFFFFF !important;color: #506CF0 !important;-webkit-transform: scaleY(1)}
.bookNow a, .quoteNow a{ text-decoration: none !important; }

/*----------------- Call to Action buttons -----------------*/
.cta01 {display: inline-block;color: #264a7f  !important;border: 1px solid #264a7f; padding: 8px 16px; font-weight: 400;transition: all 0.3s;text-decoration:none !important}
.cta01:hover { color: #fff !important; background:  #264a7f}
.cta02 {text-decoration:none !important;border-radius: 8px;color: #fff !important; background:#e65535;display: inline-block;padding: 8px 16px; font-weight: 400;transition: all 0.3s;font-family: 'Cabin Condensed', Tahoma, Arial, sans-serif; font-size:24px !important; line-height: normal !important}
.cta02:hover { color:#FF491C !important;border: 1px solid#e65535;background: #FFF}
.cta03 {text-decoration:none !important;display: inline-block;color: #FFF !important;border: 1px solid #FFF; padding: 8px 16px; font-weight: 400;transition: all 0.3s}
.cta03:hover { color: #fff !important; background-color: #1C7880}
.cta04 { text-decoration: none !important;border-radius: 8px; color: #fff !important; background:#e65535; display: inline-block; padding: 8px 16px; font-weight: 400; transition: all 0.3s; font-size: 24px !important; line-height: normal !important; margin-top: 24px; margin-bottom: 16px;letter-spacing: 1px}
.cta04 a {text-decoration: none; color: #fff !important;text-transform: uppercase}
.cta04:hover { color:#FF491C !important;border: 1px solid#e65535;background: #FFF}
.cta04 a:hover { color:#FF491C !important}

/*---------------------- footer ------------------*/
.mobileMenu.menubox-footer-right-T.mob_hide { display: none}
.footerOuter {margin-top: 10px}
.footerOuter, .copyright { padding-top:24px}
.footer-center-left {padding-right: 60px}
.footer-right .socialicons_ { width: 100%; display: block; text-align: right}
.footer-right .footerTextContainer{ display: block; text-align: right;margin:24px 0 0}
.footer-right .footerTextContainer p {margin: auto;text-align: right;padding: 0}
.footer-right .footerTextContainer a {font-size: 10pt;padding: 0}
.footer .i-email { display: inline; float: none; margin-right: 5px; padding: 0 0 0 30px; width: 100px; text-decoration: none}
.footer .i-email.contact_email.tooltip { color: #fff}
.socialicons_  img{  margin: 0 8px 8px 0; width: 32px;/*padding: 8px;border: 1px solid #fff;*/}
.footer .email { background-image: url(images/i-email-white.png)}
.footer .address {background-image: url(images/i-address-white.png)}
.footer .hours {background-image: url(images/i-hours-white.png)}
.footer .fax {background-image: url(images/-fax-white.png)}
.footer .email, .footer .address, .footer .hours, .footer .fax, .footer .phone {
background-position: 0 0; background-repeat: no-repeat; display: inline-block;margin: 0;
/*margin: 0 0 16px; padding: 0 0 0 32px; width: 100%; */}
.footer .cta{width: 100%;display: inline-block;margin: 16px 0}
.footer .extra {border-right: 1px solid;float: left;padding-left: 30px;padding-right: 30px;height: 68px;vertical-align: middle;width: auto}
.footer .extra:first-child {padding: 0 30px 0 0}
.footer .extra:last-child {border-right: 0 none;padding-top: 12px}
.phone-101, .email-101 { background-image: url(images/i-email-101.png) !important; padding-left: 40px !important; width: unset; background-position: left center !important; background-repeat: no-repeat}
.phone-101 { background-image: url(images/i-phone-101.png) !important}
.email-101 { background-image: url(images/i-email-101.png) !important}
.i-email-lrg { background-image: url(/media/images/static/i-email-lrg.png); background-position: left top; background-repeat: no-repeat; cursor: pointer; font-size: 30px !important; padding: 50px 0 !important; width: 100%; display: block}
.contact_email { cursor: pointer}
.tooltip { position: relative}
.footer p, .footer li, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5{ font-family: inherit; color: #fff; line-height: normal; margin: 0; font-style: normal; text-align: left ;font-size: 1.0rem}
.footer  .contactCTA p { line-height:1.4}
.footer a { color: #fff !important; text-decoration: none}
.footer h2 { font-size: 32px;padding: 0}
.footer h3 { font-size: 24px;margin: 0;color: #e65535 !important}
.footer h4 { font-size: 16px}
.borders { position: relative;padding: 0 0 16px 0}
.borders:after {content: '';position: absolute;border-bottom: 5px solid#e65535;z-index: 20;width: 100px;margin: 8px 0}
.footer .bullet {margin: 8px 0 8px 16px}
.footer .bullet li{margin: 4px 0 0;padding: 0}
.footerMiddle li { list-style-type: square}
.footerMiddle li a:hover  {color:#e65535 !important}
.copyright {padding-top: 32px;padding-bottom: 32px}
.copyright .copyrightContent{ border-top: 0 none;padding: 0;text-align: left}
.copyright p, .copyright a { color: #DAE0E0 !important; padding: 0; margin:0;font-size: 12px}
.copyrightContent p:first-child { display: none}

/*---------------------- Contact  page ------------------*/
.contactdetails {width: 100%;  margin:auto; text-align:center;padding: 0 40px !important}
.contactcontainer { padding: 24px 60px; width: 100%; margin: auto; text-align: center; max-width: 900px}
.enquiriesform { padding: 24px; width: 100%; margin: auto; text-align: center}
.contactcontainer ul { width: 100%;text-decoration: none}
.contactdetails h3 {color: #778A95;border-top: 0 none;padding: 8px 0 0;margin-top: 16px}
.contactdetails h4 {color: #778A95;font-size: 24px;padding: 0}
.contactdetails h5 { font-size: 24px}
.contactdetails p {padding: 8px 0}
.errorlabel{margin: 2px 0}
.contactcontainer .clearfloat {display: none}
.contactcontainer .sendbtn{ text-align: center; width: 100%; letter-spacing: 4px}
.mapbox {width: 100%}
/*.contactcontainerTop {padding-right: 24px}*/
.contactInfo {padding-bottom:0; font-weight: 600;font-size: 18px}
.contact .pageIntro-top {display: none}
.contactcontainerTop .dark-blue-panel {padding: 24px !important;margin: 24px 0}

/*----------------- contacts panel -----------------*/
/*.contacts{padding: 50px 0px 80px 0px}*/
.contactCTA{float: left; display: block; background-position: center center; padding: 0 0 0 50px !important;
/*width: 33%; padding: 0 15px 0 50px !important; border-right: 1px solid #7D8389*/}
/*.contactCTAh3 {color: #505050;font-size: 14px}*/
.contactCTA p{ padding:0;font-size: 32px;font-weight: 700;line-height: 100%}
.contact .phone { background-image: url(images/speech-bubble.png);background-size: 40px;background-position: 0 0; background-repeat: no-repeat; display: inline-block;margin: 0;text-align: left;height: 42px}
.contact h3 {font-family: "Roboto", Open Sans, Arial, sans-serif; font-style: normal;padding-bottom: 0; margin:0;font-size: 24px}
.header .contact {float: right;display: inline-block;margin:8px 16px}
.header .contactCTA a { color:#000;font-size: 24px}
.header .bookNow {float: right}
.footer .contact {display: block;width: 100%; float: left}
.footer  .phone {height: auto}
.centred {display: inline-block}
.centred a {margin: 24px;color: #fff !important}

.desktop{display: block}
.mobileH{display: none}
.desktop02{display: block}

.contact.mob_show { display: none}
.headertextposition_center { position: relative; text-align: center; top: unset; transform: unset; width: 100%; display: block;	/* float: left; */}
.headerColumnMiddle {display: none}

/*---------------------- Additional ------------------*/
.rooms .imagelist_cont {float: left}
.rooms .additionalimages {box-shadow: 0 5px 5px rgba(0,0,0,0.2);margin: 0.5%}
.column90p {text-align: center; margin: auto;display: block;float: unset}
.photoPanel .item_col {max-width: none}
.column33p {width: 33.333%}
.reset { -webkit-appearance: none}
.fake-like-search {-webkit-appearance: searchfield;  }
select { -webkit-appearance: menulist; box-sizing: border-box; align-items: center; white-space: pre; -webkit-rtl-ordering: logical; color: black; background-color: #fff; cursor: default; border-width: 1px; border-style: solid; border-color: initial; border-image: initial; }
select { -webkit-appearance: none; -moz-appearance: none; background-position: 100% center; background-repeat: no-repeat; background-image: url("/media/images/static/icn_down.png"); background-size: 24px auto; background-color: #fff; }
.search_tools select { background-position: right center; background-repeat: no-repeat; color: #264a7f; height: 50px; padding: 0 16px; }
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], select, textarea { box-sizing: border-box; width: 100%; padding: 0 8px; background-color: #fff; border: 0; }
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], select{height: 40px}
input, select, textarea { box-sizing: border-box; margin: 0; font-size: 14px; color: #264a7f; -webkit-appearance: none; border-radius: 0; }
.formbuilder textarea {min-height: 100px}
.p0 { padding:0 !important}
.p24 { padding:24px!important}
.pt24 { padding-top:24px!important}
.pb24  { padding-bottom:24px!important}
.pr24  {padding-right:24px!important}
.pl24 { padding-left:24px!important}
.p32 { padding:32px!important}
.pt32 { padding-top:32px!important}
.pb32  { padding-bottom:32px!important}
.pr32  {padding-right:32px!important}
.pl32 { padding-left:32px!important}
.p40 { padding:40px!important}
.pt40 { padding-top:40px!important}
.pb40  { padding-bottom:40px!important}
.pr40  {padding-right:40px!important}
.pl40 { padding-left:40px!important}
.pt60 { padding-top:60px!important}
.pb60  { padding-bottom:60px!important}
.pr60  {padding-right:60px!important}
.pl60 { padding-left:60px!important}
.mt24 { margin-top:24px!important}

/************* FAQ #accordion ***********/
.template_faq { background: #edf3fe none repeat scroll 0 0; }
.panel-group { background: none repeat scroll 0 0; margin-bottom: 0; padding: 30px; }
#accordion .panel { border: medium none; border-radius: 0;box-shadow: none; margin: 0 0 15px 10px; text-align: left !important; }
#accordion .panel-heading { border-radius: 30px; padding: 0;}
#accordion .panel-title a { background:#e65535 none repeat scroll 0 0; border: 1px solid transparent; border-radius: 30px; color: #fff; display: block; font-size: 24px; font-weight: 600; padding: 12px 20px 12px 50px; position: relative; transition: all 0.3s ease 0s; text-decoration: none; }
#accordion .panel-title a.collapsed { background: #fff none repeat scroll 0 0;border: 1px solid #ddd; color: #333;}
#accordion .panel-title a::after, #accordion .panel-title a.collapsed::after { background: #e65535 none repeat scroll 0 0; border: 1px solid transparent; border-radius: 50%; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58); color: #fff; content: ""; font-family: fontawesome; font-size: 25px; height: 55px; left: -20px; line-height: 55px; position: absolute; text-align: center; top: -5px; transition: all 0.3s ease 0s; width: 55px; }
#accordion .panel-title a.collapsed::after { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; box-shadow: none; color: #333; content: ""; }
#accordion .panel-body { background: transparent none repeat scroll 0 0; border-top: medium none; padding: 8px 32px; position: relative; }
#accordion .panel-body h3 {font-size: 30px;}
#accordion .panel-body li {padding: 4px 0;margin-left: 24px;}
#accordion .panel-body li a{ padding: 0; text-decoration: none; }
/* symbol for "opening" panels */
.panel-heading .accordion-toggle:after {
/* symbol for "opening" panels */
font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
content: "\e114"; /* adjust as needed, taken from bootstrap.css */
float: right; /* adjust as needed */
color: grey; /* adjust as needed */}
.panel-heading .accordion-toggle.collapsed:after {
/* symbol for "collapsed" panels */content: "\e080"; /* adjust as needed, taken from bootstrap.css */}
.panel-heading a:after { font-family:'Glyphicons Halflings'; content:"\2212"; float: right;color: grey}
.panel-heading a.collapsed:afte{content:"\2b";}
.panel-heading a:after { font-family: "Glyphicons Halflings"; content: "\2212"; float: right; color: grey; }
.panel-heading a.collapsed:after { content:"\2b";}
.img-resize {width: auto !important;height: auto;}
/*************  general pages panel *************/
.general .flex-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; align-content: stretch; padding: 40px 0 0}
.general .flex-child{ display: block; flex-grow: 0; flex-shrink: 0; flex-basis: auto; align-self: stretch; width: 50% !important; max-width: 50% !important; float: none !important; margin: 0px; position: relative}
.general .flex-child { width: 50%;padding: 20px 60px;text-align: left}
.general .flex-child:first-child {background-color: #fff}
.general .flex-child:last-child {background-color: #fff;padding: 20px 0 20px 40px}
.general .flex-middle {padding: 24px}
.general ul { margin-bottom: 0px; text-align: center;max-width: 50ch}
.general h3 {color:#e65535 !important}
.general a, .general li {color: #143059 !important}
.general ul {max-width: 100%}
.width-16ch{width: 16ch;}

/*************  contact panel highlight *************/
.extra .flex-child:first-child { -webkit-border-top-left-radius: 40px; -webkit-border-bottom-left-radius: 40px; -moz-border-radius-topleft: 40px; -moz-border-radius-bottomleft: 40px; border-top-left-radius: 40px; border-bottom-left-radius: 40px; }
.extra .flex-child:last-child { -webkit-border-top-right-radius: 40px; -webkit-border-bottom-right-radius: 40px; -moz-border-radius-topright: 40px; -moz-border-radius-bottomright: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; }
.extra .flex-child:last-child p{ color:inherit !important}
.bg-white {background-color: #fff !important;}
[class*="shadow"] {transition: all .2s ease;}
.icon-shape { width: 4.5rem; height: 4.5rem; text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius: .45rem; }
.icon-shape.icon-lg {width: 6rem;height: 6rem;}
.icon-secondary span {color: #1c2540;}
.icon{padding: 10px;}
.card-group .card:first-child { text-align: left; color: #fff; background-color: #143058; }
.card-group .card:first-child h4 {font-size: 40px;font-weight: 600;}
.card-group .card:first-child p {line-height: 2;}

