* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/* = Reset
----------------------------------------------------------------------------------------------------------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote, fieldset, form, label, legend, table, caption, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* = HTML5 Elements
----------------------------------------------------------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
/* Only for responsive sites take out if not needed */

/* = Body
----------------------------------------------------------------------------------------------------------------- */
body { color: #000; font-size: 16px; text-align: left; font-family: "Titillium Web", sans-serif; background: #fff; }

/* = Typography
----------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; color: #333; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.5em; }
h5 { font-size: 1.4em; }
h6 { font-size: 1.3em; }

p { margin: 0 0 22px; line-height: 1.55em; font-family: 'Roboto', sans-serif; }
p:last-child { margin: 0;}

blockquote { margin: 0 0 20px; color: #007681; font-size: 1.1em; font-weight: 700; padding-bottom: 60px; padding-top: 40px; position: relative; text-align: center; }
blockquote p { margin: 0; }
blockquote cite { font-size: 0.9em; }

a { color: #e38626; text-decoration: none; }
a:hover { color: #e38626; text-decoration: none; }

img { vertical-align: bottom; height: auto; -ms-interpolation-mode: bicubic; }
hr { margin: 40px 0; height: 1px; border: 0; border-top: 1px solid #ccc; }
small { font-size: 0.8em; }
address { margin: 0 0 20px; line-height: 1.5em; font-style: normal; }

sub, sup { line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { margin: 0; }
pre code { font-size: 1.5em; white-space: pre-wrap; }

figure { margin: 0 0 20px; }
figcaption { padding-top: 10px; color: #777; font-size: 0.8em; }

.floatLeft { float: left; }
.floatRight { float: right; }
.hide { display: none; }
.hideText { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.clr { clear: both; }
.leader { font-size: 1.2em; }
.textLeft { text-align: left; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.highlight { color: #e38626; }
.marked { color: #fff; background: #e38626; }
.meta { color: #666; font-style: italic; font-size: 0.9em; margin-bottom: 10px; }
.lrgfont { font-size: 3em; }
.fixed { position: fixed; top: 20px; }
.blockQuoteAuthor { bottom: 38px; color: #007681; font-size: 1.2em; position: absolute; right: 0; }
.classicLink { overflow-wrap: break-word; word-wrap: break-word; }
.greenTxt { color: #007681; }
.container .marginBottom0 { margin-bottom: 0; }
.container .marginBottom20 { margin-bottom: 20px; }
.container .marginBottom40 { margin-bottom: 40px; }
.container .marginBottom80 { margin-bottom: 80px; }
.smallTxt { font-size: 14px; }

/* = Colours
----------------------------------------------------------------------------------------------------------------- */
.brandblack { color: #fff; background: #000; }
.brandorange { color: #fff; background: #e38626; }
.brandred { color: #fff; background: #a8274c; }
.block { display: inline-block; padding: 50px 50px 10px 20px; font-weight: bold; }

/* = Buttons
----------------------------------------------------------------------------------------------------------------- */
.btn { display: inline-block; padding: 10px 20px; color: #fff; font-weight: bold; font-family: "Titillium Web", sans-serif; outline: none; cursor: pointer; border: 1px solid #e38626; background: #e38626; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.btn:hover { color: #fff; opacity: 0.8; }

.btnImpact { border-color: #a8274c; background: #a8274c; }

input.btn { font-size: 1em; line-height: 1.5em; }

/* = Lists
----------------------------------------------------------------------------------------------------------------- */
ul { margin: 0 0 20px 15px; line-height: 1.5em; }
ul:last-child { margin-bottom: 0;}
ul li { margin: 0 0 15px; line-height: 1.45em; }
ul li:last-child { margin: 0;}
ul li ul { margin-top: 20px; margin-left: 30px; list-style-type: circle; }

ol { margin: 0 0 20px 18px; line-height: 1.5em; }
ol:last-child { margin-bottom: 0;}
ol li { margin: 0 0 15px; line-height: 1.45em; }
ol li:last-child { margin:0; }
ol li ol { margin-top: 20px; margin-left: 30px; list-style-type: lower-latin; }

dl { margin: 0 0 20px; line-height: 1.5em; }
dt { color: #111; font-weight: bold; }
dd { margin: 0 0 20px; }

.inline { margin-left: 0; list-style: none; }
.inline li { display: inline; margin: 0 15px 0 0; }

.breadcrumb ul { margin-left: 0; list-style: none; }
.breadcrumb ul li { display: inline; margin: 0 10px 0 0; }

.progress { margin: 0 0 20px; position: relative; }
.progress:before { width: 99%; height: 3px; content: ""; position: absolute; top: 19px; bottom: 0; left: 1%; background: #cbcbcb; }
.progress ul li { float: left; margin-right: 25px; text-align: center; position: relative; }
.progress ul li span { width: 40px; display: block; margin: 0 auto 5px; padding: 20px 0; background: #cbcbcb url(/assets/img/icons/dot.svg) no-repeat center center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.progress ul li a { color: #222; }
.progress ul li.progressSuccess span { background-image: url(/assets/img/icons/complete.svg); background-color: #69b239; }
.progress ul li.progressActive span { background-image: url(/assets/img/icons/down.svg); background-color: #e28724; }

.checkoutProgress ul li { margin-right: 50px; }
.checkoutProgress ul li.progressSuccess span { background-color: #69b239; }
.checkoutProgress ul li.progressActive span { background-color: #e28724; }
.checkoutProgress ul li.progressBasket span { background-image: url(/assets/img/icons/basket.svg); }
.checkoutProgress ul li.progressLogin span { background-image: url(/assets/img/icons/login.svg); }
.checkoutProgress ul li.progressAddress span { background-image: url(/assets/img/icons/address.svg); }
.checkoutProgress ul li.progressSummary span { background-image: url(/assets/img/icons/summary.svg); }
.checkoutProgress ul li.progressPayment span { background-image: url(/assets/img/icons/payment.svg); }
.checkoutProgress ul li.progressComplete span { background-image: url(/assets/img/icons/complete.svg); }

.paging { margin: 0 0 20px; }
.paging ul { margin: 0; list-style: none; }
.paging ul li { display: inline; }
.paging ul li.det { padding-right: 10px; }
.paging ul li a { display: inline-block; font-weight: bold; padding: 6px 12px; color: #fff; background: #666; }
.paging ul li a:hover { background: #454545; }
.paging ul li a.on { background: #080808; }

/* = Tables
----------------------------------------------------------------------------------------------------------------- */
table { width: 100%; margin: 0 0 20px; border-spacing: 0; border-collapse: collapse; }
th { padding: 15px 10px; color: #ED8B00; border: 1px solid #ccc; background: #fff; }
tr:nth-child(even) td { background: #fff; }
td { padding: 10px; border: 1px solid #ccc; background: #fff; }
.rowItemStandout td { color: #fff; background: #a1c897; }

/* = Screen Messages
----------------------------------------------------------------------------------------------------------------- */
.msg { margin: 0 0 20px; padding: 20px; background: #f5f5f5; }
.msg p { margin-bottom: 0; }
.msg ul { margin-bottom: 0; }
.msg ul li { margin-bottom: 5px; }

.msgImp { padding-left: 65px; color: #fff; background: #8ec3d9 url(/assets/img/icons/important.svg) no-repeat 30px center; }
.msgImp a { color: #fff; font-weight: bold; }
.msgError { padding-left: 65px; color: #fff; background: #e84d54 url(/assets/img/icons/error.svg) no-repeat 20px center; }
.msgError a { color: #fff; font-weight: bold; }
.msgSuccess { padding-left: 65px; color: #fff; background: #a1c897 url(/assets/img/icons/success.svg) no-repeat 20px center; }
.msgSuccess h3 { color: #fff; margin: 0 0 10px; }
.msgSuccess a { color: #fff; font-weight: bold; }
.msgAssist { background-color: #fff0bc; }

/* = Columns
----------------------------------------------------------------------------------------------------------------- */
.colsHalf .col { width: 49%; float: left; margin-right: 2%; }
.colsThird .col { width: 32%; float: left; margin-right: 2%; }
.colsFourth .col { width: 22%; float: left; margin-right: 4%; }
.cols .endCol { margin-right: 0; }

/* = Modules
----------------------------------------------------------------------------------------------------------------- */
.module h3 { margin: 0 0 10px; }

/* = Tabs
----------------------------------------------------------------------------------------------------------------- */
.tabs { margin: 0 0 20px; }
.tabs ul { margin: 0; list-style: none; }
.tabs ul li { display: inline; margin: 0 20px 0 0; }
.tabs ul li a { display: inline-block; color: #000; }
.tabs ul li a:hover { color: #666; }
.tabs ul li a.on { color: #e38626; }

.tabs .panel { padding: 20px 0 0; }

/* = Accordions
----------------------------------------------------------------------------------------------------------------- */
.accordion { margin: 0 0 20px; }
.accordion h3 { display: block; text-align: center; color: #fff; margin: 0 0 10px; padding: 10px 15px; background: #080808; }
.accordion h3:hover { cursor: pointer; background: #e38626; }
.accordion h3.on { background: #e38626; }
.accordion .content { display: none; }
.accordion .content.contentopen { display: block; }

/* = Forms
----------------------------------------------------------------------------------------------------------------- */
.webForm div { margin: 0 0 20px; }
.webForm div em { display: block; margin-left: 25%; margin-top: 10px; }

label { cursor: pointer; display: inline-block; margin-right: 15px; padding-left: 34px; position: relative; }
input.text, select { width: 75%; padding: 10px; font-size: 1em; font-family: "Titillium Web", sans-serif; border: 1px solid #e5e5e5; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
input.text:focus, textarea:focus, select:focus { outline: none; border-color: #ccc; }
input.file { margin: 8px 0; }
textarea { background-color: #7A7A7A; border: 1px solid #fff; font-family: 'Roboto', sans-serif; height: 97px; outline: none; width: 535px; }
::-webkit-input-placeholder { color: #fff; }
::-moz-placeholder { color: #fff; opacity: 1; }
:-ms-input-placeholder { color: #fff; }
:-moz-placeholder { color: #fff; opacity: 1; }

.formList { display: inline-block; padding: 8px 0; line-height: 1.5em; }
.formList label { width: auto; float: none; }
.formList input { width: auto; margin: 0 10px 0 0; padding: 0; border: 0; }

.checkbox { display: inline-block; }
.checkbox input[type="checkbox"], .formList input[type="checkbox"] { display: none; }

.check { display: inline-block; padding: 12px 0 0; }
.check input { float: left; margin: 0; padding: 0; border: 0; }

.labelfullwidth div { clear: left; margin: 0 0 10px; }
.labelfullwidth div .label { width: 100%; padding: 0 0 10px; }
.labelfullwidth label.labelhide { display: none; }
.labelfullwidth input.text, .labelfullwidth textarea, .labelfullwidth select { width: 100%; }
.labelfullwidth .formList { width: 100%; float: left; margin: 0 0 10px; }
.labelfullwidth .formList input { float: left; margin: 3px 5px 0 0; }
.labelfullwidth .formList label { width: auto; float: none; padding: 0; }
.labelfullwidth .formList br { clear: left; }


/* = No Javascript
----------------------------------------------------------------------------------------------------------------- */
.no-js .tabs ul { display: none; }
.no-js .tabs .panel { padding: 0; }
.no-js .accordion .content { display: block; }
.no-js header { padding-top: 0; }
.no-js header .nojavascript { padding: 10px 15px; text-align: center; background-image: none; }

/* = Clearing
----------------------------------------------------------------------------------------------------------------- */
.container, .cols, .progress { zoom: 1; }
.container:after, .cols:after, .progress:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; overflow: hidden; }



/* = Flex
----------------------------------------------------------------------------------------------------------------- */
.flx { display: -ms-flexbox; display: -webkit-flex; display: flex; }
.flx-inl { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; }
.flx--col { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flx--jc { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.flx--ac { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; }
.flx--ai { -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flx--wr { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flx--noSh { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

/* = Framework
----------------------------------------------------------------------------------------------------------------- */
header { padding-top: 25px; background: #fff; }
footer { padding: 80px 0 0; color: #017580; background: #fff; }

.container { width: 900px; margin: 0 auto; position: relative; }

/* = Templates
----------------------------------------------------------------------------------------------------------------- */
/* .template { padding: 40px 0; } */

.template2col section { width: 70%; float: left; }
.template2col aside { width: 25%; float: right; }
.template2col aside img { width: 100%; }

/* = Logo
----------------------------------------------------------------------------------------------------------------- */
.logo { width: 290px; height: 69px; display: inline-block; margin: 0 0 18px; background: url(/assets/img/logo.svg) no-repeat top left/contain; }

/* = Menu
----------------------------------------------------------------------------------------------------------------- */


.menu { background: #7A7A7A; }
.menu ul { margin: 0; list-style: none; }
.menu.extended ul { display: block; }
.menu ul li { display: inline; margin: 0; position: relative; }
.menu ul li a { display: inline-block; color: #fff; line-height: 45px; padding: 0 10px; }
.menu ul li a.on, .menu ul li:hover a { background: #959595; }

.menu ul ul { width: 200px; display: none; position: absolute; top: 19px; left: -10px; padding: 15px 0 5px; background: #080808; z-index: 9999; }
.menu ul li:hover ul { display: block; }
.menu ul ul li { display: block; margin: 0; }
.menu ul li:hover ul li a { display: block; padding: 5px 10px; }

@media screen and (max-width: 750px) {
    .menu .container { margin-left: 0; margin-right: 0; }

    .menu ul { display: none; }
    .menu ul li { border-top: 2px solid #fff;; display: block; padding: 7px 0; text-align: center; }
    .menu ul li a { line-height: normal; padding: 0; }
    .menu ul li a.on, .menu ul li:hover a { background: none; }
}

/* = Sub Menu
----------------------------------------------------------------------------------------------------------------- */
.submenu { margin: 0 0 20px; }
.submenu ul { margin: 0; list-style: none; }
.submenu ul li { display: block; margin: 0; border-bottom: 1px solid #ccc; }
.submenu ul li a { display: block; padding: 10px 15px; color: #333; background: #eee; }
.submenu ul li a:hover { background: #ddd; }
.submenu ul li a.on { font-weight: bold; background: #ddd; }
.submenu ul li:last-child { border-bottom: 0; }

/* = News
----------------------------------------------------------------------------------------------------------------- */
.news { padding: 80px 0; }
.news ul { list-style: none; margin: 0 auto; position: relative; width: 900px; }
.news ul li { display: inline-block; margin-bottom: 60px; width: 630px; }
.news ul li h1 { color: #ED8B00; line-height: normal; margin-bottom: 0; }
.news ul li h3 { margin: 0 0 10px; line-height: 1em; }
.news ul li h4 { margin: 0 0 10px; }
.news ul li p { color: #7A7A7A; }
.news ul li .readMore a { color: #7A7A7A; font-weight: bold; }
.news ul li img { max-width: 630px; width: 100%; }
.news ul li .meta { margin: 0 0 20px; }

.newsview { margin: 0 auto; padding-bottom: 80px; padding-top: 30px;  position: relative; width: 900px; }
.newsview h1 { color: #71C5E8; font-size: 27px; margin-bottom: 30px; }
.newsview .blogPost { border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; margin-bottom: 15px; overflow: auto; padding: 5px; }
.newsview .blogPost p { float: left; font-family: 'Titillium Web', sans-serif; margin-bottom: 0; }
.newsview .blogPost .socialMedia { float: right; }
.newsview h2 { color: #7A7A7A; font-size: 18px; margin-bottom: 15px; }
.newsview h3 { color: #ED8B00; font-size: 20px; margin-bottom: 15px; }
.newsview > p { line-height: normal; }
.newsview img { margin-bottom: 60px; max-width: 558px; width: 100%; }
.newsview h4 { color: #007581; font-size: 16px; margin-bottom: 0; }
.newsview ul { margin-bottom: 60px; }
.newsview li { margin-bottom: 0; }
.newsview span { color: #007681; }
.newsview .articleBack a { border: 1px solid #ccc; box-sizing: content-box; color: #71C5E8; display: block; padding: 5px; width: 75px; }
.newsview .articleBack a:hover { background-color: #71C5E8; color: #fff; cursor: pointer; transition: .5s; }
.newsview .meta { margin: 0 0 20px; }

@media screen and (max-width: 950px) {
    .news ul, .newsview { width: auto; margin-right: 25px; margin-left: 25px; }
    .news ul li { width: 100%; }
}

@media screen and (max-width: 750px) {
    .newsview .blogPost p, .newsview .blogPost .socialMedia { float: none; }
}

@media screen and (max-width: 550px) {
    .news ul { margin-left: 5px; margin-right: 5px; }
}

/* = Banners
----------------------------------------------------------------------------------------------------------------- */
.banner { margin: 0; }
.banner img { max-width: 100%; margin: 0 0 20px; }

.bannersrepeater ul { margin: 0; list-style: none; }
.bannersrepeater ul li { margin: 0; }

/* = Cookie
----------------------------------------------------------------------------------------------------------------- */
.cookie { display: none; padding: 10px 0; color: #fff; text-align: center; font-size: 0.9em; background: #71C5E8; }
.cookie p { margin: 0; }
.cookie p a { color: #fff; text-decoration: underline; font-weight: bold; }

/* = Social Icons
----------------------------------------------------------------------------------------------------------------- */
header .fa, footer .fa { border: 1px solid #cccccc; color: #71C5E8; margin-top: 5px; padding: 10px; text-align: center; width: 38px; }
.fa:hover { background-color: #71C5E8; color: #fff; cursor: pointer; transition: .5s; }

/* = Header
----------------------------------------------------------------------------------------------------------------- */
.subNav { float: right; }
.subNav ul { list-style: none; margin-bottom: 8px; margin-left: 0; }
.subNav li { display: inline-block; margin-bottom: 0; margin-right: 20px; }
.subNav a { color: #ED8B00; }

header .headerIcons { position: relative; margin-top:10px; }
header .headerIcons a { display: inline-block; vertical-align: middle;}
header .headerIcons b { margin-right: 10px; display: inline-block; vertical-align: middle; } 


.header-tel { display: inline-block; vertical-align: middle; margin-right: 30px;}
.header-tel a { color: #007581; }

header .fa { margin-right: 10px; }
header a:last-child .fa { margin-right: 0;}

.headerIcons .webForm { display: inline-block; }
.headerIcons .webForm label { display: none; }
.searchBar { display: inline; }
.searchTextbox, .headerIcons .webForm input[type="text"] { background-color: #C1C1C1; border: 1px solid #C1C1C1; color: #fff; font-size: 16px; height: 39px; margin-left: 15px; padding-left: 20px; outline: none; width: 222px; }
.searchSubmit, .headerIcons .webForm input[type="submit"] { background: #C1C1C1 url(/assets/img/search.png) no-repeat 3px 4px/20px; border: 1px solid #C1C1C1; color: #fff; cursor: pointer; font-size: 0; height: 31px; left: 355px; outline: none; padding-left: 20px; position: absolute; top: 9px; width: 30px; }
.contactBar { background-color: #71C5E8; }
.contactBar p { color: #fff; font-family: "Titillium Web", sans-serif; margin-bottom: 0; padding:15px 0; text-align: right; }
.contactBar p a { color: #fff; }
.espaceButton { background-color: #007681; color: #fff; display: inline-block; padding: 16px 30px; }
.espaceButton:hover { background-color: #00a0ac; color: #fff; transition: 0.2s; }
.contactDetails a { margin-left: 15px; }
.breadcrumbs p { color: #C1C1C1; display: inline-block; margin-bottom: 0; padding: 5px 0; }
.breadcrumbs a { color: #C1C1C1; font-family: "Titillium Web", sans-serif; text-decoration: underline; }

@media screen and (max-width: 950px) {
    .contactBar p { float: none; padding-bottom: 15px; }
}

@media screen and (max-width: 750px) {
    .logo { margin-bottom: 0; }
    .subNav { float: none; margin-bottom: 28px; }

    header .headerIcons { background: #f4f4f4;   padding: 10px 20px;     display: flex; align-items: center;  }
    header .fa { margin-top:0; }
    .header-tel { margin-right: auto;}
}

@media screen and (max-width: 550px) {
    .searchTextbox, .headerIcons .webForm input[type="text"] { width: 142px; }
    .searchSubmit, .headerIcons .webForm input[type="submit"] { left: 275px; }
    .espaceButton { padding: 16px 20px; }
    .espaceButton b { display: block; }

    header .headerIcons > a:first-of-type { margin-left: 15px; }
    header .headerIcons b { line-height: 1; }
}

/* = Footer
----------------------------------------------------------------------------------------------------------------- */
.homeForm { background-color: #7A7A7A;  padding: 80px 0; position: relative; }
.homeForm .container { overflow: auto; }
.homeForm .webForm { box-sizing: border-box; display: block; margin-left: auto; margin-right: auto; overflow: auto; width: 900px; text-align: center; }
.homeForm .webForm div { margin-bottom: 0; }
.homeForm .page1 { clear: left; float: left; vertical-align: top; width: 342px; }
.homeForm label { display: none; }
.homeForm input {     padding: 0.8em 1em; width: 310px; margin-bottom: 20px;  background-color: #7A7A7A; border: 1px solid #fff; color: #fff; font-family: "Roboto", sans-serif; font-size: 16px; outline: none;  }
.homeForm #q3 { margin-bottom: 5px; }
.homeForm #q4 { margin-bottom: 15px; }
.homeForm .checkbox label, .homeForm .formList label { color: #fff; display: inline-block; font-size: 11pt; font-family: "Roboto", sans-serif; }
.homeForm .checkbox label:before, .homeForm .formList label:before { background-color: #7A7A7A; border: 1px solid #fff;  bottom: 1px; content: ""; display: inline-block; height: 24px; left: 0; position: absolute; width: 24px; }
.homeForm input[type=checkbox]:checked + label:before { color: #fff; content: "\2713"; font-size: 20px; line-height: 24px; text-align: center; }
.homeForm .page2 { clear: right; float: right; margin-left: 360px; position: absolute; vertical-align: top; width: 540px; }
.homeForm textarea {  margin-bottom: 20px;   padding: 0.8em 1em; box-sizing: border-box; color: #fff; font-size: 16px; overflow: auto;  }
.homeForm #q5.questTypeTextArea.page2 .txtarea.text.qid7{ width: 100%; }
.homeForm .webForm .g-recaptcha { margin-top:15px; margin-bottom: 15px;  margin-left: 360px; position: relative; top: 100px; }
.homeForm .submitBtn { clear: right; margin-left: 360px; position: relative; top: 98px; vertical-align: top; width: auto; }
.homeForm .submitBtn input { background-color: #ff9900; border: 0; font-weight: 400; height: 45px; margin: 0; padding: 0 20px; width: 240px; }

footer > .container { padding: 0 0 80px; }
footer .colsFourth .col { margin-right: 50px; width: auto; }
footer .cols .endCol { float: right; margin-right: 0; }
footer h3 { color: #017580; font-size: 16px; }
footer ul { list-style: none; margin-left: 0; }
footer li { font-size: 16px; margin-bottom: 0; }
footer .fa { margin-right: 5px; }
footer img { max-width: 150px; }
.copyright { background-color: #007680; padding: 40px 0; }
.copyright p { color: #fff; font-size: 16px; margin-bottom: 0; text-align: center; }

@media screen and (max-width: 950px) {
    .homeForm .webForm { width: 702px; }
    .homeForm .page2 { width: 342px; }
    .homeForm input, .homeForm textarea { width: 100%; }
    .homeForm .submitBtn { width: 342px; } 
    footer .colsFourth .col { margin-right: 4%; width: 22%; }
    footer .colsFourth .endCol { margin-right: 0; }
}

@media screen and (max-width: 750px) {
    .homeForm #q1, .homeForm #q2, .homeForm #q3, .homeForm #q4, .formRight, .homeForm #q5, .homeForm .webForm .g-recaptcha, .homeForm .submitBtn { float: none; margin-left: 0; position: static; width: 100%; }
    .homeForm .webForm { width: 100%; box-sizing: border-box; padding-left: 30px; padding-right: 30px; }
    .homeForm .page1 { width: 100%; float: none; }
    .homeForm #q4 label { line-height: 18px; }
    .homeForm .page2 { width: 100%; float: none; position: initial; margin: 0; }
    .homeForm #q5.questTypeTextArea.page2 .txtarea.text.qid7{ height: initial; min-height: 120px; margin-bottom: 10px; }
    .homeForm input.btn { float: none; width: 240px; }
    footer .colsFourth .col { margin-right: 2%; padding: 0 6%; width: 49%; }
    footer .colsFourth .col:nth-of-type(2n) { margin-right: 0; }
}

@media screen and (max-width: 550px) {
    footer .colsFourth .col { float: none; margin-left: auto !important; margin-right: auto !important; padding: 0; width: 240px; margin:0 auto; text-align: center; }
    footer .fa { margin-bottom: 20px; }
}

/* = Offices Template
----------------------------------------------------------------------------------------------------------------- */
.homeOffice { height: 400px; }
.homeOffice .officeNorth, .homeOffice .officeSouth { background: url(/assets/img/home_office.jpg) top/cover; float: left; height: 100%; vertical-align: top; width: 50%; }
.officeTitle { line-height: 1.25em; background-color: rgba(113,197,232,0.8); color: #fff; font-family: "Titillium Web", sans-serif; font-size: 3.75em; height: 100%; padding: 120px 95px 0 30px; width: 310px; max-width: 100%; }

@media screen and (max-width: 1250px) {
    .officeTitle { display: inline-block; padding: 110px 25px 0; }
}

@media screen and (max-width: 950px) {
    .homeOffice { clear: both; height: auto; overflow: auto; }
    .officeTitle { margin-bottom: 0; min-height: 380px; }
}

@media screen and (max-width: 800px) {
    .homeOffice .officeNorth, .homeOffice .officeSouth { float: none; width: 100%; }
    .officeTitle { display: block; }
}

@media screen and (max-width: 480px) {
    .officeTitle {
        display: block;
        font-size: 3em;
        width: 260px;
        min-height: 300px;
        padding: 80px 25px 0;
    }
}

@media screen and (max-width: 400px) {
    .officeTitle {
        font-size: 2.5em;
        width: 220px;
        min-height: 225px;
        padding: 60px 25px 0;
    }
}

/* = Home
----------------------------------------------------------------------------------------------------------------- */
.homeTopBanner { background: url(/assets/img/home_banner.jpg) 85% 0/cover; height: 500px; position: relative; width: 100%; }
.homeTopBanner img { left: 100px; position: absolute; top: 40px; width: 330px; }
.largeTextItem { background-color: rgba(113,197,232,0.8); bottom: 0; color: #fff; font-size: 3.5em; letter-spacing: 2px; position: absolute; padding: 20px 100px; z-index: 2; }
.offer { margin:0 0 5px; font-size: 1.1em; font-weight: bold; line-height: 0.7em; padding-top: 25px; }
.homeEnquiry { color: inherit; text-decoration: none; }
.homeEnquiry span { background: #0e8591; bottom: 0; color: #fff; font-size: 2em; padding: 0.4em 0.8em; position: absolute; right: 0; }

.homeAbout { padding: 80px 0;  background-color: #007681;  width: 100%; }
.homeText { color: #fff; display: inline-block;  padding-right: 50px; width: 480px; }

.homeBullets { color: #fff; display: inline-block;  list-style-image: url(/assets/img/bullet_point.png); margin-left: 65px;  vertical-align: top; width: 350px; }
.homeBullets li { font-size: 1em; padding-left: 5px;  }

.homeBottomBanner { background: url(/assets/img/home_bottom.jpg) top/cover; height: 330px; padding-top: 125px; }
.homeBottomBanner p { background-color: rgba(113,197,232,0.8); color: #fff; font-size: 2em; margin: 0 auto; padding: 10px; text-align: center; width: 630px; }

.bottomBanner { background-position: top; background-size: cover; height: 330px; padding-top: 125px; }
.bottomBanner p { background-color: rgba(113,197,232,0.8); color: #fff; font-size: 2em; margin: 0 auto; padding: 10px; text-align: center; width: 630px; }

.homeServices { padding:80px 0; }

.homeServices .colsFourth .col { width:calc(50% - 25px); margin: 50px 50px 0 0; display: inline-block; vertical-align: top;  font-size: 1em;  text-align: center; }
.homeServices .colsFourth .col:nth-child(-n+2) { margin-top: 0;}
.homeServices .colsFourth .col:nth-child(2n+2) { margin-right: 0;}


.homeServices img { height: 150px; width: 150px; }
.homeServices h4 { margin:20px 0 15px; color: #007681; font-weight: bold; }
.homeServices p { color: #007681;  margin-top: 15px;  }

@media screen and (max-width: 1550px) {
    .homeEnquiry span { bottom: auto; top: 0; }
}

@media screen and (max-width: 1250px) {
    .largeTextItem { font-size: 3em; }
}

@media screen and (max-width: 980px) {
    .homeTopBanner img { left: 50px; position: absolute; width: 220px; }
    .largeTextItem { font-size: 2.5em; padding: 20px 30px; letter-spacing: 1.5px; }
    .homeAbout { height: auto; overflow: auto; }
    .homeText { display: block; float: left; width: 48%; }
    .homeBullets { display: block; float: left; margin-left: 4%; width: 48%; }

    .homeServices img { height: auto; max-width: 150px; width: 100%;; }

    .offer { padding-top: 18px;}
}

@media screen and (max-width: 750px) {
    .largeTextItem { font-size: 1.5em; }
    .homeEnquiry span { font-size: 1em; }

    .homeText { float: none; width: 100%; padding:0; margin:0 0 40px; }
    
    .homeBullets { float: none; width: 100%; }
    .homeBullets li { padding-left: 10px;}

    .homeBullets { margin-left: 0; padding-left: 25px; }
    .homeBottomBanner p, .bottomBanner p { width: 100%; }

    .bottomBanner p { line-height: 1.25em; padding: 25px; }

}

@media screen and (max-width: 550px) {
    .homeTopBanner img { left: 25px; width: 110px; }

    .largeTextItem {  letter-spacing: 1px; }

}

@media screen and (max-width: 480px) {
    .homeServices .colsFourth .col { width:100%; margin: 50px 0 0 0; }
    .homeServices .colsFourth .col:nth-child(-n+2) { margin-top: 50px; }
    .homeServices .colsFourth .col:first-child { margin-top: 0; }
}

@media screen and (max-width: 440px) {
    .largeTextItem { width: 100%; padding: 20px 25px; font-size: 5.2vw; }
    .offer { padding-top:15px; }

    .bottomBanner p { font-size: 1.75em; }
}

@media screen and (max-width: 400px) {
    .bottomBanner p { font-size: 1.5em; }
}

/* = Serviced
----------------------------------------------------------------------------------------------------------------- */
.topBanner { background-position: top; background-size: cover; height: 400px; position: relative; width: 100% }

.contactTxt { padding: 60px 0; }
.contactTxt h4 { color: #ED8B00; font-size: 1.1em; }
.contactTxt h5 { color: #007681; font-size: 1em; font-weight: bold; margin-bottom: 0; }
.contactTxt p { line-height: normal; margin-bottom: 10px; }
.contactTxt ul { padding-top: 20px; }
.contactTxt li { margin-bottom: 0; }
.contactTxt blockquote { font-family: 'Roboto', sans-serif; font-size: 1.6em; font-weight: 400; }

.servicedBottomBanner { background: url(/assets/img/serviced_quote.png) top/cover; height: 330px; padding-top: 125px; }
.servicedBottomBanner p { background-color: rgba(113,197,232,0.8); color: #fff; font-size: 2em; margin: 0 auto; padding: 10px; text-align: center; width: 630px; }

.servicedAbout { padding-bottom: 60px; padding-top: 80px; }
.servicedAbout h2 { color: #ED8B00; font-size: 1.1em; /*margin-bottom: 0; */}
.servicedAbout p { color: #7A7A7A; font-size: 1.1em; line-height: normal; margin-bottom: 10px; }
.servicedAbout li { margin-bottom: 0; }
.servicedAbout li span { color: #999999; }
.servicedAbout .cols .serviceLeft { display: inline-block; font-weight: bold; margin: 0; vertical-align: top; width: 500px; }
.servicedAbout .cols .serviceRight { display: inline-block; font-weight: bold; margin: 0; margin-left: 16px; vertical-align: top; width: 380px; }

@media screen and (max-width: 950px) {
    .servicedAbout .cols .serviceLeft, .servicedAbout .cols .serviceRight { display: block; float: left; width: 49%; }
    .servicedAbout .cols .serviceRight { margin-left: 2%; }
}

@media screen and (max-width: 750px) {
    .servicedBottomBanner { height: auto; min-height: 330px; }
    .servicedBottomBanner p { width: 100%; }
    .servicedAbout .cols .serviceLeft, .servicedAbout .cols .serviceRight { display: block; float: none; margin-left: 0; width: 100%; }
}

/* = Offices Pages
----------------------------------------------------------------------------------------------------------------- */
.contactTxt.offices ul { margin-bottom: 80px; padding-top: 0; }

/* = About Us
----------------------------------------------------------------------------------------------------------------- */
.teamMembers { padding-top: 90px; }
.teamMembers img { display: inline-block; padding-bottom: 90px; width: 170px; }
.teamMembers .teamInfo { display: inline-block; margin-bottom: 30px; margin-left: 30px; vertical-align: top; width: 595px; }
.teamMembers .teamInfo h2 { color: #007681; font-size: 16px; margin-bottom: 0; }
.teamMembers .teamInfo h3, .teamMembers .teamInfo p { color: #7A7A7A; font-size: 16px; }
.teamMembers .teamInfo .teamContact { display: inline-block; margin-right: 40px; }
.teamMembers .teamInfo .teamContact span { color: #007681; font-weight: bold; }

@media screen and (max-width: 950px) {
    .teamMembers img { padding-bottom: 20px; }
    .teamMembers .teamInfo { margin-left: 0; width: 100%; }
}



/* = Search Content
----------------------------------------------------------------------------------------------------------------- */
.searchContent { padding: 30px 0; }
.searchContent h1 { color: #ED8B00; font-size: 30px; margin-bottom: 50px; text-transform: uppercase; }
.searchContent h2 { color: #007681; font-size: 20px; margin-bottom: 0; }
.searchContent h3 { color: #ED8B00; font-size: 20px; margin-bottom: 0; }
.searchContent h4 { font-size: 16px; margin-bottom: 0; }
.searchContent p, .searchContent li { margin-bottom: 0; }
.searchContent .searchRow { padding: 20px 0; }

.searchIntro { color: #ED8B00; font-size: 2em; font-weight: 400; padding-top: 60px; }
.searchresults { padding-bottom: 60px; }
.searchresults ul { list-style: none; margin-left: 0; }
.searchresults li { margin: 0; padding: 20px 0; }
.searchresults a { font-size: 20px; font-weight: 700; }


/* = Media Queries
----------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 980px) {
    .container { width: auto; margin-right: 35px; margin-left: 35px; }
}

@media screen and (max-width: 750px) {
    .fixed { position: static; }

    .colsHalf .col { width: 100%; margin-right: 0; }
    .colsThird .col { width: 100%; margin-right: 0; }
    .colsFourth .col { width: 100%; margin-right: 0; }

    .webForm div em { margin-top: 5px; margin-left: 0; }

    label { width: 100%; float: left; padding-top: 0; padding-bottom: 5px; }
    input.text, textarea, select { width: 100%; }
    input.file { margin-top: 0; margin-bottom: 0; }

    .formList { padding-top: 0; padding-bottom: 0; }

    .checkbox { padding-top: 5px; }

    .template2col section { width: 100%; }
    .template2col aside { width: 100%; }
}

@media screen and (max-width: 480px) {
    .news ul li img { width: 100%; float: none; }

    .newsview img { width: 100%; float: none; margin-left: 0; }

    .container { margin-left: 25px; margin-right: 25px; }
}