/* Mega Menu */
.dj-megamenu-default { background: none; font-family: 'stellarmedium', Arial, sans-serif; text-align: right; }
.dj-megamenu-default li a.dj-up_a {
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    color: #fff;
    text-transform: none; 
    font-family: 'stellarmedium', Arial, sans-serif;
    border: 0; 
}
.dj-megamenu-default li a.dj-up_a:hover {color: #e6494c!important;}

.dj-megamenu-default li.dj-up { display: inline-block; float: none; }
.dj-megamenu-default li a.dj-up_a { padding: 0 12px;}

.dj-megamenu-default li a.dj-up_a span {height: 48px; line-height: 48px;font-weight: normal;}
.dj-megamenu-default li a.dj-up_a:hover, 
.dj-megamenu-default li a.parent, 
.dj-megamenu-default li:hover a.dj-up_a,
.dj-megamenu-default li.hover a.dj-up_a, 
.dj-megamenu-default li.active a.dj-up_a, 
.dj-megamenu-default li ul.dj-submenu > li > a:hover,
.dj-megamenu-default li ul.dj-submenu > li > a.active,
.dj-megamenu-default li ul.dj-submenu > li.hover:not(.subtree) > a 
 { background: none; background-color: transparent; -webkit-box-shadow:  none; box-shadow: none; }

.dj-megamenu-default li:hover div.dj-subwrap,
.dj-megamenu-default li.hover div.dj-subwrap, .dj-megamenu-default li:hover div.dj-subwrap li:hover > div.dj-subwrap,
.dj-megamenu-default li.hover div.dj-subwrap li.hover > div.dj-subwrap { background:#2b3543!important; -webkit-box-shadow: none; box-shadow: none; }

div.dj-subwrap { padding: 20px 0px!important; -webkit-box-shadow:  none; box-shadow: none; border-radius: 2px; text-align: left; }

.dj-megamenu-default li ul.dj-subtree {margin: 5px 3px 5px !important;}

.dj-megamenu-default li ul.dj-subtree > li { list-style: none; padding: 3px 8px; margin: 0; border-radius: 2px; transition: all ease-in-out 0.2s; }
.dj-megamenu-default li ul.dj-subtree > li:hover { background: #e6494c; }
.dj-megamenu-default li ul.dj-subtree > li a { color: #fff; }
.dj-megamenu-default li ul.dj-submenu > li > a { font-size: 16px; color: #fff;  }

.dj-megamenu-default li.hover div.dj-subwrap {/* left: -355px; */ border-bottom: 4px solid #e6494c; }

.arrow { color: #e6494c; }

@media only screen and (min-width: 980px) and (max-width: 1150px){
.dj-megamenu-default li a.dj-up_a {font-size:14px}
}

/* Mobile Mega Menu Steez */
.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn { background: none; color: #e6494c; height: 27px; font-size: 27px; relative; float: right}
.dj-megamenu-offcanvas-dark .dj-mobile-open-btn:hover, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn:focus, .dj-megamenu-accordion-dark .dj-mobile-open-btn:hover, .dj-megamenu-accordion-dark .dj-mobile-open-btn:focus { background: none; color: #fff;}

.dj-offcanvas-dark .dj-offcanvas-top, .dj-offcanvas-content, aside.dj-offcanvas-dark, .dj-offcanvas-end,
.dj-offcanvas-dark ul.diamond li a 
{background-color: #2b3543!important;}
.dj-offcanvas-dark ul.diamond li a { border-top-color: #3f4753; } 
.dj-offcanvas-dark ul.diamond li:last-child a { border-bottom: 1px solid #3f4753; } 


/* Diamond Air */
/* Updated 15/11/17 */

/* Fonts */
@font-face {
    font-family: 'stellarmedium';
    src: url('font/stellar-medium-webfont.woff2') format('woff2'),
         url('font/stellar-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'stellarlight';
    src: url('font/stellar-light-webfont.woff2') format('woff2'),
         url('font/stellar-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Main layout sections */
html, body { height:100%;background:#2b3543;}

body { margin:0px auto; color:#2b3543; font-family: 'stellarlight', Arial, sans-serif; background: transparent; }
img { border:0; display:block; max-width:100%; max-height:auto!important; }
div.img_caption {max-width: 100%}

p img { display:inline; }
strong {font-family: 'stellarmedium'}
hr { border: 0; border-top: 1px dotted #e6494c; }
a img {transition: all .2s ease-in-out;}
a:hover img {transform: scale(.97);}

div.wrap { position:relative; }
div.subwrap { margin:0px auto; max-width: 1160px; position:relative; }

div.header { min-height: 90px; padding: 15px 0; z-index: 9;}
div.header div.logo img.logoimg { max-height:90px; width: auto; }

div.header.header-pulldown { position: absolute;left:0;top:-145px;width:100%;box-shadow: 0px 3px 3px #4c505d; transition: all 0.5s ease; }
div.header.header-initial { }

::-moz-selection { background: #e6494c; }
::selection { background: #e6494c; }

/* Main Fonts */
h1 { display: table; font-weight:400; margin: 0px auto 25px auto; padding: 45px 70px 10px 70px; font-size:44px; letter-spacing:-2px; }
h2 { font-weight:400; color:#4c505d; margin: 25px 0px; font-size:27px; }
h2 a { color:#4c505d; text-decoration:none;}
h3 { font-weight:400; color:#e6494c; margin: 20px 0px 10px 0px; font-size:19px; }
h4 { font-weight:400; color:#4c505d; margin: 15px 0px; font-size:17px; }
h5 { font-weight:700; color:#4c505d; margin: 15px 0px; font-size:15px; }
p  { font-weight:400; margin: 5px 0px 15px 0px; font-size:17px; line-height: 160%; }
ul, ol   { font-weight:400; font-size:17px; line-height:160%; margin-bottom: 25px;}
ul li, ol li {margin-left: 15px;} 
a  { color: #e6494c; text-decoration:underline; }
a:hover  { color: #76c9fb; text-decoration:none; }
a:active { color: #4c505d; text-decoration:none; }


div.banner div.custom.pagetitle {position: relative; top: 0; left: 0; width: 100%; z-index:-1; margin-bottom: -340px; height: 560px;
background-size: cover;
background-attachment: fixed;
background-position: center -100px;
transition: top 1.0s ease; }
div.banner h1 { color:#fff;position:relative; top: 70px;}

div.banner {position:absolute;width:100%;}
div.banner + section { margin-top: 250px!important}

div.article-banner { margin-bottom: 20px; }
div.article-banner a img { border-radius: 4px; }
div.article-banner a:hover img {transform: scale(1.0);}
div.article-banner div.box_skitter.mod_btslideshow_pro { background: transparent!important;border-radius: 4px!important; }

section {margin-bottom: 60px; }

body.default div.content { padding: 30px 0; box-shadow: 0px 3px 3px #4c505d; border-radius: 4px; z-index: 1;}
body.default div.content-wrap {width: 90%; padding: 0 5%; }

body.homepage div.blog-featured div.items-leading,body.homepage div.blog-featured div.items-row { margin-bottom: 50px; background: #fff;padding: 15px 5% 15px!important; box-shadow: 0px 3px 3px #4c505d; border-radius: 4px; z-index: 1;width: 90%; padding: 0 5%; }
body.homepage #content.white {background: none;}

/* NEW Version on above 2 lines */
body.is-frontpage div.blog-featured div.items-leading,body.is-frontpage div.blog-featured div.items-row { margin-bottom: 50px; background: #fff;padding: 15px 5% 15px!important; box-shadow: 0px 3px 3px #4c505d; border-radius: 4px; z-index: 1;width: 90%; padding: 0 5%; }
body.is-frontpage .content.white {background: none; box-shadow: none; padding-top: 0;margin-top: 0}
body.is-frontpage .content-wrap { padding: 0!important; width: 100%!important; }
/***********/

/* Bottom */
div.bottom h3 { text-align: center; }
div.bottom ul.menu {text-align:center;padding-bottom: 0}
div.bottom ul.menu li {display:inline-block;padding-bottom: 0;max-width:20%;margin:0}
div.bottom ul.menu li a {background:transparent}
div.bottom ul.menu li a img {width: 100%;height:auto;}


div.whitetext p {color:#fff;}

#footer { padding: 40px 0; background:url(../images/tri-left.png) 
no-repeat left center; }


/* Navigation */
div.navigation div.tel {text-align:right; padding-left: 12px; padding-right: 12px;}
div.navigation div.tel a.btn {background:none; color:#e6494c;font-size: 17px;margin: 0px;}

div.navigation h3 { color:#fff;font-size: 16px;text-transform: uppercase;text-align:right;margin: 0px 0px 0px 0px; padding: 0px 12px;display:none;cursor: pointer; /* forces iphone to open the menu on click */}
div.navigation ul { margin: 0px 0px 0px 0px; padding: 0px; text-align:right; position: relative;}
div.navigation ul li { margin: 0px 6px; padding: 0px; list-style: none;font-size: 18px; display: inline-block; position: relative;z-index:101;}
div.navigation ul li a,div.navigation ul li span.separator { color:#fff;display: block; margin: 0px 6px; padding: 15px 2px; font-family: 'stellarmedium', Arial, sans-serif;text-decoration: none; transition: all 0.35s ease-out;cursor: pointer; /* forces iphone to open the menu on click */}
div.navigation ul li a:hover {background:transparent;}
/* Navigation - Pulldown */
div.navigation ul li a { color: #2b3543; }
div.navigation ul li a:hover { color: #e6494c; }
div.navigation ul li a:focus { background:transparent; }
/* Navigation - Initial */
div.navigation ul li a { color: #fff;  }
div.navigation ul li a:hover { color: #e6494c; }

div.navigation ul li > ul {visibility: hidden; position: absolute; width: 260px; text-align: left; left: 0; top: 0px; opacity: 0.0; padding: 15px 25px!important; border-bottom: 4px solid #e6494c; background: #2b3543; background: rgba(43,53,67,0.9); z-index: 99; transition: all ease 0.5s; }
div.navigation ul li:hover ul { visibility: visible; opacity: 1.0;top: 42px; }
div.navigation ul ul li { display: block; padding: 0px; margin: 0px; }
div.navigation ul li.active ul li a {  }
div.navigation ul li ul li a { font-size: 16px; padding: 7px 5px!important; display: block; font-weight: 400; text-transform: none; transition: all ease 0.4s;border-radius: 3px; }
div.navigation ul li ul li:first-child a {}
div.navigation ul li ul li a:hover { background: #339;background: rgba(0,0,0,0.2)!important; color:#e6494c; }
/* REDUNDANT div.navigation ul li.deeper.parent { margin-right: 9px; padding-right: 3px; background: url(../images/arrow.png) no-repeat right center; }
div.navigation ul ul li.deeper.parent { margin-right: 9px; padding-right: 0px; background: url(../images/arrow.png) no-repeat right 10px; } */
div.navigation ul li > a:not(:last-child):after  { content: ' ▾'; }
div.navigation ul ul li > a:not(:last-child):after  { content: ' ▸'; }

div.navigation ul ul ul { z-index:100; top: -0px!important; left: 0px!important; margin: 0 0 24px 0; width: 90%; visibility: visible; }
div.navigation ul li:hover ul ul { left: 285px!important; }
div.navigation ul li ul li ul li a { font-size: 14px;text-transform:uppercase; }
div.navigation ul li ul li ul li a:hover { background: #339;background: rgba(0,0,0,0.2)!important;  }

/* Hide 4th UL */
div.navigation ul ul ul li > a:not(:last-child):after  { content: ''; }
div.navigation ul ul ul ul { display:none!important }


@media only screen and (max-width: 1060px){
div.navigation h3 { display: block; }
div.navigation > ul { display: none; position: absolute; left: 0; z-index: 200;background: #2b3543; margin: -1px 0 0 0; width: 92%; padding: 20px 4%; text-align: center; }
div.navigation h3:hover ~ ul,div.navigation ul:hover { display: block; }
}
@media only screen and (max-width: 766px){
  div.logo.span4 {width: 100%;text-align:center;}
  div.logo.span4 img {display:block; margin: 0px auto;}
  div.navigation div.tel { position:absolute;}
  div.navigation > ul li {display:block;text-align:right;} 
  div.navigation ul li ul {position:relative;top:0;}
  
  
  div.navigation ul li {display:block;width: 100%; }
  div.navigation ul li a {display:block;width: 94%; }
  div.navigation ul li ul {position:absolute; top:0px!important; margin: 0 0 20px 0; width: 90%}
  div.navigation ul li ul ul {position:relative; top:0!important; left:10px; margin: 0 0 20px 0; width: 90%}
  div.navigation ul li.deeper.parent { margin-right: 9px; background: url(../images/arrow.png) no-repeat right 20px; }
  
  div.navigation ul > li:hover > ul { position:relative; visibility:visible; top: 0px!important; opacity: 1; }
  div.navigation ul > li:hover > ul > li:hover > ul { position:relative; visibility:visible; left: 10px!important;top: 0px; opacity: 1; }
  
}

/* Content */
ul.tags.inline::before { content:'TAGS:';font-family: 'stellarmedium'; font-size: 16px; color:#4c505d; }
ul.tags.inline li {margin: 0 1px 0 0;padding: 0; }
ul.tags.inline li a { padding: 4px 12px; text-decoration: none; background: #e6494c; border-radius: 2px; transition: all ease 0.3s; }
ul.tags.inline li a:hover { background: #4c505d; }

div.btn-group {margin-bottom: 20px; }
label.filter-search-lbl { display: none!important; }
input#filter-search { margin: 0px 5px 0 0; }
ul.category.list-striped li:first-child {border-top: 1px dotted #ccc0cd}
ul.category.list-striped li {list-style: none; padding: 0px; margin: 0px; border-bottom: 1px dotted #ccc0cd}
ul.category.list-striped li h3 { padding: 0px; margin: 0px; }
ul.category.list-striped li a {text-decoration: none; padding: 15px 5px; display: block; transition: all ease 0.3s; }
ul.category.list-striped li a:hover {background: #f7f8fa;color:#e6494c;}
ul.category.list-striped li a::before { content:'\f1ea';font-size: 16px;color:#4c505d; font-family: 'fontawesome';padding-right: 5px; font-weight:normal;transition: all ease 0.3s;}
ul.category.list-striped li a:hover::before { color:#e6494c; padding-right: 8px; padding-left: 8px; }

.pull-none.item-image { margin-bottom: 20px; }
.content .subcat-column { margin-bottom: 50px; }
.content div.page-header {padding: 0; margin: 0}
.content div.page-header + div.page-header {padding: 0; margin: 0 0 25px 0 }
.content div.page-header h1 {padding: 20px 0; margin: 0; text-align: center;width: 100%}

.content .cat-children {margin: 30px 0; padding: 30px 0; border-top: 3px solid #e6494c; border-bottom: 3px solid #e6494c;}
.content .cat-children .subcat-column { width: 30%; display: inline-block; margin-right: 3%;vertical-align: top; }
.content .cat-children .subcat-column + .subcat-column + .subcat-column { margin-right: 3%!important; }
.content .cat-children .subcat-column h3.page-header { margin-bottom: 10px; padding-bottom: 3px;z-index: 1;position:relative;}
.content .cat-children .subcat-column h3 a { text-decoration: none; }
.content .cat-children .subcat-column button.cat-link {z-index: 0;position:relative;padding: 10px;border-radius:3px;vertical-align:top!important;height:100%;border:none;text-align: left;background:transparent; transition: all 0.5s ease}
.content .cat-children .subcat-column button.cat-link:hover{background:#f5f5f5}
.content .cat-children div.hide-cat-child {display:none;}
.btn, li.content-links-a a, li.content-links-b a {box-shadow:none;text-shadow:none;border:none;border-radius:3px;padding: 7px 12px;font-size: 13px;text-decoration:none;font-family:'stellarmedium', Arial, sans-serif;transition: all 0.9s ease;}
li.content-links-b { margin: 1px 0 0 0 ; }

.btn.primary { background:#e6494c;color:#fff;}
.btn.primary:hover {background: #76c9fb;}

p.readmore a.btn { border: 4px solid #e6494c;color:#e6494c;background:#fff;text-align: left;text-indent: 0!important;transition: all ease 0.45s!important;}
p.readmore a.btn::before { content:'\f1ea';font-size: 16px;font-family: 'fontawesome';padding-right: 5px; font-weight:normal;}
p.readmore a.btn:hover {color:#fff;background:#e6494c;}
p.readmore span.icon-chevron-right {display:none;}

.content div.cols-3 div.page-header h2,.content div.cols-2 div.page-header h2, div.cols-2 h2.item-title {margin-bottom:15px;font-size:22px;line-height:150%;}
.content div.cols-3 p,.content div.cols-2 p,.content div.cols-3 ul,.content div.cols-2 ul,.content div.cols-3 ol,.content div.cols-2 ol
{font-size:15px;line-height:150%;}

p.img_caption {box-shadow:none;text-shadow:none;border:none;border-radius:3px;padding: 7px 12px;text-align: center;font-size: 21px!important;text-decoration:none;font-family:'stellarmedium', Arial, sans-serif;transition: all 0.9s ease; background:#e6494c;color:#fff;}
.content div.cols-3 p.img_caption {font-size: 16px!important;}

li.content-links-a {margin: 0}

ul.kw-rating {padding: 0; margin: 20px 0; }
ul.kw-rating li { padding: 8px 18px; border-radius: 3px; list-style: none; margin: 0 0 3px 0; line-height: 1; display: inline-block; font-size: 15px; color:#fff; /* font-weight: bold */ }
.heating { background: #d6373a; }
.cooling { background:#42a0d9; }
.bedroom { background:#e9c003; }
.living  { background:#57bd5a; } 
.largeroom  { background:#ef8d0d; } 
ul.kw-rating li::before {font-family: 'fontawesome';padding-right: 7px; font-weight:normal; }
ul.kw-rating li.heating::before {content:'\f185';}
ul.kw-rating li.cooling::before {content:'\f2dc';}
ul.kw-rating li.bedroom::before {content:'\f236';}
ul.kw-rating li.living::before  {content:'\f0f4';}
ul.kw-rating li.largeroom::before  {content:'\f0b2';}

/* BT Content Slider */
.bt-cs.bt-cs.subwrap { margin-bottom: 50px; }
a.bt-title { text-transform: none!important; font-weight: 400!important; color:#fff!important; font-size: 19px; line-height: 1.1!important;min-height: 30px; display: block; } 
.bt-center,.bt-center img {outline: none!important; border: 0!important; padding-bottom: 10px; width: 100%!important; height: auto }
.bt-introtext { color:#d7d8da; }

div.testimonials { margin-bottom: 50px;  }
div.testimonials p, div.testimonials .bt-introtext { margin: 0px; padding: 0 5%; font-style: italic; font-size: 19px; color:#fff; }
div.testimonials p.fontawesome {opacity: 0.2;margin-bottom: -12px;margin-left: -12px; display:block; line-height: 0}
div.testimonials i {line-height: 0}

div.testimonials .bt-introtext::before {content:'\f10d \f10e'; font-family: 'fontawesome'; margin-bottom: -30px; margin-left: -20px; font-style: normal; font-size: 56px; opacity: 0.2; display:block; line-height: 1; }

/* Tabledata */
table.tabledata { border-spacing: 0; padding:0px; margin: 15px 0px; border:0; color:#fff; width:100%; font-size:13px; }
table.tabledata tr { padding: 0px; margin: 0; }
table.tabledata tr th { background: #132543; font-weight: 700; text-align:left; padding: 1px 6px; margin: 0; }
table.tabledata tr td { border-bottom:1px dotted #e6494c; padding: 1px 6px; margin: 0; }
table.tabledata tr:hover td { background: #e6494c; }


table.table1 { border-spacing: 0; padding:0px; margin: 15px 0px; border:0; color:#2b3543; width:100%; font-size:16px; }
table.table1 tr { padding: 0px; margin: 0; }
table.table1 tr th { background: #2b3543; color:#fff; font-weight: 700; text-align:left; padding: 10px 6px; margin: 0; }
table.table1 tr:first-child td { border-top:1px dotted #2b3543; padding: 10px 6px; margin: 0; }
table.table1 tr td { border-bottom:1px dotted #2b3543; padding: 10px 6px; margin: 0; }
table.table1 tr:hover td { background: #e6494c; color:#fff; border: 1px solid #e6494c; }

/* RS Form */
.formControlLabel{ font-size: 15px;border-bottom: 1px dotted #e5e5e5;padding-bottom: 5px;display: none;}
.rsform-input-box, .rsform-text-box {color:#4c505d;font-family: 'stellarmedium', Arial, sans-serif; width: 96%; border: 1px solid #d7d8da!important; box-shadow: none!important;padding-top: 5px!important;padding-bottom: 7px!important;}
.rsform-select-box {color:#4c505d;font-family: 'stellarmedium', Arial, sans-serif; width: 100%; border: 1px solid #d7d8da!important; box-shadow: none;}
.formControls {width:100%;float:none!important;left: 0!important;}
.rsform-submit-button {margin-top: 10px;box-shadow: none; padding: 7px 20px 9px; border: none;background: #e6494c; color: #fff;text-transform: uppercase;border-radius: 3px;transition: all 0.9s ease;}
.rsform-submit-button:hover {background: #76c9fb;}
.uk-form-controls.formControls {margin-left: 0}

::-webkit-input-placeholder {color:#4c505d;opacity: 1}
:-moz-placeholder {color:#4c505d;opacity: 1}
::-moz-placeholder {color:#4c505d;opacity: 1}
:-ms-input-placeholder {color:#2b3543;opacity: 1}

::-webkit-input-placeholder:active {opacity:0;display:none}
:-moz-placeholder:active {opacity:0;display:none}
::-moz-placeholder:active {opacity:0;display:none}
:-ms-input-placeholder:active {opacity:0;display:none}


/* Footer */
#footer p { clear:both; color:#d7d8da; font-size: 14px; margin: 0px 0px 0px 0px; }
#footer ul.menu { margin: 0px 0px; padding: 0px; font-size:13px; color:#d7d8da; }
#footer ul.menu li { margin:0px; padding: 0px; list-style:none; display:block;line-height: 120% }
#footer ul.menu li a { color: #d7d8da; text-decoration:none; border-bottom: 1px dotted #4c505d; padding: 7px 3px; display:block;}
#footer ul.menu li a:hover { color:#fff; border-bottom:0px; background: #4c505d; }
#footer ul.menu li:first-child a { border-top: 1px dotted #4c505d; }

#footer div.copyright {text-align: center;padding: 40px 0 20px 0;clear:both;}
#footer div.copyright a { color: #d7d8da; text-decoration: none; }
#footer div.copyright a:hover { color: #e6494c; }

#footer div.span3 img {opacity: 0.85;transition: all .2s ease-in-out;}
#footer div.span3 img:hover {opacity: 1;}

.scrollup { width:40px; height:40px; opacity:0.9; position:fixed; bottom:50px; z-index:99999; left:50px; display:none; text-indent:-9999px; background: url(../images/icon_top.png) no-repeat; }

/* +++++++++++++++++ */

@media screen and (max-width: 1200px) {
  div.subwrap{width: 90%;}
}

@media only screen and (max-width: 960px){
    div.banner + section { margin-top: 125px!important}
    h1 { padding: 45px 5% 10px 5%; font-size:21px; letter-spacing: -1px; }
}

@media only screen and (max-width: 766px){
  body {padding:0}
  div.bottom ul.menu li {max-width:30%;}
  div.banner h1 { color:#fff;position:relative; top: 0px;}
}


@media only screen and (max-width: 480px){

}


/************ Palette ************/
.black { background: #000; }
.charcoal { background:#2b3543;color:#fff!important;}
.sunset { background:#e6494c;color:#fff!important;}
.grey { background:#4c505d;color:#fff!important;}
.ghost { background:#d7d8da;color:#4c505d!important;}
.white { background:#fff;}
.clearing { clear:both; }