* {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
}

a img {
    border: 0 !important;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
submit {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
    -webkit-box-sizing: inherit;
    font: inherit;
    color: #2b2b2b;
    letter-spacing: 0.04em;
    line-height: inherit;
}

body {
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    font: 300 16px 'source-sans-pro', Source Sans Pro, sans-serif;
    line-height: 1.5;
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body #main {
    line-height: 1.65em;
    background: #fff;
}

div,
header,
footer {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

a,
a:hover,
a:focus {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
p,
ul,
li {
    display: block;
    line-height: 1.3;
}

ul,
ol {
    font-size: 15px;
}

h1,
h2,
h3,
h4 {
    font-weight: 600;
    font-size: 20px;
}

span.edit-link {
    position: fixed;
    z-index: 28309283029;
    left: 0;
    bottom: 0;
}

span.edit-link a {
    padding: 0.5em;
    background: #111;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin: 1em;
    display: inline-block;
}

span.edit-link a:hover {
    background: #f00;
}

strong {
    font-weight: 600;
}

em {
    font-style: italic;
}

a.red-link {
    color: #36306e;
}

a.red-link:hover {
    text-decoration: underline;
}

img {
    max-width: 100%;
}

.zed {
    z-index: 1;
    position: relative;
}

@media (max-width:1320px) {
    p {
        font-size: 15px;
    }
}

input,
select,
textarea,
submit {
    font-family: 'source-sans-pro', Source Sans Pro, sans-serif;
}

.full {
    display: block;
    width: 100%;
}

.box {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.clear {
    clear: both;
}

.clear.clear-pad {
    padding: 1em 0;
}

.clear.clear-line {
    margin: 2em 0 1em;
    border-bottom: 1px solid #ddd;
}

.clear-inner:after {
    content: ' ';
    display: block;
    clear: both;
}

div,
.box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.content-max {
    max-width: 1340px;
    margin: auto;
    width: 100%;
}

.content-pad {
    padding: 2em 1em;
}

.content-contain {
    position: relative;
    overflow: hidden;
}

.bg-blue {
    background: #cc6a0b;
}

.bg-grey {
    background: #e5e5e5;
}

.bg-white {
    background: #fff;
}

.bg-grey-med {
    background: #3a3a3a;
}

.bg-greyish {
    background: #ccc;
}

.chunk:after {
    content: ' ';
    display: block;
    margin: 20px 0;
    background: #cc6a0b;
    height: 4px;
    width: 100px;
}

.table {
    display: table;
}

.tr {
    display: table-row;
}

.td {
    display: table-cell;
    position: relative;
    overflow: hidden;
}

.td.td-mid {
    vertical-align: middle;
    text-align: center;
}

.td.td-con {
    padding: 7em 2em;
    -webkit-transition: 150ms ease-out;
    -moz-transition: 150ms ease-out;
    -ms-transition: 150ms ease-out;
    -o-transition: 150ms ease-out;
    transition: 150ms ease-out;
}

.td.td-con:hover {
    box-shadow: inset 800px 800px 800px rgba(49, 42, 37, 0.5);
}

.td.td-con h2,
.td.td-con p {
    max-width: 300px;
    display: block;
    margin: auto;
    color: #fff;
}

.td.td-con p {
    font-size: 18px;
}

.td.td-con h2 {
    text-transform: uppercase;
    font-size: 26px;
}

.td.td-con h2:after {
    display: block;
    margin: 10px auto;
    background: #36306e;
    width: 70px;
    height: 3px;
    content: ' ';
}

.col-blue {
    color: #36306e;
}

.col-blue-dark {
    color: #cc6a0b;
}

.col-blue-light {
    color: #ee9239;
}

.col-grey {
    color: #3a3a3a;
}

.btn {
    display: inline-block;
    width: 260px;
    margin-right: 1em;
    max-width: 100%;
    padding: 0.5em;
    text-align: center;
    cursor: pointer;
    border-radius: 100px;
    -webkit-transition: 150ms ease-out;
    -moz-transition: 150ms ease-out;
    -ms-transition: 150ms ease-out;
    -o-transition: 150ms ease-out;
    transition: 150ms ease-out;
}

.btn.blue {
    background: #cc6a0b;
    color: #fff;
    border: 1px solid #cc6a0b;
}

.btn.grey {
    background: #2b2b2b;
    border: 1px solid #2b2b2b;
    color: #fff;
}

.btn.white {
    background: #fff;
    border: 1px solid #fff;
    color: #2b2b2b;
}

.btn.hover-blue:hover {
    background: #2b2b2b !important;
    border: 1px solid #2b2b2b !important;
    color: #fff !important;
}

.btn.hover-grey:hover {
    background: #2b2b2b !important;
    border: 1px solid #2b2b2b !important;
    color: #fff !important;
}

.btn.hover-white:hover {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #2b2b2b !important;
}

.btn.ghost {
    background: transparent !important;
}

.btn.ghost.blue {
    color: #cc6a0b;
}

.btn.ghost.grey {
    color: #2b2b2b;
}

.btn.ghost.white {
    color: #fff;
}

header#branding {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0.5em 1.8em;
    z-index: 100;
    background: rgba(22, 22, 22, 0.7);
    -webkit-transition: background 300ms;
    -moz-transition: background 300ms;
    -ms-transition: background 300ms;
    -o-transition: background 300ms;
    transition: background 300ms;
}

@media (max-width:1080px) {
    header#branding.act {
        background: rgba(22, 22, 22, 0.8) !important;
    }
}

@media (max-width:1640px) {
    header#branding {
        padding: 0.5em 1.6em;
    }
}

@media (max-width:1400px) {
    header#branding {
        padding: 0.5em 1em;
    }
}

@media (max-width:400px) {
    header#branding {
        padding: 0.5em;
    }
}

@media (orientation:landscape) and (max-width:620px) {
    header#branding {
        padding: 0.3em 0.8em;
    }
    header#branding svg {
        width: 65px;
        height: 39.8px;
    }
}

header#branding .logo {
    display: inline-block;
    float: left;
    padding-right: 3em;
    border-right: 1px solid #e5e5e5;
}

@media (min-width:980px) {
    header#branding .logo {
        margin-right: 1em;
    }
}

header#branding .logo svg {
    float: left;
}

@media (max-width:1600px) {
    header#branding .logo {
        padding-right: 2em;
    }
    header#branding .logo svg {
        width: 90px;
        height: 55.2px;
    }
}

@media (max-width:1400px) {
    header#branding .logo {
        padding-right: 1em;
    }
    header#branding .logo svg {
        width: 80px;
        height: 49.5px;
    }
}

@media (max-width:780px) {
    header#branding .logo svg {
        width: 76px;
        height: 46.6px;
    }
}

@media (max-width:780px) {
    header#branding .logo svg {
        width: 70px;
        height: 42.9px;
    }
}

header#branding .nav {
    display: inline-block;
}

header#branding .nav.nav-left {
    float: left;

    padding-right: 1em;
}

@media (max-width:1080px) {
    header#branding .nav.nav-left {
        width: auto;
        padding-right: 0;
    }
}

header#branding .nav.nav-right {
    float: right;
    padding: 1.15em 0 1.15em 3em;
}

@media (min-width:1400px) {
    header#branding .nav.nav-right {
        margin-top: 4px;
    }
}

@media (max-width:1080px) {
    header#branding .nav.nav-right {
        width: 85%;
        padding: 0.7em 0 0;
    }
    header#branding .nav.nav-right .ghost {
        display: none !important;
    }
}

@media (max-width:780px) {
    header#branding .nav.nav-right {
        width: 78%;
    }
}

@media (max-width:620px) {
    header#branding .nav.nav-right {
        width: 70%;
    }
}

@media (orientation:landscape) and (max-width:620px) {
    header#branding .nav.nav-right {
        padding-top: 0.6em;
    }
}

header#branding .nav.nav-right a.whitewall {
    color: #fff;
    font-size: 18px;
}

header#branding .nav.nav-right a.social {
    margin-right: 20px;
}

header#branding .nav.nav-right a.social:hover {
    opacity: 0.6;
}

@media (max-width:1500px) and (min-width:1081px) {
    header#branding .nav.nav-right a.social {
        display: none;
    }
}

@media (max-width:1080px) {
    header#branding .nav.nav-right a.social {
        margin: 0 1em;
    }
}

@media (min-width:1081px) {
    header#branding .nav.nav-right a.whitesmall {
        display: none !important;
    }
}

@media (max-width:1080px) {
    header#branding .nav.nav-right a.whitewall,
    header#branding .nav.nav-right a.social {
        float: right;
    }
    header#branding .nav.nav-right a.whitewall {
        margin: 0 0 0 1em;
        padding: 0 0 0 2em;
        border-left: 1px solid #fff;
    }
    header#branding .nav.nav-right a.whitesmall {
        padding-right: 2em;
        border-right: 1px solid #fff;
    }
}

@media (max-width:780px) {
    header#branding .nav.nav-right a.whitecall {
        font-size: 0;
        border-left: none;
        margin-left: 12px;
    }
    header#branding .nav.nav-right a.whitecall .icon {
        height: 22px;
        width: 22px;
        margin: 1px 5px 0 0;
    }
}

@media (max-width:620px) {
    header#branding .nav.nav-right a.whitecall {
        margin-left: 4px;
    }
    header#branding .nav.nav-right a.whitecall icon {
        margin-right: 0;
    }
    header#branding .nav.nav-right a.whitesmall {
        display: none;
    }
    header#branding .nav.nav-right a.social {
        margin-left: 0;
    }
}

header#branding .nav.nav-right a:hover {
    color: #36306e;
}

header#branding .nav.nav-right .icon {
    height: 20px;
    width: 20px;
    margin: 0 5px -4px 0;
}

header#branding .nav.nav-right .btn {
    display: inline-block;
    padding: 0.2em;
    margin-top: -2px;
    margin-right: 0;
    width: 130px;
    float: right;
}

.mobile-btn {
    display: inline-block;
    float: right;
    width: 40px;
    height: 40px;
    margin-top: -6px;
    padding-left: 2em;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: pointer;
}

@media (min-width:1081px) {
    .mobile-btn {
        display: none;
    }
}

@media (max-width:620px) {
    .mobile-btn {
        margin-top: -7px;
    }
}

.mobile-btn .xx {
    display: block;
    position: absolute;
    background: #fff;
    width: 36px;
    height: 2px;
    left: 1.8em;
    -webkit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -ms-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    transition: 200ms ease-out;
}

.mobile-btn .x1 {
    top: 24%;
}

.mobile-btn .x2 {
    top: 46%;
}

.mobile-btn .x3 {
    top: 69%;
}

.mobile-btn.act .x2 {
    width: 0;
    left: 3em;
}

.mobile-btn.act .x1 {
    top: 46%;
    -webkit-transform: rotateZ(225deg);
    -moz-transform: rotateZ(225deg);
    -ms-transform: rotateZ(225deg);
    -o-transform: rotateZ(225deg);
    transform: rotateZ(225deg);
}

.mobile-btn.act .x3 {
    top: 46%;
    -webkit-transform: rotateZ(-225deg);
    -moz-transform: rotateZ(-225deg);
    -ms-transform: rotateZ(-225deg);
    -o-transform: rotateZ(-225deg);
    transform: rotateZ(-225deg);
}

.menu-desktop-header-left-container {
    display: inline-block;
    float: left;
}

@media (max-width:1080px) {
    .menu-desktop-header-left-container {
        display: none;
    }
}

header#branding ul#menu-desktop-header-left {
    display: block;
    list-style: none;
    padding-left: 2em;
}

@media (max-width:1600px) and (min-width:1401px) {
    header#branding ul#menu-desktop-header-left {
        padding-top: 5px;
    }
}

@media (max-width:1400px) {
    header#branding ul#menu-desktop-header-left {
        padding-left: 1em;
        padding-top: 4px;
    }
}

header#branding ul#menu-desktop-header-left li {
    display: inline-block;
    padding: 0.75em 0em 0.75em 0;
    position: relative;
}

@media (max-width:1600px) {
    header#branding ul#menu-desktop-header-left li {
        padding: 0.2em 0em 0.2em 0;
    }
}

header#branding ul#menu-desktop-header-left li:hover {
    cursor: default;
}

header#branding ul#menu-desktop-header-left li a {
    display: block;
    padding: 0.6em 0.8em 0.6em 0.5em;
    color: #fff;
    border-bottom: 1px solid transparent;
    font-size: 18px;
    -webkit-transition: border 400ms;
    -moz-transition: border 400ms;
    -ms-transition: border 400ms;
    -o-transition: border 400ms;
    transition: border 400ms;
}

@media (max-width:1400px) {
    header#branding ul#menu-desktop-header-left li a {
        font-size: 16px;
    }
}

@media (max-width:1300px) {
    header#branding ul#menu-desktop-header-left li a {
        padding: 0.6em 1em 0.6em 0.4em;
    }
}

@media (max-width:1200px) {
    header#branding ul#menu-desktop-header-left li a {
        padding: 0.6em 0.7em 0.6em 0.3em !important;
        font-size: 15px;
        margin-top: 0.2em;
    }
}

header#branding ul#menu-desktop-header-left li ul.sub-menu {
    display: block;
    height: 0;
    width: 320px;
    position: absolute;
    top: 100%;
    left: 0;
    overflow: hidden;
    padding-top: 9px;
}

@media (max-width:1600px) {
    header#branding ul#menu-desktop-header-left li ul.sub-menu {
        padding-top: 22px;
    }
}

@media (max-width:1400px) {
    header#branding ul#menu-desktop-header-left li ul.sub-menu {
        padding-top: 24px;
    }
}

header#branding ul#menu-desktop-header-left li ul.sub-menu li {
    display: block;
    width: 100%;
    padding: 0 0 0 0;
}

header#branding ul#menu-desktop-header-left li ul.sub-menu li:last-child a {
    padding-bottom: 1.1em !important;
}

header#branding ul#menu-desktop-header-left li ul.sub-menu li:before {
    display: block;
    position: absolute;
    left: 4px;
    top: 16px;
    content: ' ';
    width: 18px;
    height: 18px;
    background: url(img/graphics/icons/icon-point-white.png) no-repeat center center;
    background-size: 16px 16px;
}

header#branding ul#menu-desktop-header-left li ul.sub-menu li a {
    border-bottom: none !important;
    font-size: 16px;
    font-weight: 400;
    padding: 0.8em 0.5em 0.8em 2em;
    opacity: 0;
    margin-left: 1em;
    -webkit-transition: 300ms ease-out;
    -moz-transition: 300ms ease-out;
    -ms-transition: 300ms ease-out;
    -o-transition: 300ms ease-out;
    transition: 300ms ease-out;
}

@media (max-width:1400px) {
    header#branding ul#menu-desktop-header-left li ul.sub-menu li a {
        font-size: 15px;
    }
}

header#branding ul#menu-desktop-header-left li ul.sub-menu li:nth-child(1) a {
    -webkit-transition: 300ms ease-out;
    -moz-transition: 300ms ease-out;
    -ms-transition: 300ms ease-out;
    -o-transition: 300ms ease-out;
    transition: 300ms ease-out;
}

header#branding ul#menu-desktop-header-left li ul.sub-menu li:nth-child(2) a {
    -webkit-transition: 300ms ease-out 50ms;
    -moz-transition: 300ms ease-out 50ms;
    -ms-transition: 300ms ease-out 50ms;
    -o-transition: 300ms ease-out 50ms;
    transition: 300ms ease-out 50ms;
}

header#branding ul#menu-desktop-header-left li ul.sub-menu li:nth-child(3) a {
    -webkit-transition: 300ms ease-out 100ms;
    -moz-transition: 300ms ease-out 100ms;
    -ms-transition: 300ms ease-out 100ms;
    -o-transition: 300ms ease-out 100ms;
    transition: 300ms ease-out 100ms;
}

header#branding ul#menu-desktop-header-left li ul.sub-menu li:nth-child(4) a {
    -webkit-transition: 300ms ease-out 150ms;
    -moz-transition: 300ms ease-out 150ms;
    -ms-transition: 300ms ease-out 150ms;
    -o-transition: 300ms ease-out 150ms;
    transition: 300ms ease-out 150ms;
}

header#branding ul#menu-desktop-header-left li ul.sub-menu li:nth-child(5) a {
    -webkit-transition: 300ms ease-out 200ms;
    -moz-transition: 300ms ease-out 200ms;
    -ms-transition: 300ms ease-out 200ms;
    -o-transition: 300ms ease-out 200ms;
    transition: 300ms ease-out 200ms;
}

header#branding ul#menu-desktop-header-left li ul.sub-menu li:nth-child(6) a {
    -webkit-transition: 300ms ease-out 250ms;
    -moz-transition: 300ms ease-out 250ms;
    -ms-transition: 300ms ease-out 250ms;
    -o-transition: 300ms ease-out 250ms;
    transition: 300ms ease-out 250ms;
}

header#branding ul#menu-desktop-header-left li ul.sub-menu li:nth-child(7) a {
    -webkit-transition: 300ms ease-out 300ms;
    -moz-transition: 300ms ease-out 300ms;
    -ms-transition: 300ms ease-out 300ms;
    -o-transition: 300ms ease-out 300ms;
    transition: 300ms ease-out 300ms;
}

header#branding ul#menu-desktop-header-left li ul.sub-menu li:nth-child(8) a {
    -webkit-transition: 300ms ease-out 350ms;
    -moz-transition: 300ms ease-out 350ms;
    -ms-transition: 300ms ease-out 350ms;
    -o-transition: 300ms ease-out 350ms;
    transition: 300ms ease-out 350ms;
}

header#branding ul#menu-desktop-header-left li ul.sub-menu li:nth-child(9) a {
    -webkit-transition: 300ms ease-out 400ms;
    -moz-transition: 300ms ease-out 400ms;
    -ms-transition: 300ms ease-out 400ms;
    -o-transition: 300ms ease-out 400ms;
    transition: 300ms ease-out 400ms;
}

header#branding ul#menu-desktop-header-left li ul.sub-menu li:nth-child(10) a {
    -webkit-transition: 300ms ease-out 450ms;
    -moz-transition: 300ms ease-out 450ms;
    -ms-transition: 300ms ease-out 450ms;
    -o-transition: 300ms ease-out 450ms;
    transition: 300ms ease-out 450ms;
}

header#branding ul#menu-desktop-header-left li:hover>a {
    border-bottom: 1px solid #fff;
}

header#branding ul#menu-desktop-header-left li:hover ul.sub-menu {
    height: auto;
}

header#branding ul#menu-desktop-header-left li:hover ul.sub-menu li:hover a {
    -webkit-transition: 300ms ease-out;
    -moz-transition: 300ms ease-out;
    -ms-transition: 300ms ease-out;
    -o-transition: 300ms ease-out;
    transition: 300ms ease-out;
}

header#branding ul#menu-desktop-header-left li:hover ul.sub-menu li a {
    opacity: 1;
    margin-left: 0;
}

header#branding ul#menu-desktop-header-left li:hover ul.sub-menu li a:hover {
    margin-left: 0.5em;
}

body header#branding ul.menu li ul.sub-menu li:before {
    top: 10px;
}

body header#branding ul.menu li ul.sub-menu li a {
    text-shadow: -1px 1px 2px rgba(22, 22, 22, 0.8);
    padding: 0.5em 0.5em 0.5em 2em;
}

body.home header#branding ul.menu li ul.sub-menu li a {
    padding: 0.8em 0.5em 0.8em 2em;
}

.banner {
    position: relative;
    height: 100vh;
    top: 0;
    overflow: hidden;
    background: #3b3129;

    min-height: 640px;
}

@media (max-width:1080px) {
    .banner {
        max-height: 900px;
    }
}

@media (max-width:980px) {
    .banner {
        height: 900px;
    }
}

@media (max-width:640px) {
    .banner {
        height: 520px;
        min-height: 320px;
    }
}

.banner.banner-inner {
    height: 68vh;
    max-height: 500px;
    min-height: 240px;
}

@media (max-width:637px) {
    .banner.banner-inner {
        max-height: 200px;
    }
}

.banner.banner-inner .banner-img {
    position: absolute !important;
}

.banner .banner-cta {
    display: block;
    position: absolute;
    z-index: 4;
    left: 2em;
    bottom: 2em;
    max-width: 250px;
    box-shadow: 3px 3px 5px rgba(22, 22, 22, 0.5);
    -webkit-transition: transform 220ms ease-out;
    -moz-transition: transform 220ms ease-out;
    -ms-transition: transform 220ms ease-out;
    -o-transition: transform 220ms ease-out;
    transition: transform 220ms ease-out;
}

@media (max-width:1080px) {
    .banner .banner-cta {
        display: none;
    }
}

.banner .banner-cta:hover {
    -webkit-transform: scale(1.1) translate3d(0, 0, 0);
    -moz-transform: scale(1.1) translate3d(0, 0, 0);
    -ms-transform: scale(1.1) translate3d(0, 0, 0);
    -o-transform: scale(1.1) translate3d(0, 0, 0);
    transform: scale(1.1) translate3d(0, 0, 0);
    backface-visibility: hidden;
}

.banner .banner-cta img {
    width: 100%;
    float: left;
    clear: both;
}

.banner .banner-cta .banner-cta-txt {
    background: rgba(255, 255, 255, 0.9);
    clear: both;
    padding: 1em;
}

.banner .banner-cta .banner-cta-txt h3 {
    color: #36306e;
    margin-bottom: 0.5em;
}

.banner .banner-cta .banner-cta-txt p {
    margin-bottom: 0.5em;
}

.banner .banner-cta .banner-cta-txt span {
    display: block;
    color: #36306e;
    text-decoration: underline;
}

.banner .banner-img {
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    z-index: 0;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    right: 0;
}

@media (max-width:1080px) {
    .banner .banner-img {
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        min-height: 0;
    }
}

@media (max-width:720px) {
    .banner .banner-img {
        min-height: 0;
        max-height: 100%;
        position: absolute;
    }
}
.banner-blur-wrap{
  position: absolute;
  top:50%;
  transform:translateY(-50%);
  width: 100%;
}
.banner .banner-blur {
    text-align: center;
    overflow: hidden;
    margin:0 auto;
    background: rgba(22, 22, 22, 0.5);
}

@media (max-width:1080px) {
    .banner .banner-blur {
        min-height: 0;
        height: auto;

        background: rgba(22, 22, 22, 0.6);
    }
    .banner .banner-blur img {
        display: none !important;
    }
}

@media (max-width:641px) {
    .banner .banner-blur {
        width: 100%;
    }
}

.banner .banner-blur .banner-blur-text {
    padding: 30px;
    z-index: 2;
    overflow: hidden;
    /* text-align: right !important; */
}

.banner .banner-blur .banner-blur-text h2,
.banner .banner-blur .banner-blur-text h1,
.banner .banner-blur .banner-blur-text p,
.banner .banner-blur .banner-blur-text span {
    color: #fff;
    margin-bottom: 0.2em;
    line-height: 1.25em;
}


.banner .banner-blur .banner-blur-text h1{
    font-size: 46px;
}
.banner .banner-blur .banner-blur-text h2{
    font-size: 32px;
}

@media (max-width:1080px) {
    .banner .banner-blur .banner-blur-text h2 {
        max-width: 100%;
    }
}

@media (max-width:980px) {
    .banner .banner-blur .banner-blur-text h2 {
        font-size: 38px;
    }
}

.banner .banner-blur .banner-blur-text p,
.banner .banner-blur .banner-blur-text span {
    font-size: 38px;
}

@media (min-width:1081px) {
    .banner .banner-blur .banner-blur-text span {
        display: none;
    }
}

.banner .banner-blur .banner-blur-text .col-blue {
    color: #ee9239;
}

.banner .banner-blur .banner-blur-text a {
    margin: 1em 0;
    font-size: 18px;
}

@media (max-width:1400px) {
    .banner .banner-blur .banner-blur-text h2 {
        font-size: 38px;
    }
    .banner .banner-blur .banner-blur-text p,
    .banner .banner-blur .banner-blur-text span {
        font-size: 30px;
    }
}

@media (max-width:1080px) {
    .banner .banner-blur .banner-blur-text {
        padding: 2em;
        height: auto;
    }
    .banner .banner-blur .banner-blur-text p {
        display: inline-block;
        margin-left: 0.5em;
    }
}

@media (max-width:640px) {
    .banner .banner-blur .banner-blur-text {
        text-align: center !important;
        padding: 1em 1.5em;
    }
    .banner .banner-blur .banner-blur-text a {
        margin: 1em auto 0.5em;
        float: none;
        font-size: 15px;
    }
    .banner .banner-blur .banner-blur-text h2 {
        font-size: 28px;
    }
    .banner .banner-blur .banner-blur-text p,
    .banner .banner-blur .banner-blur-text span {
        font-size: 20px;
    }
    .banner .banner-blur .banner-blur-text .swap1 {
        display: none;
    }
    .banner .banner-blur .banner-blur-text .swap2 {
        display: block;
    }
}

@media (min-width:641px) {
    .banner .banner-blur .banner-blur-text .swap2 {
        display: none;
    }
}

@media (max-width:480px) {
    .banner .banner-blur .banner-blur-text h2 {
        font-size: 24px;
    }
    .banner .banner-blur .banner-blur-text p,
    .banner .banner-blur .banner-blur-text span {
        font-size: 16px;
    }
}

.banner .banner-blur .banner-img {
    position: absolute;
}

.content-products {}

@media (max-width:800px) {
    .content-products .tr .td {
        display: block;
        clear: both;
        padding: 4em;
    }
}

@media (max-width:400px) {
    .content-products .tr .td {
        padding: 4em 2em;
    }
}

.page-id-12 .content-products.temporary-hide {
    display: none;
}

.icontain .extra-copy h2,
.icontain .extra-copy p {
    line-height: 1.5em;
}

.icontain .extra-copy h2 {
    display: block;
    margin: 0.8em 0 0.4em;
    font-size: 24px;
    color: #36306e;
}

.icontain .extra-copy p {
    margin-bottom: 0.7em;
}

.icontain span {
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    color: #3a3a3a;
    margin-bottom: 0.5em;
}

.icontain h3 {
    text-align: center;
    font-weight: 300;
    font-size: 28px;
    color: #3a3a3a;
}

.icontain h3:after {
    display: block;
    background: #36306e;
    content: ' ';
    margin: 20px auto;
    width: 100px;
    height: 4px;
}

.icontain>.table {
    width: 100%;
    margin-bottom: 3em;
    border-bottom: 1px solid #ddd;
    padding-bottom: 2em;
}

.icontain>.table.no-line {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.icontain .td-icon {
    padding: 2em 2em;
}

.icontain .td-icon img {
    opacity: 0;
    margin-top: -1em;
    margin-bottom: 1em;
}

@media (max-width:1400px) {
    .icontain .td-icon {
        padding: 2em 1em;
    }
}

.icontain .td-icon p,
.icontain .td-icon img {
    height: auto;
}

.icontain .td-icon.icon-count-4 {
    width: 25%;
}

@media (max-width:780px) {
    .icontain .td-icon.icon-count-4 {
        width: 50%;
        display: inline-block;
        float: left;
    }
    .icontain .td-icon.icon-count-4:nth-child(odd) {
        clear: both;
    }
}

@media (max-width:500px) {
    .icontain .td-icon.icon-count-4 {
        width: 100%;
    }
}

.icontain .td-icon.icon-count-5 {
    width: 20%;
}

@media (max-width:1040px) {
    .icontain .td-icon.icon-count-5 {
        width: 33.33%;
        display: inline-block;
        float: left;
        padding: 2em 2em;
    }
    .icontain .td-icon.icon-count-5:nth-child(4) {
        clear: both;
        margin-left: 16.66%;
    }
}

@media (max-width:720px) {
    .icontain .td-icon.icon-count-5 {
        width: 50%;
        margin-left: 0 !important;
        clear: none !important;
    }
    .icontain .td-icon.icon-count-5:nth-child(5) {
        margin-left: 25% !important;
    }
    .icontain .td-icon.icon-count-5:nth-child(odd) {
        clear: both !important;
    }
}

@media (max-width:500px) {
    .icontain .td-icon.icon-count-5 {
        width: 100%;
        margin-left: 0 !important;
    }
    .icontain .td-icon.icon-count-5:nth-child(5) {
        margin-left: 0 !important;
    }
}

.icontain .td-icon.icon-count-6 {
    width: 16.66%;
}

@media (min-width:1400px) {
    .icontain .td-icon.icon-count-6 {
        padding: 2em 1em;
    }
}

@media (max-width:1150px) {
    .icontain .td-icon.icon-count-6 {
        width: 33.33%;
        display: inline-block;
        float: left;
        padding: 2em 2em;
    }
    .icontain .td-icon.icon-count-6:nth-child(4) {
        clear: both;
    }
}

@media (max-width:720px) {
    .icontain .td-icon.icon-count-6 {
        width: 50%;
        clear: none !important;
    }
    .icontain .td-icon.icon-count-6:nth-child(4) {
        clear: none;
    }
    .icontain .td-icon.icon-count-6:nth-child(odd) {
        clear: both !important;
    }
}

@media (max-width:500px) {
    .icontain .td-icon.icon-count-6 {
        width: 100%;
    }
}

.additional-info {
    margin-bottom: 3em;
    padding-bottom: 3em;
    border-bottom: 1px solid #ddd;
}

.additional-info .ultion {
    width: 100%;
}

.additional-info .ultion .td {
    width: 50%;
}

@media (max-width:720px) {
    .additional-info .ultion .td {
        width: 100%;
        text-align: left;
    }
    .additional-info .ultion .td:first-child {
        display: table-footer-group;
        text-align: left !important;
    }
    .additional-info .ultion .td:last-child {
        display: table-header-group;
    }
}

.additional-info .ultion .td.right {
    text-align: right;
}

.additional-info .ultion .td.right h2 {
    text-transform: uppercase;
}

.additional-info .ultion .td.right h2.chunk:after {
    float: right;
    clear: both;
    margin: 20px 0 20px 70%;
}

@media (max-width:720px) {
    .additional-info .ultion .td.right h2.chunk:after {
        float: none;
        margin: 20px 0;
    }
}

.additional-info .ultion .td.right p {
    clear: both;
    padding-bottom: 20px;
}

.additional-info .ultion .td img {
    margin-left: 20px;
    width: 100%;
    height: auto;
    max-width: 516px;
}

.additional-info .performance {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.additional-info .performance .td {
    width: 50%;
    padding: 40px;
}

@media (max-width:580px) {
    .additional-info .performance .td {
        padding: 10px;
        font-size: 12px;
    }
}

.additional-info .performance .td.vs {
    overflow: visible;
}

.additional-info .performance .td.vs:after {
    content: "vs";
    font-size: 18px;
    font-weight: bold;
    color: #3a3a3a;
    position: absolute;
    right: -12px;
    top: 100px;
}

.additional-info .performance .tr.border .td:first-child {
    border-right: 1px solid #ddd;
}

.additional-info .performance h3 {
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}

@media (max-width:580px) {
    .additional-info .performance h3 {
        font-size: 15px;
    }
}

.additional-info .performance ul {
    margin-top: 40px;
}

.additional-info .performance ul li {
    text-align: left;
    display: list-item;
    margin: 0 0 10px 25px;
}

.additional-info .colour-details {
    text-align: center;
    margin-bottom: 40px;
}

@media (min-width:560px) {
    .additional-info .gallery-item {
        width: 24.4% !important;
    }
}

@media (max-width:560px) {
    .additional-info .gallery-item {
        width: 32.4% !important;
    }
}

@media (min-width:1024px) {
    .additional-info .gallery-item {
        width: 11.4% !important;
    }
}

.additional-info .gallery-item:nth-child(5n+1),
.additional-info .gallery-item:nth-child(3n+1) {
    clear: none !important;
}

.additional-info .gallery-item br {
    display: none;
}

.hero-section {
    position: relative;
}

@media (max-width:600px) {
    .hero-section .table {
        display: block;
    }
}

.hero-section .table .td-mid {
    width: 34%;
    padding: 0 4em;
    text-align: left !important;
}

.hero-section .table .td-mid h2 {
    text-transform: uppercase;
}

@media (max-width:1300px) {
    .hero-section .table .td-mid {
        padding: 0 2em;
    }
    .hero-section .table .td-mid p {
        font-size: 15px;
    }
}

@media (min-width:1400px) {
    .hero-section .table .td-mid {
        width: 40%;
    }
}

@media (min-width:1600px) {
    .hero-section .table .td-mid {
        width: 44%;
        padding: 0 6em;
    }
}

@media (max-width:1080px) {
    .hero-section .table .td-mid {
        width: 100%;
        display: block;
        padding: 2em;
    }
}

@media (max-width:400px) {
    .hero-section .table .td-mid {
        padding: 2em 1em;
    }
}

@media (max-width:1080px) {
    .hero-section .table .td-img {
        width: 100%;
        display: block;
    }
}

.hero-section img.hero-img {
    float: right;
    width: 100%;
    height: auto;
}

.hero-section .btn {
    padding: 0.4em;
    margin-top: 1em;
    font-size: 15px;
}

@media (max-width:1080px) {
    .hero-section .btn {
        float: left;
    }
}

.hero-section ul {
    list-style: disc;
    display: block;
    margin-left: 1.65em;
    margin-bottom: 1.5em;
}

.hero-section ul li {
    display: list-item;
    line-height: 2em;
}

.compete {
    overflow: hidden;
}

@media (max-width:540px) {
    .compete {
        padding: 2em 0;
    }
    .compete .content-pad {
        padding: 2em 0;
    }
}

.compete p,
.compete strong {
    color: #fff;
}

.compete .comp-test {
    display: none;
}

.compete .comp-text,
.compete .comp-graph {
    display: inline-block;
    float: left;
}

.compete .comp-text {
    width: 40%;
    padding-right: 2em;
}

.compete .comp-text p {
    padding: 0.8em 0 0;
    text-transform: uppercase;
    font-size: 36px;
}

@media (max-width:1400px) {
    .compete .comp-text {
        width: 34%;
    }
    .compete .comp-text p {
        font-size: 30px;
    }
}

@media (max-width:1040px) {
    .compete .comp-text {
        display: block;
        width: 100%;
        padding-right: 0;
    }
    .compete .comp-text p {
        text-align: center;
        padding: 0.8em 0;
    }
}

@media (max-width:1040px) {
    .compete .comp-text {
        padding: 0 2em;
    }
    .compete .comp-text p {
        font-size: 25px;
        padding-top: 0;
    }
}

.compete .comp-graph {
    width: 60%;
    padding-left: 2em;
    position: relative;
}

@media (max-width:1400px) {
    .compete .comp-graph {
        width: 66%;
    }
}

@media (max-width:1040px) {
    .compete .comp-graph {
        display: block;
        width: 100%;
        padding-left: 0;
    }
}

.compete .comp-graph .ch {
    display: block;
    position: absolute;
    top: 2.3em;
    width: 65.6%;
    left: 19%;
    border-bottom: 3px dashed #fff;
}

@media (max-width:540px) {
    .compete .comp-graph .ch {
        display: none;
    }
}

@media (max-width:1040px) {
    .compete .comp-graph .ch {
        max-width: 595px;
    }
}

.compete .comp-graph .td {
    padding: 1.5em;
    position: relative;
}

@media (max-width:1200px) {
    .compete .comp-graph .td {
        padding: 1.5em 0.8em;
    }
}

@media (max-width:540px) {
    .compete .comp-graph .td {
        display: block;
        width: 100%;
        clear: both;
        padding: 3em 2em;
    }
}

.compete .comp-graph .td span {
    display: block;
    background: #36306e;
    z-index: 3;
    margin: auto;
    width: 30px;
    height: 30px;
    border: 3px solid #fff;
    border-radius: 20px;
    margin-bottom: 14px;
}

@media (max-width:540px) {
    .compete .comp-graph .td span:before {
        content: ' ';
        display: block;
        position: absolute;
        top: 3.85em;
        width: 100%;
        border-bottom: 3px dashed #fff;
        -webkit-backface-visibility: hidden;
    }
    .compete .comp-graph .td span.sp1:before,
    .compete .comp-graph .td span.sp2:before {
        margin-left: 25px;
    }
    .compete .comp-graph .td span.sp3:before {
        margin-right: 12px;
        right: 50%;
    }
    .compete .comp-graph .td span.sp2:after {
        content: ' ';
        display: block;
        position: absolute;
        top: 3.85em;
        width: 100%;
        border-bottom: 3px dashed #fff;
        margin-right: 12px;
        right: 50%;
    }
}

.compete.compete-test .comp-text,
.compete.compete-test .comp-graph {
    width: 47%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 3%;
    text-align: center;
}

@media (max-width:1120px) {
    .compete.compete-test .comp-text,
    .compete.compete-test .comp-graph {
        width: 100%;
        padding: 1em 2em 0 !important;
        margin-right: 0;
    }
}

.compete.compete-test .comp-text {
    padding-bottom: 1em;
    padding-right: 1em;
    padding-left: 1em;
}

@media (max-width:1300px) {
    .compete.compete-test .comp-graph .td {
        padding: 1.5em 1em;
    }
}

@media (max-width:1120px) {
    .compete.compete-test .comp-graph {
        display: none;
    }
}

.compete.compete-test .comp-test {
    display: inline-block;
    float: right;
    width: 50%;
    min-height: 300px;
    padding-left: 2em;
    border-left: 1px dashed #fff;
    overflow: hidden;
    position: relative;
}

@media (max-width:1120px) {
    .compete.compete-test .comp-test {
        float: none;
        display: block;
        border-left: 0;
        width: 100%;
        min-height: 0;
        padding-left: 0;
        margin-bottom: 2em;
    }
}

.compete.compete-test .comp-test .comp-slide-nav {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100px;
    left: 50%;
    margin-left: -50px;
    z-index: 3;
}

.compete.compete-test .comp-test .comp-slide-nav a {
    font-size: 0;
    cursor: pointer;
    background: #cc6a0b;
    width: 14px;
    height: 14px;
    border-radius: 25px;
    display: inline-block;
    float: left;
    margin: 0 6px 0 5px;
    -webkit-transition: background 200ms;
    -moz-transition: background 200ms;
    -ms-transition: background 200ms;
    -o-transition: background 200ms;
    transition: background 200ms;
}

.compete.compete-test .comp-test .comp-slide-nav a:hover {
    background: #fff;
}

.compete.compete-test .comp-test .comp-slide-nav.position-1 .nav-1 {
    background: #fff;
}

.compete.compete-test .comp-test .comp-slide-nav.position-2 .nav-2 {
    background: #fff;
}

.compete.compete-test .comp-test .comp-slide-nav.position-3 .nav-3 {
    background: #fff;
}

.compete.compete-test .comp-test .comp-slide-nav.position-4 .nav-4 {
    background: #fff;
}

.compete.compete-test .comp-test .comp-slide {
    width: 400%;
    position: relative;
    -webkit-transition: left 1s ease-in-out;
    -moz-transition: left 1s ease-in-out;
    -ms-transition: left 1s ease-in-out;
    -o-transition: left 1s ease-in-out;
    transition: left 1s ease-in-out;
}

.compete.compete-test .comp-test .comp-slide.position-1 {
    left: 0%;
}

.compete.compete-test .comp-test .comp-slide.position-2 {
    left: -100%;
}

.compete.compete-test .comp-test .comp-slide.position-3 {
    left: -200%;
}

.compete.compete-test .comp-test .comp-slide.position-4 {
    left: -300%;
}

.compete.compete-test .comp-test .comp-slide .testimonial {
    display: inline-block;
    float: left;
    width: 25%;
    padding: 1em 4em;
    display: table-cell;
    vertical-align: middle;
}

@media (max-width:540px) {
    .compete.compete-test .comp-test .comp-slide .testimonial {
        padding: 1em 2em;
    }
}

.compete.compete-test .comp-test .comp-slide .testimonial h4,
.compete.compete-test .comp-test .comp-slide .testimonial h3,
.compete.compete-test .comp-test .comp-slide .testimonial span,
.compete.compete-test .comp-test .comp-slide .testimonial p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0.3em;
    display: block;
}

.compete.compete-test .comp-test .comp-slide .testimonial h4 {
    color: #fff;
}

.compete.compete-test .comp-test .comp-slide .testimonial span {
    opacity: 0.5;
    font-style: italic;
}

.compete.compete-test .comp-test .comp-slide .testimonial h3 {
    font-weight: 600;
}

#primary {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.categoria {
    padding: 1em 0 !important;
}

article.page,
article.post,
.galleria,
.categoria {
    padding: 2em 0;
}

article.page header.entry-header h1,
article.post header.entry-header h1,
.galleria header.entry-header h1,
.categoria header.entry-header h1 {
    text-transform: uppercase;
    font-size: 28px;
}

@media (max-width:720px) {
    article.page header.entry-header h1,
    article.post header.entry-header h1,
    .galleria header.entry-header h1,
    .categoria header.entry-header h1 {
        font-size: 24px;
    }
}

@media (max-width:560px) {
    article.page header.entry-header h1,
    article.post header.entry-header h1,
    .galleria header.entry-header h1,
    .categoria header.entry-header h1 {
        font-size: 22px;
    }
}

article.page .entry-content h2,
article.post .entry-content h2,
.galleria .entry-content h2,
.categoria .entry-content h2,
article.page .entry-content h3,
article.post .entry-content h3,
.galleria .entry-content h3,
.categoria .entry-content h3,
article.page .entry-content p,
article.post .entry-content p,
.galleria .entry-content p,
.categoria .entry-content p,
article.page .entry-content a,
article.post .entry-content a,
.galleria .entry-content a,
.categoria .entry-content a,
article.page .entry-content strong,
article.post .entry-content strong,
.galleria .entry-content strong,
.categoria .entry-content strong,
article.page .entry-content span,
article.post .entry-content span,
.galleria .entry-content span,
.categoria .entry-content span,
article.page .entry-content em,
article.post .entry-content em,
.galleria .entry-content em,
.categoria .entry-content em {
    line-height: 1.5em;
}

article.page .entry-content h2,
article.post .entry-content h2,
.galleria .entry-content h2,
.categoria .entry-content h2,
article.page .entry-content h3,
article.post .entry-content h3,
.galleria .entry-content h3,
.categoria .entry-content h3 {
    clear: both;
    display: block;
    margin-bottom: 1em;
}

article.page .entry-content h2.nuclear,
article.post .entry-content h2.nuclear,
.galleria .entry-content h2.nuclear,
.categoria .entry-content h2.nuclear,
article.page .entry-content h3.nuclear,
article.post .entry-content h3.nuclear,
.galleria .entry-content h3.nuclear,
.categoria .entry-content h3.nuclear {
    clear: none;
}

article.page .entry-content p,
article.post .entry-content p,
.galleria .entry-content p,
.categoria .entry-content p {
    margin-bottom: 0.7em;
}

article.page .entry-content ul,
article.post .entry-content ul,
.galleria .entry-content ul,
.categoria .entry-content ul {
    list-style: disc;
    display: block;
    margin-left: 1.65em;
    margin-bottom: 1.5em;
}

article.page .entry-content ul li,
article.post .entry-content ul li,
.galleria .entry-content ul li,
.categoria .entry-content ul li {
    display: list-item;
    line-height: 2em;
}

article.page .entry-content .btn,
article.post .entry-content .btn,
.galleria .entry-content .btn,
.categoria .entry-content .btn {
    width: 220px;
}

article.page .btn,
article.post .btn,
.galleria .btn,
.categoria .btn {
    float: left;
    display: inline-block;
}

@media (max-width:740px) {
    article.page .btn,
    article.post .btn,
    .galleria .btn,
    .categoria .btn {
        margin: 8px 0;
        display: block;
        clear: both;
    }
}

.nonentry-content h2,
.nonentry-content h3,
.nonentry-content p,
.nonentry-content a,
.nonentry-content strong,
.nonentry-content span,
.nonentry-content em {
    line-height: 1.5em;
}

.nonentry-content h2,
.nonentry-content h3 {
    clear: both;
    display: block;
    margin-bottom: 1em;
}

.nonentry-content h2.nuclear,
.nonentry-content h3.nuclear {
    clear: none;
}

.nonentry-content p {
    margin-bottom: 0.7em;
}

.nonentry-content ul {
    list-style: disc;
    display: block;
    margin-left: 1.65em;
    margin-bottom: 1.5em;
}

.nonentry-content ul li {
    display: list-item;
    line-height: 2em;
}

@media (max-width:720px) {
    article.page {
        padding: 0;
    }
}

@media (max-width:1024px) {
    article.page {
        overflow: hidden;
        position: relative;
        width: 100%;
    }
}

.content-circ {
    display: inline-block;
    float: right;
    max-width: 260px;
    height: auto;
    box-shadow: 2px 2px 4px rgba(22, 22, 22, 0.2);
    border-radius: 400px;
    position: relative;
    margin: 40px 0 18px 3em;
    opacity: 0;
}

@media (max-width:660px) {
    .content-circ {
        display: block;
        clear: both;
        float: none;
        margin: 0 auto 2em;
        opacity: 1 !important;
    }
}

.content-circ.unspun {
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    transform: none !important;
}

.googleCov {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(200, 200, 200, 0.01);
    visibility: hidden;
}

.google {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 100%;
    display: block;
}

@media (max-width:1600px) {
    .google {
        width: 70%;
    }
}

@media (max-width:1300px) {
    .google {
        width: 60%;
    }
}

@media (max-width:1100px) {
    .google {
        width: 55%;
    }
}

@media (max-width:820px) {
    .google {
        display: block;
        width: 100%;
        position: relative;
        height: 400px;
    }
}

@media (min-width:821px) {
    .google {
        position: absolute !important;
    }
}

.gmnoprint {
    display: none;
}

.area {
    padding: 4em;
    position: relative;
    width: 100%;
    max-width: 500px;
    float: right;
    z-index: 2;
    background: #e5e5e5;
}

@media (max-width:1100px) {
    .area {
        padding: 4em 2em;
        max-width: 400px;
    }
}

@media (max-width:820px) {
    .area {
        padding: 3em 2em;
        max-width: 100%;
        float: none;
    }
}

.area h3 {
    font-size: 18px;
}

.area p {
    margin-bottom: 1.65em;
}

.area ul {
    list-style: none;
    display: block;
    margin-bottom: 1.5em;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

@media (max-width:400px) {
    .area ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

.area ul li {
    display: list-item;
    line-height: 2em;
    position: relative;
    padding-left: 2em;
}

.area ul li:before {
    content: ' ';
    position: absolute;
    display: block;
    left: 4px;
    top: 5px;
    height: 18px;
    width: 18px;
    background: url('img/graphics/icons/icon-map-orange.png') no-repeat center center;
    background-size: contain;
}

.area ul li a {
    text-decoration: underline;
}

.area ul li a:hover {
    color: #36306e;
}

footer#colophon {
    position: relative;
    z-index: 3;
    color: #fff;
}

footer#colophon .table {
    padding: 2em 0;
}

footer#colophon p,
footer#colophon h3,
footer#colophon h2,
footer#colophon ul,
footer#colophon li,
footer#colophon a,
footer#colophon div {
    color: #fff;
}

footer#colophon .td {
    width: 25%;
}

@media (max-width:980px) {
    footer#colophon .td {
        display: none;
    }
}

footer#colophon .td.td-detail {
    text-align: right !important;
}

@media (max-width:980px) {
    footer#colophon .td.td-detail {
        display: block;
        text-align: center !important;
        max-width: 500px;
        margin: 1em auto;
        clear: both;
        width: 100%;
    }
}

footer#colophon .td.td-detail h3.chunk:after {
    float: right;
    clear: both;
    margin: 20px 0 20px 70%;
}

@media (max-width:980px) {
    footer#colophon .td.td-detail h3.chunk:after {
        float: none;
        margin: 20px auto;
    }
}

footer#colophon a:hover {
    color: #ee9239;
}

footer#colophon ul li {
    position: relative;
    line-height: 1.8em;
    padding-left: 1.4em;
}

footer#colophon ul li:before {
    content: ' ';
    display: block;
    position: absolute;
    height: 18px;
    width: 18px;
    top: 5px;
    left: -3px;
    background: url('img/graphics/icons/icon-point-white.png') no-repeat center center;
    background-size: contain;
}

footer#colophon .content-bottom .td {
    font-size: 13px;
    display: table-cell !important;
}

footer#colophon .content-bottom .left {
    width: 80%;
}

footer#colophon .content-bottom .left a {
    text-decoration: underline;
}

footer#colophon .content-bottom .right {
    text-align: right;
    position: relative;
    padding-right: 40px;
    overflow: visible;
    width: 20%;
}

footer#colophon .content-bottom .right img {
    position: absolute;
    top: -5px;
    right: 0;
}

footer#colophon .content-bottom .right a {
    cursor: pointer;
}

footer#colophon .content-bottom .right a:hover {
    opacity: 0.5;
    -webkit-transition: 120ms;
    -moz-transition: 120ms;
    -ms-transition: 120ms;
    -o-transition: 120ms;
    transition: 120ms;
}

@media (max-width:720px) {
    footer#colophon .content-bottom .td {
        display: block !important;
        width: 100%;
        text-align: center !important;
        margin-top: 0 0 1.4em;
    }
    footer#colophon .content-bottom .right {
        width: 100px;
        margin: 1.4em auto 0;
        padding-right: 30px;
    }
}

.bg-url-windows {
    background: url(img/bg/windows.jpg) no-repeat center center;
    background-size: cover;
}

.bg-url-warmroof {
    background: url(wp-content/uploads/cost-of-conservatory-roof-Cowbridge.jpg) no-repeat center center;
    background-size: cover;
}

.bg-url-doors {
    background: url(img/bg/doors.jpg) no-repeat center center;
    background-size: cover;
}

.bg-url-conservatories {
    background: url(img/bg/conservatories.jpg) no-repeat center center;
    background-size: cover;
}

body.logged-in.admin-bar {
    position: relative;
    top: -32px;
}

body.logged-in.admin-bar #wpadminbar {
    opacity: 0.09;
    -webkit-transition: opacity 600ms;
    -moz-transition: opacity 600ms;
    -ms-transition: opacity 600ms;
    -o-transition: opacity 600ms;
    transition: opacity 600ms;
}

body.logged-in.admin-bar #wpadminbar:hover {
    opacity: 1;
}

@media (max-width:980px) {
    body.logged-in.admin-bar #wpadminbar {
        opacity: 0 !important;
        display: none !important;
    }
}

.responsive-tabs-wrapper {
    clear: both;
    padding: 0;
}

.responsive-tabs-wrapper .tabcontent {
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -ms-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}

.responsive-tabs-wrapper .responsive-tabs {
    display: block;
    width: 100%;
}

.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__heading {
    display: none;
}

@media (max-width:720px) {
    .responsive-tabs-wrapper .responsive-tabs .responsive-tabs__heading {
        display: block;
        cursor: pointer;
        border: 0;
        text-align: center;
        font-size: 16px;
        margin: auto;
        clear: both;
        color: #fff !important;
        border-bottom: 1px solid #cc6a0b;
        background: #cc6a0b;
        padding: 18px 0 14px !important;
    }
}

@media (max-width:720px) {
    .responsive-tabs-wrapper .responsive-tabs .responsive-tabs__heading .fa {
        margin-right: 8px;
        display: none;
    }
}

@media (max-width:720px) {
    .responsive-tabs-wrapper .responsive-tabs .responsive-tabs__heading:after {
        background: red;
        content: ' ';
        display: block;
        position: absolute;
        right: 20px;
        top: 20px;
        height: 0;
        width: 0;
    }
}

@media (max-width:720px) {
    .responsive-tabs-wrapper .responsive-tabs .responsive-tabs__heading:hover {
        background: #2b2b2b;
    }
}

.responsive-tabs-wrapper .responsive-tabs ul.responsive-tabs__list {
    font-size: 16px;
    line-height: 16px;
    margin: 0 auto;
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
}

@media (max-width:720px) {
    .responsive-tabs-wrapper .responsive-tabs ul.responsive-tabs__list {
        display: none;
    }
}

.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    outline: none;
    user-select: none;
    display: inline-block;
    cursor: pointer;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 200;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 0 1em 0.5em 0;
    line-height: 1.6em;
    -webkit-transition: 200ms ease-in-out;
    -moz-transition: 200ms ease-in-out;
    -ms-transition: 200ms ease-in-out;
    -o-transition: 200ms ease-in-out;
    transition: 200ms ease-in-out;
}

@media (min-width:940px) {
    .responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item {
        font-size: 20px;
    }
}

.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item h2 {
    font-size: 16px;
}

@media (min-width:940px) {
    .responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item h2 {
        font-size: 24px;
    }
}

.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item:hover {
    opacity: 0.7;
}

.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item:last-child {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item:last-child:after {
    content: " ";
}

.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item .fa {
    margin-right: 8px;
    line-height: 0.8;
}

.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item:after {
    content: "| ";
    padding: 0 10px 0 10px;
    margin-left: 1em;
    color: #2b2b2b;
}

.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item--active,
.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__list__item--active:hover {
    color: #36306e;
    position: relative;
}

@media (max-width:720px) {}

@media (max-width:720px) {}

.responsive-tabs-wrapper .responsive-tabs .responsive-tabs__panel {
    clear: left;
    margin-bottom: 0;
}

@media (max-width:720px) {
    .responsive-tabs-wrapper .responsive-tabs .responsive-tabs__panel--closed-accordion-only {
        display: block;
    }
}

.page {}

.page .responsive-tabs-wrapper .tabcontent {
    padding: 50px 0;
}

@media (max-width:720px) {
    .page .responsive-tabs-wrapper .tabcontent {
        padding: 25px 0;
    }
}

.galleria h1 {
    text-align: center;
}

.galleria h1:after {
    display: block;
    margin: 20px auto 0;
}

.galleria .content-max {
    max-width: 1480px;
}

.gallery {
    clear: both;
    display: block;
    float: left;
    margin-bottom: 20px;
}

.gallery .gallery-item {
    width: 50%;
    float: left;
    padding: 0.2%;
}

@media (min-width:560px) {
    .gallery .gallery-item {
        width: 33.33%;
    }
}

@media (max-width:1023px) and (min-width:561px) {
    .gallery .gallery-item:nth-child(3n+1) {
        clear: both;
    }
}

@media (min-width:1024px) {
    .gallery .gallery-item {
        width: 16.4%;
    }
    .gallery .gallery-item:nth-child(5n+1) {
        clear: both;
    }
}

@media (min-width:560px) {
    .gallery .gallery-item:last-child {
        display: none;
    }
}

@media (min-width:1024px) {
    .gallery .gallery-item:last-child {
        display: block;
    }
}

.gallery .gallery-item img {
    width: 100%;
    float: left;
    height: auto;
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -ms-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    transition: opacity 200ms;
    box-shadow: 1px 1px 5px #3a3a3a;
}

.gallery .gallery-item img:hover {
    opacity: 0.6;
}

.gal-gadot {
    text-align: center;
    display: block;
    max-width: 980px;
    clear: both;
    padding: 0 1em;
    margin: 2em auto 0;
}

.gal-gadot p {
    line-height: 1.65em;
}

.gallery {
    width: 90%;
    margin: auto;
    float: none;
    overflow: hidden;
}

@media (max-width:720px) {
    .gallery {
        width: 100%;
    }
}

.gallery br {
    display: none;
}

.gallery .gallery-item {
    width: 49.4%;
    margin: 0.3%;
    padding: 0;
}

@media (min-width:560px) {
    .gallery .gallery-item {
        width: 32.6%;
    }
}

@media (min-width:1024px) {
    .gallery .gallery-item {
        width: 19.4%;
    }
}

@media (max-width:980px) {
    body.error404 img.content-circ {
        margin-top: 0 !important;
    }
}

span.spandate span {
    color: #36306e;
    margin-bottom: 0.5em;
    display: block;
}

body.category.archive article,
body.blog article {
    display: inline-block;
    float: left;
    width: 70%;
}

@media (max-width:1200px) {
    body.category.archive article,
    body.blog article {
        padding: 1em 0;
    }
}

@media (max-width:1024px) {
    body.category.archive article,
    body.blog article {
        display: block;
        float: none;
        width: 100%;
        clear: both;
    }
}

body.category.archive article .featimage,
body.blog article .featimage {
    display: inline-block;
    width: 25%;
    padding-right: 1em;
    float: left;
}

body.category.archive article .featimage img,
body.blog article .featimage img {
    width: 100%;
    height: auto;
    display: block;
    float: left;
}

@media (max-width:720px) {
    body.category.archive article:not(.sticky) .featimage,
    body.blog article:not(.sticky) .featimage {
        float: right;
    }
    body.category.archive article:not(.sticky) .featcont,
    body.blog article:not(.sticky) .featcont {
        padding: 0 2em 0 0;
    }
}

@media (max-width:600px) {
    body.category.archive article:not(.sticky) .featimage,
    body.blog article:not(.sticky) .featimage,
    body.category.archive article:not(.sticky) .featcont,
    body.blog article:not(.sticky) .featcont {
        display: block;
        float: none;
        width: 100%;
        padding: 0;
    }
    body.category.archive article:not(.sticky) .featimage img,
    body.blog article:not(.sticky) .featimage img {
        max-width: 300px;
        margin: 1em auto;
        float: none;
    }
}

body.category.archive article .featcont,
body.blog article .featcont {
    display: inline-block;
    padding-left: 2em;
    width: 75%;
    float: right;
}

@media (max-width:1200px) {
    body.category.archive article .featcont,
    body.blog article .featcont {
        padding-left: 1em;
    }
}

body.category.archive article.sticky,
body.blog article.sticky {
    width: 100%;
    display: block;
    clear: both;
    float: none;
}

@media (max-width:1200px) {
    body.category.archive article.sticky,
    body.blog article.sticky {
        padding-top: 0;
    }
}

body.category.archive article.sticky .featimage,
body.blog article.sticky .featimage {
    width: 50%;
}

@media (max-width:900px) {
    body.category.archive article.sticky .featimage,
    body.blog article.sticky .featimage {
        display: block;
        float: none;
        clear: both;
        width: 100%;
        padding: 0 0 1em;
    }
}

body.category.archive article.sticky .featcont,
body.blog article.sticky .featcont {
    display: inline-block;
    padding: 1em 0 0 2em;
    width: 50%;
}

@media (max-width:1200px) {
    body.category.archive article.sticky .featcont,
    body.blog article.sticky .featcont {
        padding: 0 0 0 1em;
    }
}

@media (max-width:900px) {
    body.category.archive article.sticky .featcont,
    body.blog article.sticky .featcont {
        display: block;
        float: none;
        clear: both;
        width: 100%;
        padding: 0;
    }
}

@media (max-width:1200px) {
    body.category.archive .entry-content p,
    body.blog .entry-content p {
        font-size: 15px !important;
    }
}

body.category.archive h3.entry-format,
body.blog h3.entry-format {
    color: #888;
}

.sidebar {
    display: inline-block;
    float: right;
    width: 30%;
    padding: 1em 0 0 3em;
    position: relative;
}

@media (max-width:1200px) {
    .sidebar {
        padding-left: 1em;
    }
}

@media (max-width:1024px) {
    .sidebar {
        display: none;
    }
}

.sidebar .news-menu {
    display: block;
    width: 100%;
    min-height: 300px;
    border-left: 1px solid #ddd;
    padding-left: 3em;
}

@media (max-width:1200px) {
    .sidebar .news-menu {
        border-left: none;
    }
}

.single .sidebar {
    float: left;
    width: 21%;
    padding: 1em 2em 0 0;
}

@media (max-width:1320px) {
    .single .sidebar {
        display: none;
    }
}

.single .sidebar .news-menu {
    padding-left: 0;
    border-left: none;
}

.cats {
    padding: 1em 1.2em;
    margin-top: 1em;
    background: #eee;
    border-radius: 0.2em;
}

.cats h3 {
    color: #cc6a0b;
    margin-bottom: 0.5em;
    font-size: 22px;
}

.cats li.cat-item a {
    padding: 0.2em 0.4em;
    border-bottom: 1px solid #ddd;
    line-height: 2;
    cursor: pointer;
    display: block;
}

.cats li.cat-item a:hover {
    color: #cc6a0b;
}

.cats li.cat-item:last-child a {
    border-bottom: none;
}

.featBtn {
    display: block;
    border-radius: 0.2em;
    padding: 1.5em 6em 1.5em 1.2em;
    background: #36306e url(img/bg/south-wales-home-improvements.png) no-repeat right top;
    color: #fff;
    -webkit-transition: 180ms ease-out;
    -moz-transition: 180ms ease-out;
    -ms-transition: 180ms ease-out;
    -o-transition: 180ms ease-out;
    transition: 180ms ease-out;
}

.featBtn strong {
    color: #fff;
}

.featBtn:hover {
    background: #ee9239 url(img/bg/south-wales-home-improvements.png) no-repeat right top;
}

.more-link {
    display: none !important;
}

.single article {
    width: 53%;
    display: inline-block;
    padding-top: 1em;
}

@media (max-width:1320px) {
    .single article {
        width: 70%;
    }
}

@media (max-width:1020px) {
    .single article {
        width: 64%;
    }
}

@media (max-width:720px) {
    .single article {
        width: 100%;
        display: block;
        float: none;
    }
}

.single article span.spandate {
    margin-bottom: 1em;
    border-bottom: 1px solid #2b2b2b;
    display: block;
}

footer.entry-meta {
    font-style: italic;
}

footer.entry-meta a {
    color: #ee9239;
    text-decoration: underline;
}

#nav-below {
    padding-top: 1em;
    border-top: 1px solid #ccc;
}

#nav-below h3 {
    display: none;
}

#nav-below .nav-previous,
#nav-below .nav-next {
    display: inline-block;
    float: left;
    width: 50%;
}

#nav-below .nav-previous a,
#nav-below .nav-next a {
    display: block;
    max-width: 100%;
    width: 200px;
    color: #fff;
    padding: 0.4em 2em;
    text-align: center;
    background: #36306e;
}

#nav-below .nav-previous a:hover,
#nav-below .nav-next a:hover {
    background: #2b2b2b;
}

#nav-below .nav-next {
    float: right;
}

#nav-below .nav-next a {
    float: right;
}

.featureside {
    display: inline-block;
    float: right;
    width: 26%;
    padding: 1em 0 0 3em;
}

@media (max-width:1320px) {
    .featureside {
        width: 30%;
    }
}

@media (max-width:1020px) {
    .featureside {
        width: 36%;
    }
}

@media (max-width:720px) {
    .featureside {
        display: none;
    }
}

.featureside .featured {
    width: 100%;
    min-height: 100px;
}

.featureside .featured h3.entry-feature {
    font-weight: 800;
    color: #cc6a0b;
    margin-bottom: 1em;
}

.featureside .featured .postie {
    padding-bottom: 1em;
}

.featureside .featured .postie img {
    width: 100%;
    height: auto;
}

.featureside .featured .postie h3 {
    font-size: 16px;
}

.bloik {
    display: block;
    overflow: hidden;
    box-shadow: 2px 2px 3px rgba(22, 22, 22, 0.2);
    width: 80px;
    height: 80px;
    border-radius: 80px;
    margin: 0 auto 2em;
}

.bloik img {
    width: 100%;
    height: auto;
}

@media (min-width:720px) {
    .single #primary {
        overflow: visible;
    }
}

a.kgb {
    text-align: center;
    font-style: normal;
    display: block;
}

a.kgb:hover {
    color: #2b2b2b;
}

div.kgb {
    border-bottom: 1px solid #3a3a3a;
}

.content-feat .postie {
    display: inline-block;
    float: left;
    width: 25%;
}

.content-feat .postie:hover img {
    opacity: 0.6;
}

@media (max-width:1100px) {
    .content-feat .postie {
        width: 50%;
    }
}

.content-feat .postie img {
    width: 100%;
    height: auto;
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -ms-transition: opacity 200ms;
    -o-transition: opacity 200ms;
    transition: opacity 200ms;
}

.content-feat .postie h3 {
    font-size: 18px;
    font-weight: 200;
}

@media (max-width:1400px) {
    .content-feat .postie h3 {
        min-height: 44px;
    }
}

.content-feat .postie h3:after {
    margin: 10px 0;
}

@media (min-width:1101px) {
    .content-feat .postie:nth-child(1) {
        padding-right: 0.6em;
    }
    .content-feat .postie:nth-child(2) {
        padding: 0 0.375em 0 0.225em;
    }
    .content-feat .postie:nth-child(3) {
        padding: 0 0.225em 0 0.375em;
    }
    .content-feat .postie:nth-child(4) {
        padding-left: 0.6em;
    }
}

@media (max-width:1100px) {
    .content-feat .postie:nth-child(odd) {
        clear: both;
        padding-right: 0.5em;
    }
    .content-feat .postie:nth-child(even) {
        padding-left: 0.5em;
    }
}

@media (max-width:640px) {
    .content-feat .postie {
        padding: 0.5em 0 !important;
        display: block;
        float: none;
        width: 100%;
    }
}

.content-feat .postie span.spandate span {
    color: #3a3a3a;
    font-weight: 600;
    font-size: 15px;
}

.wpcf7 {
    position: relative;
}

.wpcf7 .screen-reader-response {
    display: none;
}

.ajax-loader {
    position: absolute;
    bottom: 0;
    left: 0;
}

form.wpcf7-form.sent strong,
form.wpcf7-form.sent p {
    opacity: 0.3;
}

form.wpcf7-form .wpcf7-response-output {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    padding: 1em 2em;
    font-weight: 500;
}

form.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    background: #f00;
}

form.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    background: green;
}

form.wpcf7-form strong {
    margin: 1.2em 0 0.5em;
    clear: both;
    display: block;
    -webkit-transition: opacity 1200ms ease-out;
    -moz-transition: opacity 1200ms ease-out;
    -ms-transition: opacity 1200ms ease-out;
    -o-transition: opacity 1200ms ease-out;
    transition: opacity 1200ms ease-out;
}

form.wpcf7-form p {
    -webkit-transition: opacity 1200ms ease-out;
    -moz-transition: opacity 1200ms ease-out;
    -ms-transition: opacity 1200ms ease-out;
    -o-transition: opacity 1200ms ease-out;
    transition: opacity 1200ms ease-out;
}

@media (min-width:1024px) {
    form.wpcf7-form p.musket {
        display: inline-block;
        float: left;
        width: 33.33%;
        padding-right: 1em;
    }
    form.wpcf7-form p.musket:nth-child(4) {
        padding-right: 0;
    }
}

form.wpcf7-form p span.wpcf7-form-control-wrap input.wpcf7-form-control,
form.wpcf7-form p span.wpcf7-form-control-wrap textarea {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-box-shadow: none;
    padding: 0.6em;
    font-size: 16px;
    font-size: 16px;
    border: 1px solid #ccc;
}

form.wpcf7-form p span.wpcf7-form-control-wrap input.wpcf7-form-control.wpcf7-not-valid,
form.wpcf7-form p span.wpcf7-form-control-wrap textarea.wpcf7-not-valid {
    border: 1px solid #f00;
}

form.wpcf7-form p span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
    display: none !important;
}

form.wpcf7-form p span.wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item {
    margin-right: 1em;
    padding-right: 1em;
    border-right: 1px solid #ccc;
    margin-bottom: 1em;
    display: inline-block;
}

form.wpcf7-form p span.wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item.last {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}

@media (max-width:600px) {
    form.wpcf7-form p span.wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item {
        display: block;
        margin-right: 0;
        padding-right: 0;
        border-right: none;
        padding-left: 2px;
    }
}

form.wpcf7-form p input[type="submit"] {
    display: block;
    -webkit-appearance: none;
    border-radius: none;
    border: none;
    background: #36306e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 0.8em 2em;
    width: 100%;
}

.entry-content .wpcf7 {
    display: inline-block;
    float: left;
    width: 70%;
}

@media (max-width:1300px) {
    .entry-content .wpcf7 {
        width: 64%;
    }
}

@media (max-width:1024px) {
    .entry-content .wpcf7 {
        width: 56%;
    }
}

@media (max-width:880px) {
    .entry-content .wpcf7 {
        width: 100%;
        display: block;
        clear: both;
        float: none;
    }
}

.contact-detail {
    display: inline-block;
    float: right;
    padding: 2em;
    background: #ededed;
    width: 90%;
    margin-left: 3%;
}

@media (max-width:1300px) {
    .contact-detail {
        width: 90%;
        margin-left: 2%;
    }
}

@media (max-width:1024px) {
    .contact-detail {
        width: 90%;
        margin-left: 4%;
    }
}

@media (max-width:880px) {
    .contact-detail {
        width: 100%;
        margin-left: 0;
        display: block;
        clear: both;
        float: none;
    }
}

@media (max-width:480px) {
    .contact-detail {
        padding: 2.5%;
    }
}

.contact-detail h3,
.contact-detail p {
    text-align: right;
}

.contact-detail h3 {
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.4em;
    color: #36306e;
}

.contact-detail a {
    color: #36306e;
    text-decoration: underline;
}

.contact-detail a:hover {
    color: #2b2b2b;
}

.conniehuq h2 {
    text-align: left;
    margin-bottom: 1.5em;
}

.conniehuq .badge {
    display: block;
    margin: auto;
    padding: 2em 200px 2em 2em;
    max-width: 800px;
    text-align: left;
}

.conniehuq .badge h3 {
    text-align: left;
}

.conniehuq .badge h3:after {
    margin-left: 0;
}

.conniehuq .badge.badge-victorian {
    background: url(img/con3/victorian.png) no-repeat right center;
    background-size: 180px 180px;
}

.conniehuq .badge.badge-georgian {
    background: url(img/con3/georgian.png) no-repeat right center;
    background-size: 180px 180px;
}

.conniehuq .badge.badge-gable {
    background: url(img/con3/gable.png) no-repeat right center;
    background-size: 180px 180px;
}

.conniehuq .badge.badge-sunroom {
    background: url(img/con3/leanto.png) no-repeat right center;
    background-size: 180px 180px;
}

.conniehuq .badge.badge-combo {
    background: url(img/con3/tshaped.png) no-repeat right center;
    background-size: 180px 180px;
}

.conniehuq .badge.badge-lantern {
    background: url(img/con3/lantern.png) no-repeat right center;
    background-size: 180px 180px;
}

.conniehuq .badge.badge-bespoke {
    background: url(img/con3/pshaped.png) no-repeat right center;
    background-size: 180px 180px;
}

@media (min-width:1340px) {
    .conniehuq .badge {
        display: inline-block;
        float: left;
        width: 50%;
    }
    .conniehuq .badge:last-child {
        margin-left: 25%;
    }
    .conniehuq .badge:nth-child(even) {
        clear: both;
    }
}

@media (max-width:620px) {
    .conniehuq .badge {
        padding-left: 0;
    }
}

@media (max-width:500px) {
    .conniehuq .badge {
        padding: 100px 0 2em;
    }
    .conniehuq .badge.badge-victorian {
        background: url(img/con3/victorian.png) no-repeat right top;
        background-size: 160px 160px;
    }
    .conniehuq .badge.badge-georgian {
        background: url(img/con3/georgian.png) no-repeat right top;
        background-size: 160px 160px;
    }
    .conniehuq .badge.badge-gable {
        background: url(img/con3/gable.png) no-repeat right top;
        background-size: 160px 160px;
    }
    .conniehuq .badge.badge-sunroom {
        background: url(img/con3/leanto.png) no-repeat right top;
        background-size: 160px 160px;
    }
    .conniehuq .badge.badge-combo {
        background: url(img/con3/tshaped.png) no-repeat right top;
        background-size: 160px 160px;
    }
    .conniehuq .badge.badge-lantern {
        background: url(img/con3/lantern.png) no-repeat right top;
        background-size: 160px 160px;
    }
    .conniehuq .badge.badge-bespoke {
        background: url(img/con3/pshaped.png) no-repeat right top;
        background-size: 160px 160px;
    }
}

.con-round {
    width: 80px;
    height: 80px;
    box-shadow: 2px 2px 3px rgba(22, 22, 22, 0.7);
    display: block;
    border-radius: 60px;
    margin: 1em auto;
}

.clear.clear-line-alt {
    margin-bottom: 2em;
}

@media (max-width:1024px) {
    .clear.clear-line-alt {
        display: none;
    }
}

.lowtable .td {
    width: 50%;
    padding: 1em 0 1em 2em;
}

.lowtable .td:first-child {
    padding: 1em 2em 1em 0;
}

@media (max-width:1024px) {
    .lowtable .td {
        width: 100%;
        display: block;
        padding: 0 0 1em 0 !important;
    }
    .lowtable .td strong p {
        display: none;
    }
}

@media (max-width:1080px) {
    body.act {
        overflow: hidden;
    }
}

#mobileTarget {
    display: block;
    position: absolute;
    top: 100%;
    z-index: 3000;
    right: -340px;
    max-width: 340px;
    height: 95vh;
    min-height: 100%;
    overflow-y: scroll;
    width: 100%;
    background: rgba(22, 22, 22, 0.95);
    opacity: 0;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -ms-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
}

@media (min-width:1081px) {
    #mobileTarget {
        display: none !important;
    }
}

@media (max-width:1080px) {
    #mobileTarget.act {
        -webkit-transition: 400ms;
        -moz-transition: 400ms;
        -ms-transition: 400ms;
        -o-transition: 400ms;
        transition: 400ms;
        opacity: 1;
        right: 0;
    }
}

.menu-mobile-container {
    overflow-y: scroll;
    height: 100%;
    position: relative;
    min-height: 400px;
}

@media (min-width:400px) {
    .menu-mobile-container {
        min-height: 100vh;
    }
}

#mobileTarget ul#menu-mobile {
    display: block;
    padding-bottom: 5em;
}

@media (max-width:560px) {
    #mobileTarget ul#menu-mobile {
        padding-bottom: 8em;
    }
}

#mobileTarget ul#menu-mobile li {
    display: block;
    clear: both;
    border-bottom: 1px solid rgba(200, 200, 200, 0.2);
    -webkit-transition: background 200ms;
    -moz-transition: background 200ms;
    -ms-transition: background 200ms;
    -o-transition: background 200ms;
    transition: background 200ms;
}

#mobileTarget ul#menu-mobile li:hover {
    background: rgba(250, 250, 250, 0.15);
}

#mobileTarget ul#menu-mobile li.menu-item-has-children {
    position: relative;
}

#mobileTarget ul#menu-mobile li.menu-item-has-children:before {
    display: block;
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    height: 59px;
    width: 60px;
    background: rgba(250, 250, 250, 0.15) url(img/graphics/plos.png) no-repeat center center;
    -webkit-transition: background 200ms;
    -moz-transition: background 200ms;
    -ms-transition: background 200ms;
    -o-transition: background 200ms;
    transition: background 200ms;
}

#mobileTarget ul#menu-mobile li.menu-item-has-children:hover:before {
    background: rgba(250, 250, 250, 0.35) url(img/graphics/plos.png) no-repeat center center;
}

#mobileTarget ul#menu-mobile li.menu-item-has-children a {
    cursor: pointer;
}

#mobileTarget ul#menu-mobile li a {
    font-size: 18px;
    text-align: right;
    padding: 1em;
    border-bottom: none !important;
    color: #fff;
    display: block;
}

#mobileTarget ul#menu-mobile li:last-child {
    border-bottom: none;
}

#mobileTarget ul#menu-mobile li ul.sub-menu {
    display: none;
    background: rgba(200, 200, 200, 0.2);
}

#mobileTarget ul#menu-mobile li ul.sub-menu li {
    background: rgba(250, 250, 250, 0.2) !important;
}

#mobileTarget ul#menu-mobile li ul.sub-menu li a {
    font-size: 16px;
    padding: 0.8em 1em;
}

#mobileTarget ul#menu-mobile li.oct ul.sub-menu {
    display: block;
}

.fullcta {
    background: url(img/bg/homeimprovements.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

.fullcta .clique {
    display: block;
    background: url(img/bg/homeimprovements-blur.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    border-radius: 300px;
    width: 310px;
    height: 310px;
    padding: 2em;
    margin: 1em auto;
    box-shadow: 3px 3px 2px rgba(22, 22, 22, 0.4);
    border: 1px solid transparent;
    -webkit-transition: border 220ms ease-out;
    -moz-transition: border 220ms ease-out;
    -ms-transition: border 220ms ease-out;
    -o-transition: border 220ms ease-out;
    transition: border 220ms ease-out;
}

.fullcta .clique:hover {
    border: 1px solid #fff;
}

.fullcta .clique h3,
.fullcta .clique p,
.fullcta .clique img {
    color: #fff;
    display: block;
    clear: both;
    text-align: center;
    margin: auto;
}

.fullcta .clique img {
    width: 70px;
    height: auto;
    margin: 1.2em auto;
}

.fullcta .clique h3 {
    font-size: 18px;
    margin-bottom: 1em;
}

.fullcta .clique p {
    font-size: 16px;
}

@media (max-width:1024px) {
    .fullcta .clique {
        width: 280px;
        height: 280px;
    }
    .fullcta .clique img {
        margin: 0 auto 1em;
    }
    .fullcta .clique h3 {
        font-size: 16px;
    }
    .fullcta .clique p {
        font-size: 14px;
    }
}

.fullcta.fullcta-mobile {
    background: url(img/bg/homeimprovements-mobile.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: inherit;
}

.fullcta.fullcta-mobile .clique {
    background: rgba(22, 22, 22, 0.8);
}

.dl-ind {
    float: left;
    width: 31.33% !important;
    margin-right: 2%;
    min-width: 200px;
}

.dl-ind:hover p {
    text-decoration: underline;
    color: #36306e;
}

@media (max-width:1200px) {
    .dl-ind {
        width: 48% !important;
    }
}

@media (max-width:780px) {
    .dl-ind {
        width: 100% !important;
        margin-right: 0;
    }
}

.dl-ind .td {
    padding: 0.4em 1em 0;
}

.dl-ind img {
    width: 44px;
    height: auto;
    margin: auto;
}

.dl-ind p {
    font-weight: 600;
    text-align: left;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -ms-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
}

#fancybox-overlay {
    background: #000 !important;
    opacity: 0.85 !important;
}

#fancybox-outer {
    background: #3a3a3a !important;
}

#fancybox-title {
    padding: 0 !important;
    box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    font: 300 16px 'Source Sans Pro', sans-serif !important;
}

#fancybox-title #fancybox-title-outside {
    color: #3a3a3a !important;
    padding: 20px !important;
    display: inline-block !important;
    background: #fff !important;
}

#fancybox-close {
    top: -36px !important;
    right: -42px !important;
    background: url(img/close.png) no-repeat !important;
}

#fancybox-right-ico {
    background: url(img/right.png) no-repeat !important;
}

#fancybox-left-ico {
    background: url(img/left.png) no-repeat !important;
}

#fancybox-right {
    right: -60px !important;
}

#fancybox-left {
    left: -50px !important;
}

.svg-content svg {
    display: block;
    margin-top: -70px;
}

@media (max-width:840px) {
    .svg-content svg {
        margin-top: -30px;
        margin-left: -20px;
    }
}

@media (max-width:760px) {
    .svg-content svg {
        margin-left: -50px;
    }
}

.svg-content .tbg {
    display: inline-block;
    float: left;
}

.svg-content .tbg.bgt {
    float: right;
    width: calc(100% - 368px);
}

@media (max-width:840px) {
    .svg-content .tbg.bgt {
        width: calc(100% - 348px);
    }
}

@media (max-width:760px) {
    .svg-content .tbg.bgt {
        width: calc(100% - 318px);
    }
}

@media (max-width:680px) {
    .svg-content .tbg {
        display: block;
        width: auto !important;
        float: none !important;
        text-align: center;
    }
    .svg-content .tbg svg {
        margin-left: 0;
        margin: -70px auto 20px;
    }
}

@media (max-width:500px) {
    .svg-content .tbg svg {
        max-width: 100%;
    }
}

.active-layer {}

.active-layer path {
    stroke-dasharray: 0;
    -webkit-transition: 800ms ease-in-out;
    -moz-transition: 800ms ease-in-out;
    -ms-transition: 800ms ease-in-out;
    -o-transition: 800ms ease-in-out;
    transition: 800ms ease-in-out;
}

.page-id-24 {}

.page-id-24 #dld {
    display: block;
    position: relative;
    top: 1100px;
    visibility: hidden;
}

@media (max-width:1340px) {
    .page-id-24 #dld {
        top: 1650px;
    }
}

@media (max-width:720px) {
    .page-id-24 #dld {
        top: 1780px;
    }
}

@media (max-width:501px) {
    .page-id-24 #dld {
        top: 2600px;
    }
}

@media (max-width:350px) {
    .page-id-24 #dld {
        top: 2700px;
    }
}

@media only screen and (device-width:720px) and (device-height:1280px) and (orientation:portrait) {
    #mobileTarget {
        height: 580px !important;
        min-height: 100%;
    }
    .fullcta {
        background: none;
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-device-pixel-ratio:2) and (device-aspect-ratio:2/3) and (orientation:portrait) {
    #mobileTarget {
        height: 700px !important;
        padding-bottom: 400px;
        min-height: 100%;
    }
}

article.type-post .entry-content img[class*="wp-image-"] {
    height: auto;
}

article.type-post .entry-content img.aligncenter {
    float: none;
    margin: 0 auto 1em;
}

article.type-post .entry-content img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}

article.type-post .entry-content img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}

article.type-post .entry-content p a {
    text-decoration: underline;
    color: #ee9239;
}

.individual-product-cta {
    display: block;
    width: 100%;
    padding: 1em 5em 1em 1em;
    background: #f25;
    border-radius: 4px;
    margin-bottom: 1em;
    -webkit-transition: 200ms ease;
    -moz-transition: 200ms ease;
    -ms-transition: 200ms ease;
    -o-transition: 200ms ease;
    transition: 200ms ease;
}

.individual-product-cta:hover {
    opacity: 0.8;
}

.individual-product-cta h3,
.individual-product-cta p {
    color: #fff;
}

.individual-product-cta h3 {
    font-size: 18px;
    margin-bottom: 0.4em;
}

.individual-product-cta p {
    font-size: 15px;
    font-weight: 400;
}

.ipc-windows {
    background: url(img/bg/sidebar-windows.jpg) no-repeat right center;
    background-size: cover;
}

.ipc-doors {
    background: url(img/bg/sidebar-doors.jpg) no-repeat right center;
    background-size: cover;
}

.ipc-cons {
    background: url(img/bg/sidebar-conservatories.jpg) no-repeat right center;
    background-size: cover;
}

.ipc-show {
    background: url(img/bg/sidebar-showroom-swansea.jpg) no-repeat right center;
    background-size: cover;
}

.bannergoogle {
    width: 100%;
    height: 120%;
    height: calc(100% + 150px);
}

@media (max-width:640px) {
    .bannergoogle {
        height: 110%;
        height: calc(100% + 90px);
    }
}

.bannergooglefade {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(20, 9, 9, 0.4) 0%, rgba(20, 9, 9, 0.4) 21%, rgba(20, 9, 9, 0.1) 100%);
    background: -webkit-linear-gradient(top, rgba(20, 9, 9, 0.4) 0%, rgba(20, 9, 9, 0.4) 21%, rgba(20, 9, 9, 0.1) 100%);
    background: linear-gradient(to bottom, rgba(20, 9, 9, 0.4) 0%, rgba(20, 9, 9, 0.4) 21%, rgba(20, 9, 9, 0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66140909', endColorstr='#1a140909', GradientType=0);
}

.bestimonials h3 {
    font-size: 18px;
    margin: 0.5em 0 1.2em;
    text-align: center;
    text-transform: uppercase;
}

.bestimonials .bestimonial {
    display: inline-block;
    float: left;
    width: 33.33%;
    padding-bottom: 1em;
}

@media (max-width:840px) {
    .bestimonials .bestimonial {
        display: block;
        width: 100%;
        max-width: 560px;
        margin: 0.5em auto;
        float: none;
        padding: 0 0 1em !important;
    }
}

.bestimonials .bestimonial:nth-child(3n+1) {
    padding-right: 1.5em;
}

.bestimonials .bestimonial:nth-child(3n+2) {
    padding: 0 0.75em;
}

.bestimonials .bestimonial:nth-child(3n+3) {
    padding-left: 1.5em;
}

.bestimonials .bestimonial .bestcontent {
    min-height: 125px;
    padding-top: 1em;
}

@media (max-width:1200px) {
    .bestimonials .bestimonial .bestcontent {
        min-height: 137x;
    }
}

@media (max-width:1080px) {
    .bestimonials .bestimonial .bestcontent {
        min-height: 150px;
    }
}

@media (max-width:900px) {
    .bestimonials .bestimonial .bestcontent {
        min-height: 175px;
    }
}

@media (max-width:840px) {
    .bestimonials .bestimonial .bestcontent {
        min-height: 0;
        padding-bottom: 2em;
    }
}

.bestimonials .bestimonial .bestcontent span {
    display: none;
}

.bestimonials .bestimonial p.moniker {
    text-align: right;
    color: #cc6a0b;
}

.notitleclear h1,
.notitleclear h2,
.notitleclear h3 {
    clear: none !important;
}

.offsection {
    position: relative;
}

.offsection .entry-content {
    float: right;
    padding-left: 500px;
}

@media (max-width:1350px) {
    .offsection .entry-content {
        padding-left: 490px;
    }
}

@media (max-width:1025px) {
    .offsection .entry-content {
        padding-left: 0;
        padding-top: 380px;
    }
}

.offsection .left-just-image {
    background: #36306e;
    position: absolute;
    top: 0;
    left: 0;
    width: 35%;
    height: 100%;
    overflow: hidden;
}

@media (max-width:1350px) {
    .offsection .left-just-image {
        width: 465px;
    }
}

@media (max-width:1025px) {
    .offsection .left-just-image {
        width: 100%;
        height: 400px;
    }
}

.offsection .left-just-image img {
    width: 100%;
    min-width: 465px;
    height: auto;
}

.centerbtncon {
    text-align: center;
    padding: 1.5em 0 1em;
}

.centerbtn {
    display: inline-block;
    text-align: center;
    float: none;
}


#menu-item-2314 {
    background: #36306e;
    text-align: center !important;
    padding-left: 0.2em !important;
}
#menu-item-2314:hover {
    background: #b06116;
}

#gtm-call {
    margin-right: 20px;
}

.fixed-cta{
  position: fixed;
  z-index: 8000;
  text-align: center;
  transition: 0.2s all ease;
  padding: 15px 0;
  background-color: #fff;
}
.fixed-cta-hide-arrow{
	color: #cc6a0b;
	position: fixed;
  z-index: 8001;
  right: 103px;
  top: 50%;
  transition: 0.2s all ease;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
	font-size: 1.5em;
	padding: 20px 0 22px 6px;
	border-radius: 100% 0 0 100%;
  background-color: #fff;
  border-left: 2px solid #cc6a0b;
border-bottom: 2px solid #cc6a0b;
border-top: 2px solid #cc6a0b;
}
.fixed-cta-hide-arrow-slide{
  right: 5px;
}
.fixed-cta-hide-arrow i.fa-arrow-right{
	text-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
/* .fixed-cta-content{
  padding: 10px;
} */
.fixed-cta-content img{
  padding-top: 12px;
}
.fixed-cta-content h4{
  padding-bottom: 12px;
}
.fixed-cta a{
  color: #cc6a0b !important;
  text-decoration: none !important;
  display: inline;
}

.fixed-cta .fa{
  font-size: 1.5em;
}
.fixed-cta a h4{
  color: #cc6a0b !important;
  padding: 5px 5px 0 5px;
  font-size: 1em !important;
}
.fixed-cta br:last-of-type{
  display: none;
}
.fixed-cta-pos-right{
  max-width: 110px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  border-radius: 10px 0 0 10px;

	border:2px solid #cc6a0b;
}
.active-right{
  right: -93px !important;
}

.banner-image-pages{
  position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding: 2rem 0;
    color: #fff;
    background:rgba(22, 22, 22, 0.5);
    width: 100%;
}

.banner-image-pages h2{
  color:#fff;
  font-size: 32px;
  margin-bottom: 15px;
  text-align: center;
}

.banner-image-pages div{
  text-align: center;
}



		.container {
			max-width: 1340px;
			margin-left: auto;
			margin-right: auto;
		}
		.row {
			margin-left: -15px;
			margin-right: -15px;
			display: block;
		}
		.row:after {
			content: "";
			display: block;
			clear: both;
		}
		[class*="col-"] {
			display: block;
			float: left;
			padding-left: 15px;
			padding-right: 15px;
		}
		.col-12 {
			width: 100%;
		}
		@media (min-width: 992px) {
			.col-md-6 {
				width: 50% !important;
			}

			.text-md-right {
				text-align: right !important;
			}
		}

/*@media (min-width: 1080px) and (max-width: 1499px) {
  header#branding .nav.nav-right { width: 437px; padding-left: 0;}
  header#branding .nav.nav-left  { width: 800px; padding-right: 0; }
  header#branding .nav.nav-right a.social { display: inline-block; }
}

@media (min-width: 1400px) and (max-width: 1499px) {
  header#branding .nav.nav-left  { width: 900px; padding-right: 0; }
}

@media (min-width: 1080px) and (max-width: 1200px) {
  header#branding .nav.nav-left  { width: 700px; }
}

@media (min-width: 1080px) and (max-width: 1280px) {
  header#branding .nav.nav-right a.whitewall { font-size: 14px; }
  header#branding .nav.nav-right a.social { margin-left: 8px; }
  header#branding .nav.nav-right { width: 350px; }
}

@media (min-width: 1500px) {
  header#branding .nav.nav-right { width: 28%; }
  header#branding .nav.nav-left  { width: 72%; }
}
@media (min-width: 1500px) and (max-width: 1560px) {
  header#branding .nav.nav-right a.social { margin-left: 15px; }
}*/
.extra-copy .content-circ { display: none; }


span.edit-link {
    display: none !important;
}

/*Landing page*/

#top-section {
    padding-top: 200px;
}

#landing-three-rows {
   background-color: #E67F1E;
}

#landing-three-rows h3,
#landing-three-rows p {
    color: white;
}

#landing-three-rows {
    text-align: center;
}

#landing-three-rows h3 {
    margin-bottom: .5em;
}


#top-section h1 {
    font-size: 35px;
    margin-bottom: .5em;
}

#top-section h3 {
    font-size: 25px;
}


#top-section ul {
    margin: 1em 0em;
}

#top-section ul li {
    margin-bottom: .2em;
    font-size: 20px;
}

#top-section ul li i {
   margin-right: .4em;
   color: #E67E1E;
}

#content-landing h2 {
    margin: .5em 0em;
    font-size: 25px;
}

#content-landing p {
    margin-bottom: .5em;
}


@media (max-width: 991px) {
    #landing-three-rows .col-12 {
    width: 100%;
    margin-bottom: 2em;
}
#three-img-rows .col-12 {
    width: 100%;
}

#three-img-rows {
    text-align: center;
}

#top-section {
    padding-top: 80px;
}

#top-section .col-12 {
    margin-bottom: 2em;
}

}

@media (max-width: 576px) {
    #three-img-rows img {
    width: 100%;
}
}


.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9 {
  padding-bottom: 42.85714286%;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-3by2 {
  padding-bottom: 66.66666667%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.embed-responsive-1by1 {
  padding-bottom: 100%;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}

#icon-grid {
  padding: 5em 0 4em 0;
}
.icon-block {
  display: flex;
}
.icon-content-wrap {
  padding: 0 0 1.6em 0;
}
.icon-wrap {
  padding: 0.4em 1em 0 0;
}
.icon-wrap i {
  padding: 0.6em;
  background: #e7801e;
  color: #fff;
}
.text-image-row {
  height: 580px;
  overflow: hidden;
  margin-bottom: 10px;
  background: #3a3a3a;
}
.text-content h2 {
  font-size: 1.65em;
  margin-bottom: 16px;
}
.text-content h2, .text-content p {
  color: #fff;
}
.text-content-wrap {
  height: 100%;
  display: flex;
  align-items: center;
}
.text-image-alt {
  background: #e7801e !important;
}
.text-content {
  padding: 2.5em;
}
.image-wrap {
  height: 100%;
  width: 100%;
}
.image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#image-gallery {
  margin: 1em 0 5em 0;
}
.gallery-image img {
  object-fit: cover;
  margin: 30px 0;
}
#brochure-section {
  background: #fbfbfb;
  padding: 3em 0;
}
.prices-row {
  padding: 1em;
}
.prices-content-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em 0;
}
#prices-section {
  padding: 2em 0;
}
.prices-content h2 {
  font-size: 1.5em;
}
.prices-image-wrap {
  width: 100%;
  height: 100%;
}
.prices-image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media(max-width: 991px) {
  .text-image-row .image-wrap {
    height: 302px;
    padding: 0 2em 1em 2em;
  }
}
@media(min-width: 991px) {
  .text-image-row, .prices-row {
    display: flex;
  }
  .text-image-row {
    height: 380px;
  }
}


@media(max-width: 767px) {
    .banner {
        height: 800px;
        min-height: 320px;
    }
    .banner-blur-wrap {
        top: 50%;
    }
}


#cn-notice-text {
    color: #fff;
    font-weight: 600;
}

header#branding .nav.nav-right {
    padding-bottom: 0;
    padding-left: 0;
}



/* NEW CSS not on SASS, consider when compiling */

header#branding ul#menu-desktop-header-left li ul.sub-menu li {
    position: relative;
}

header#branding ul#menu-desktop-header-left li:hover ul.sub-menu {
    overflow: visible;
}
    
header#branding ul#menu-desktop-header-left li ul.sub-menu li ul.sub-menu {
    display: none;
    position: absolute;
    top: -25px;
    left: calc(100% + 1px);
}

@media(max-width: 1439px) {
    header#branding ul#menu-desktop-header-left li ul.sub-menu li ul.sub-menu {
        max-height: 350px;
        overflow-y: auto;
        /* Hide scrollbar for Chrome, Safari and Opera */
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    header#branding ul#menu-desktop-header-left li ul.sub-menu li ul.sub-menu::-webkit-scrollbar {
        display: none;
    }
}

header#branding ul#menu-desktop-header-left li ul.sub-menu li:hover ul.sub-menu {
    display: block;
}