@charset "UTF-8";
/*
	Created by Feel Created Ltd.
	Reduced critical CSS entrypoint for first paint only.
*/
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/* 
	Created by Feel Created Ltd. 
	© Copyright Feel Created Ltd 2018. All Rights Reserved
*/
/* 
	Created by Feel Created Ltd. 
	© Copyright Feel Created Ltd 2018. All Rights Reserved
*/
.halfUl {
  margin: 0 -20px; }
  .halfUl:before, .halfUl:after {
    content: " ";
    display: table; }
  .halfUl:after {
    clear: both; }
  .halfUl > li {
    float: left;
    width: 50%;
    padding: 0 20px 40px;
    overflow: hidden; }
    .halfUl > li:nth-child(2n+1) {
      clear: both; }
    @media all and (max-width: 768px) {
      .halfUl > li {
        clear: both;
        width: 100%; } }
  @media all and (max-width: 768px) and (min-width: 500px) {
    .halfUl.inlineList {
      text-align: center; }
      .halfUl.inlineList > li {
        display: inline-block;
        width: 49%;
        padding: 0; } }
.halfDiv {
  margin: 0 -20px; }
  .halfDiv:before, .halfDiv:after {
    content: " ";
    display: table; }
  .halfDiv:after {
    clear: both; }
  .halfDiv > div {
    float: left;
    width: 50%;
    padding: 0 20px 40px;
    overflow: hidden; }
    .halfDiv > div:nth-child(2n+1) {
      clear: both; }
    @media all and (max-width: 768px) {
      .halfDiv > div {
        clear: both;
        width: 100%; } }
.thirdUl {
  margin: 0 -20px; }
  .thirdUl:before, .thirdUl:after {
    content: " ";
    display: table; }
  .thirdUl:after {
    clear: both; }
  .thirdUl > li {
    float: left;
    width: 33.3333333333%;
    padding: 0 20px 40px;
    overflow: hidden; }
    .thirdUl > li:nth-child(3n+1) {
      clear: both; }
    @media all and (max-width: 768px) {
      .thirdUl > li {
        width: 50%; }
        .thirdUl > li:nth-child(3n+1) {
          clear: none; }
        .thirdUl > li:nth-child(2n+1) {
          clear: both; } }
    @media all and (max-width: 500px) {
      .thirdUl > li {
        clear: both;
        width: 100%; } }
  @media all and (max-width: 768px) and (min-width: 500px) {
    .thirdUl.inlineList {
      text-align: center; }
      .thirdUl.inlineList > li {
        display: inline-block;
        width: 49%;
        padding: 0; } }
.thirdDiv {
  margin: 0 -20px; }
  .thirdDiv:before, .thirdDiv:after {
    content: " ";
    display: table; }
  .thirdDiv:after {
    clear: both; }
  .thirdDiv > div {
    float: left;
    width: 33.3333333333%;
    padding: 0 20px 40px;
    overflow: hidden; }
    .thirdDiv > div:nth-child(3n+1) {
      clear: both; }
    @media all and (max-width: 768px) {
      .thirdDiv > div {
        width: 50%; }
        .thirdDiv > div:nth-child(3n+1) {
          clear: none; }
        .thirdDiv > div:nth-child(2n+1) {
          clear: both; } }
    @media all and (max-width: 500px) {
      .thirdDiv > div {
        clear: both;
        width: 100%; } }
.quartUl {
  margin: 0 -20px; }
  .quartUl:before, .quartUl:after {
    content: " ";
    display: table; }
  .quartUl:after {
    clear: both; }
  .quartUl > li {
    float: left;
    width: 25%;
    padding: 0 20px 40px;
    overflow: hidden; }
    .quartUl > li:nth-child(4n+1) {
      clear: both; }
    @media all and (max-width: 768px) {
      .quartUl > li {
        width: 50%; }
        .quartUl > li:nth-child(2n+1) {
          clear: both; } }
    @media all and (max-width: 500px) {
      .quartUl > li {
        clear: both;
        width: 100%; } }
  @media all and (max-width: 768px) and (min-width: 500px) {
    .quartUl.inlineList {
      text-align: center; }
      .quartUl.inlineList > li {
        display: inline-block;
        width: 49%;
        padding: 0; } }
.quartDiv {
  margin: 0 -20px; }
  .quartDiv:before, .quartDiv:after {
    content: " ";
    display: table; }
  .quartDiv:after {
    clear: both; }
  .quartDiv > div {
    float: left;
    width: 25%;
    padding: 0 20px 40px;
    overflow: hidden; }
    .quartDiv > div:nth-child(4n+1) {
      clear: both; }
    @media all and (max-width: 768px) {
      .quartDiv > div {
        width: 50%; }
        .quartDiv > div:nth-child(2n+1) {
          clear: both; } }
    @media all and (max-width: 500px) {
      .quartDiv > div {
        clear: both;
        width: 100%; } }
.fifthUl {
  margin: 0 -20px; }
  .fifthUl:before, .fifthUl:after {
    content: " ";
    display: table; }
  .fifthUl:after {
    clear: both; }
  .fifthUl > li {
    float: left;
    width: 20%;
    padding: 0 20px 40px;
    overflow: hidden; }
    .fifthUl > li:nth-child(5n+1) {
      clear: both; }
    @media all and (max-width: 768px) {
      .fifthUl > li {
        width: 25%; }
        .fifthUl > li:nth-child(5n+1) {
          clear: none; }
        .fifthUl > li:nth-child(4n+1) {
          clear: both; } }
    @media all and (max-width: 500px) {
      .fifthUl > li {
        width: 50%; }
        .fifthUl > li:nth-child(4n+1) {
          clear: none; }
        .fifthUl > li:nth-child(2n+1) {
          clear: both; } }
  @media all and (max-width: 768px) and (min-width: 500px) {
    .fifthUl.inlineList {
      text-align: center; }
      .fifthUl.inlineList > li {
        display: inline-block;
        width: 49%;
        padding: 0; } }
.fifthDiv {
  margin: 0 -20px; }
  .fifthDiv:before, .fifthDiv:after {
    content: " ";
    display: table; }
  .fifthDiv:after {
    clear: both; }
  .fifthDiv > div {
    float: left;
    width: 20%;
    padding: 0 20px 40px;
    overflow: hidden; }
    .fifthDiv > div:nth-child(5n+1) {
      clear: both; }
    @media all and (max-width: 768px) {
      .fifthDiv > div {
        width: 25%; }
        .fifthDiv > div:nth-child(5n+1) {
          clear: none; }
        .fifthDiv > div:nth-child(4n+1) {
          clear: both; } }
    @media all and (max-width: 500px) {
      .fifthDiv > div {
        width: 50%; }
        .fifthDiv > div:nth-child(4n+1) {
          clear: none; }
        .fifthDiv > div:nth-child(2n+1) {
          clear: both; } }
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

ul {
  list-style: none; }

.header a {
  text-decoration: none; }

.wrapper.isFixedHundred {
  position: fixed; }

body {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0; }
  body:before, body:after {
    content: " ";
    display: table; }
  body:after {
    clear: both; }

.pgSec,
.header {
  margin-left: 0;
  margin-right: 0; }
  .pgSec:before, .pgSec:after,
  .header:before,
  .header:after {
    content: " ";
    display: table; }
  .pgSec:after,
  .header:after {
    clear: both; }

.pgSec {
  clear: both;
  position: relative; }

.pgSecInner {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
  max-width: 1400px;
  min-width: 300px;
  float: none !important;
  margin: 0 auto;
  padding: 20px; }
  .pgSecInner:before, .pgSecInner:after {
    content: " ";
    display: table; }
  .pgSecInner:after {
    clear: both; }
  @media (min-width: 769px) {
    .pgSecInner {
      float: left;
      width: 100%; } }
  @media all and (max-width: 40px) {
    .pgSecInner {
      padding: 50px 30px; } }
  @media all and (max-width: 500px) {
    .pgSecInner {
      padding: 50px 15px; } }
  @media (max-width: 500px) {
    .pgSecInner {
      padding-top: 25px;
      padding-bottom: 25px; } }
.header {
  position: sticky;
  top: 0;
  z-index: 100000;
  background-color: #1f3c7d; }
  .header, .header a {
    color: #FFFFFF; }
  .header *.whiteBg,
  .header *.whiteBg a {
    color: #1f3c7d; }
  .header .pgSecInner {
    height: 128px;
    padding-top: 0;
    padding-bottom: 20px; }
  .header .headLinks {
    padding-left: 202.5px; }
    .header .headLinks:before, .header .headLinks:after {
      content: " ";
      display: table; }
    .header .headLinks:after {
      clear: both; }

.mainLogo {
  display: block; }
  .header .mainLogo {
    position: absolute;
    top: 20px;
    left: 0;
    width: 135px; }
    .header .mainLogo svg {
      fill: #FFFFFF; }
    @media (max-width: 920px) {
      .header .mainLogo {
        position: relative; } }
    @media (max-width: 500px) {
      .header .mainLogo {
        width: 90px;
        height: 60px; } }
  .mainLogo img {
    width: 100%; }
  @media all and (max-width: 1100px) {
    .mainLogo {
      width: 100px; } }
.genButton {
  display: inline-block;
  text-align: left; }
  .genButton span {
    display: block; }
  .genButton.minWidth {
    min-width: 177px; }

.arrow.right, .arrow.left {
  width: 20px;
  height: 31px; }
  .arrow.right.largeArrow, .arrow.left.largeArrow {
    width: 40px;
    height: 62px; }

.arrow.up, .arrow.down {
  width: 31px;
  height: 20px; }
  .arrow.up.largeArrow, .arrow.down.largeArrow {
    width: 62px;
    height: 40px; }

.quoteMark {
  width: 57px;
  height: 45px; }

.downloadIcon {
  width: 43px;
  height: 43px; }

.refreshButton {
  display: inline-block; }

.hideImp {
  display: none !important; }

.mainMenu {
  float: right; }
  .mainMenu:before, .mainMenu:after {
    content: " ";
    display: table; }
  .mainMenu:after {
    clear: both; }
  .mainMenu > li {
    float: left; }
  @media (max-width: 920px) {
    .mainMenu {
      display: none; } }
.hSubMenu {
  width: 100%; }
  .hSubMenu:before, .hSubMenu:after {
    content: " ";
    display: table; }
  .hSubMenu:after {
    clear: both; }
  .hSubMenu > li {
    float: right;
    width: 20%; }
  @media (max-width: 920px) {
    .hSubMenu {
      display: none; } }
/*
	Created by Feel Created Ltd.
	Layout rules extracted from _critical.scss for reuse in the new critical build.
*/
.clearRow {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .clearRow {
      float: left;
      width: 100%; } }
.footer {
  margin-left: 0;
  margin-right: 0;
  clear: both;
  position: relative; }
  .footer:before, .footer:after {
    content: " ";
    display: table; }
  .footer:after {
    clear: both; }

.genRow {
  margin-left: 0;
  margin-right: 0; }
  .genRow:before, .genRow:after {
    content: " ";
    display: table; }
  .genRow:after {
    clear: both; }

.menuInner {
  padding-top: 10px;
  padding-right: 80px;
  padding-bottom: 15px;
  padding-left: 60px; }
  @media (max-width: 920px) {
    .menuInner {
      padding-top: 30px;
      padding-bottom: 30px; } }
  @media (max-width: 500px) {
    .menuInner {
      padding-top: 20px;
      padding-right: 60px !important;
      padding-bottom: 20px; } }
.hundred {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .hundred {
      float: left;
      width: 100%; } }
.ninety {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .ninety {
      float: left;
      width: 90%; } }
.eighty {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .eighty {
      float: left;
      width: 80%; } }
.threeQuart {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .threeQuart {
      float: left;
      width: 75%; } }
.seventy {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .seventy {
      float: left;
      width: 70%; } }
.twoThird {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .twoThird {
      float: left;
      width: 66.6666666667%; } }
.sixtyFive {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .sixtyFive {
      float: left;
      width: 65%; } }
.sixty {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .sixty {
      float: left;
      width: 60%; } }
.half,
.fifty {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .half,
    .fifty {
      float: left;
      width: 50%; } }
.forty {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .forty {
      float: left;
      width: 40%; } }
.thirtyFive {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .thirtyFive {
      float: left;
      width: 35%; } }
.third {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .third {
      float: left;
      width: 33.3333333333%; } }
.thirty {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .thirty {
      float: left;
      width: 30%; } }
.quart {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .quart {
      float: left;
      width: 25%; } }
.twenty {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .twenty {
      float: left;
      width: 20%; } }
.sixth {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .sixth {
      float: left;
      width: 16.6666666667%; } }
.seventh {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .seventh {
      float: left;
      width: 14.25%; } }
.ten {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0; }
  @media (min-width: 769px) {
    .ten {
      float: left;
      width: 10%; } }
.promo4Div {
  margin: 0 -40px; }
  .promo4Div:before, .promo4Div:after {
    content: " ";
    display: table; }
  .promo4Div:after {
    clear: both; }
  .promo4Div > div {
    float: left;
    width: 25%;
    padding: 0 40px 80px;
    overflow: hidden; }
    .promo4Div > div:nth-child(4n+1) {
      clear: both; }
    @media all and (max-width: 1000px) {
      .promo4Div > div {
        width: 50%; }
        .promo4Div > div:nth-child(2n+1) {
          clear: both; } }
    @media all and (max-width: 768px) {
      .promo4Div > div {
        clear: both;
        width: 100%; } }
.promo5Div {
  margin: 0 -40px; }
  .promo5Div:before, .promo5Div:after {
    content: " ";
    display: table; }
  .promo5Div:after {
    clear: both; }
  .promo5Div > div {
    float: left;
    width: 20%;
    padding: 0 40px 80px;
    overflow: hidden; }
    .promo5Div > div:nth-child(5n+1) {
      clear: both; }
    @media all and (max-width: 900px) {
      .promo5Div > div {
        width: 25%; }
        .promo5Div > div:nth-child(5n+1) {
          clear: none; }
        .promo5Div > div:nth-child(4n+1) {
          clear: both; } }
    @media all and (max-width: 800px) {
      .promo5Div > div {
        width: 50%; }
        .promo5Div > div:nth-child(4n+1) {
          clear: none; }
        .promo5Div > div:nth-child(2n+1) {
          clear: both; } }
.colTextTwoDiv {
  margin: 0 -40px; }
  .colTextTwoDiv:before, .colTextTwoDiv:after {
    content: " ";
    display: table; }
  .colTextTwoDiv:after {
    clear: both; }
  .colTextTwoDiv > div {
    float: left;
    width: 50%;
    padding: 0 40px 80px;
    overflow: hidden; }
    .colTextTwoDiv > div:nth-child(2n+1) {
      clear: both; }
    @media all and (max-width: 768px) {
      .colTextTwoDiv > div {
        clear: both;
        width: 100%; } }
.chooseSqDiv {
  margin: 0 0; }
  .chooseSqDiv:before, .chooseSqDiv:after {
    content: " ";
    display: table; }
  .chooseSqDiv:after {
    clear: both; }
  .chooseSqDiv > div {
    float: left;
    width: 25%;
    padding: 0 0 0;
    overflow: hidden; }
    .chooseSqDiv > div:nth-child(4n+1) {
      clear: both; }
    @media all and (max-width: 900px) {
      .chooseSqDiv > div {
        width: 50%; }
        .chooseSqDiv > div:nth-child(2n+1) {
          clear: both; } }
    @media all and (max-width: 768px) {
      .chooseSqDiv > div {
        clear: both;
        width: 100%; } }
.colourListUl {
  margin: 0 -5px; }
  .colourListUl:before, .colourListUl:after {
    content: " ";
    display: table; }
  .colourListUl:after {
    clear: both; }
  .colourListUl > li {
    float: left;
    width: 25%;
    padding: 0 5px 10px;
    overflow: hidden; }
    .colourListUl > li:nth-child(4n+1) {
      clear: both; }
    @media all and (max-width: 1000px) {
      .colourListUl > li {
        width: 50%; }
        .colourListUl > li:nth-child(2n+1) {
          clear: both; } }
    @media all and (max-width: 768px) {
      .colourListUl > li {
        clear: both;
        width: 100%; } }
  @media all and (max-width: 1000px) and (min-width: 768px) {
    .colourListUl.inlineList {
      text-align: center; }
      .colourListUl.inlineList > li {
        display: inline-block;
        width: 49%;
        padding: 0; } }
.centralTitle .ctSubText {
  max-width: 800px; }

.introText .borderWrap:before, .introText .borderWrap:after {
  display: block;
  width: 50%;
  height: 8px; }

.introText .borderWrap.noBorder:after, .introText .borderWrap.noBorder:before {
  display: none; }

@media (max-width: 768px) {
  .introText .itTitle,
  .introText .mainContent {
    width: 100% !important; } }

.introText .itTitle {
  width: 60%; }

.introText .mainContent {
  width: 40%; }
  .introText .mainContent.fullWidth {
    width: 100%; }

.imageText .itxtImg,
.imageText .itxtText {
  width: 50%; }

.imageText .itxtImg .itxtOverlayImg {
  max-width: 80%;
  max-height: 80%; }

.imageText .itxtImg .itxtShowStandardImg {
  width: 100%;
  height: auto; }

.imageText .itxtImg.itxtImgGallery .itxtOverlayImg {
  max-height: 40%; }

.imageText .itxtSingleImg {
  max-width: 70%; }

.splitButtons:before, .splitButtons:after {
  content: " ";
  display: table; }

.splitButtons:after {
  clear: both; }

.imageText .itxtLegal {
  display: block; }

.imageText .itxtFrame {
  display: block;
  width: 100%;
  height: 100%; }
  .imageText .itxtFrame span {
    display: block;
    width: 100%;
    height: 100%; }

.imageText.itxtImgFullTxt .itxtText {
  width: 100%; }

@media all and (max-width: 768px) {
  .imageText .itxtImg,
  .imageText .itxtText {
    width: 100%; }
  .imageText .itxtImg.itxtImgBg, .imageText .itxtImg.itxtImgGallery {
    min-height: 400px; } }

@media (max-width: 1100px) {
  .promo5Div > div {
    width: 20% !important; } }

@media (max-width: 800px) {
  .promo5Div > div {
    width: 50% !important; } }

@media (max-width: 500px) {
  .promo5Div > div {
    width: 100% !important; } }

.promoGrid .promoGridEle .pgeImg {
  height: 130px;
  width: auto;
  max-width: 100%; }

.titleLogo .tlLogo {
  max-width: 100px;
  max-height: 100px;
  width: 100%;
  height: auto; }
  @media (max-width: 768px) {
    .titleLogo .tlLogo {
      max-width: 80px;
      max-height: 80px; } }
  @media (max-width: 500px) {
    .titleLogo .tlLogo {
      max-width: 60px;
      max-height: 60px; } }
.picHeader {
  min-height: 400px; }
  .picHeader.phNoOverlayImg {
    min-height: auto; }
  @media (max-width: 500px) {
    .picHeader .showImg {
      display: block; } }
  .picHeader .phTitleOver {
    height: 100%;
    width: 400px;
    max-width: 80%; }
    .picHeader .phTitleOver img {
      max-width: 80%;
      max-height: 70%; }

@media all and (max-width: 1100px) {
  .lEle.twoThird,
  .rEle.twoThird {
    width: 60%; }
  .lEle.third,
  .rEle.third {
    width: 40%; } }

.lEleInset {
  display: inline-block; }
  @media all and (max-width: 768px) {
    .lEleInset {
      display: block;
      max-width: 1400px; } }
  @media all and (max-width: 500px) {
    .lEleInset {
      padding-right: 15px; } }
.fiftyInset {
  max-width: 700px; }

.thirdInset {
  max-width: 420px; }
  @media (max-width: 768px) {
    .thirdInset {
      max-width: 100%; } }
.twoThirdInset {
  max-width: 980px; }

.dropDown {
  width: 275px; }
  .dropDown > a {
    display: block; }
    .dropDown > a:before {
      width: 1px;
      height: 100%; }
  .dropDown > ul {
    display: none;
    width: 100%; }
  @media all and (max-width: 768px) {
    .dropDown {
      width: 100%; } }
.mainSlider .slide {
  width: 100%;
  height: 75vh;
  min-height: 400px; }
  .mainSlider .slide img {
    display: none; }
  .mainSlider .slide .pgSecInner {
    height: 100%; }

.genImgSlider,
.genImgSlider .slick-list,
.genImgSlider .slick-track,
.genImgSlider .slide {
  width: 100%;
  height: 100%; }

.genImgSlider .slide {
  min-height: clamp(150px,10vw,300px); }
  .genImgSlider .slide img {
    display: none;
    width: 100%; }

@media (max-width: 900px) {
  .chooseSquares .heightDivs .hideMedia {
    display: none; } }

.chooseSquares .heightDivs .showMedia {
  display: none; }
  @media (max-width: 900px) {
    .chooseSquares .heightDivs .showMedia {
      display: block; } }
@media (max-width: 900px) {
  .chooseSquares .heightDivs .targetBox {
    width: 50% !important; } }

@media (max-width: 500px) {
  .chooseSquares .heightDivs .targetBox {
    width: 100% !important; } }

@media (max-width: 900px) {
  .chooseSquares .heightDivs img {
    width: 50% !important; } }

@media (max-width: 500px) {
  .chooseSquares .heightDivs img {
    width: 100% !important; } }

.chooseSquares .chooseSqDiv .heightDivsDouble {
  width: 50% !important; }
  .chooseSquares .chooseSqDiv .heightDivsDouble img {
    width: 50%; }
  @media (max-width: 900px) {
    .chooseSquares .chooseSqDiv .heightDivsDouble {
      width: 100% !important; }
      .chooseSquares .chooseSqDiv .heightDivsDouble .fifty,
      .chooseSquares .chooseSqDiv .heightDivsDouble img {
        width: 50%; } }
  @media (max-width: 500px) {
    .chooseSquares .chooseSqDiv .heightDivsDouble .fifty,
    .chooseSquares .chooseSqDiv .heightDivsDouble img {
      width: 100%; } }
@media (max-width: 900px) {
  .chooseSquares .chooseSqDiv > div {
    width: 100%; } }

.chooseSquares > div:not(.endBlock) > div img {
  width: 100%;
  height: auto; }

.chooseSquares > div:not(.endBlock) > div .targetBox {
  width: 100%; }
  @media (max-width: 500px) {
    .chooseSquares > div:not(.endBlock) > div .targetBox {
      height: auto !important; } }
.chooseSquaresNew .heightDivs {
  width: 100%; }
  @media (max-width: 599px) {
    .chooseSquaresNew .heightDivs .hideMedia {
      display: none; } }
  .chooseSquaresNew .heightDivs .showMedia {
    display: none; }
    @media (max-width: 599px) {
      .chooseSquaresNew .heightDivs .showMedia {
        display: block; } }
.chooseSquaresNew .chooseSqDiv {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .chooseSquaresNew .chooseSqDiv .heightDivsDouble {
    width: 50% !important; }
    .chooseSquaresNew .chooseSqDiv .heightDivsDouble img {
      width: 50%; }
    @media (max-width: 900px) {
      .chooseSquaresNew .chooseSqDiv .heightDivsDouble {
        width: 100% !important; }
        .chooseSquaresNew .chooseSqDiv .heightDivsDouble .fifty,
        .chooseSquaresNew .chooseSqDiv .heightDivsDouble img {
          width: 50%; } }
    @media (max-width: 500px) {
      .chooseSquaresNew .chooseSqDiv .heightDivsDouble .fifty,
      .chooseSquaresNew .chooseSqDiv .heightDivsDouble img {
        width: 100%; } }
.chooseSquaresNew > div:not(.endBlock) > div img {
  width: 100%;
  height: auto; }

.chooseSquaresNew > div:not(.endBlock) > div .targetBox {
  width: 100%; }

@media all and (min-width: 600px) {
  .chooseSquaresNew .heightDivs {
    width: 50%; } }

@media all and (min-width: 1000px) {
  .chooseSquaresNew .heightDivs {
    width: 25%; } }

.miniAd .innerAd img {
  height: 170%; }
  @media (max-width: 1100px) {
    .miniAd .innerAd img {
      height: 130%; } }
  @media (max-width: 970px) {
    .miniAd .innerAd img {
      height: 100%; } }
@media (max-width: 900px) {
  .miniAd {
    width: 100%; } }

.newsSur .twoThird .slickSlider {
  height: 100%; }
  .newsSur .twoThird .slickSlider .slick-list,
  .newsSur .twoThird .slickSlider .slick-track {
    height: 100%; }

.newsBlock .bgImg {
  height: 100%; }

.newsPage .newsBlock {
  height: max(25vw,250px);
  max-height: 550px;
  width: 25%; }
  @media (max-width: 1700px) {
    .newsPage .newsBlock h3 {
      font-size: 25px; } }
  @media (max-width: 1300px) {
    .newsPage .newsBlock {
      width: 33.33%;
      height: max(35vw,15px); } }
  @media (max-width: 1000px) {
    .newsPage .newsBlock {
      width: 50%;
      height: max(35vw,15px); } }
  @media (max-width: 768px) {
    .newsPage .newsBlock {
      width: 100%;
      height: auto; }
      .newsPage .newsBlock .isRel {
        min-height: 300px; } }
.newsBlock > div:after {
  display: block;
  width: 100%;
  height: 100%; }

.newsBlock > div > div {
  width: 100%; }

@media (max-width: 768px) {
  .newsBlock {
    height: 100%; } }

.newsSur .twitterFeed img {
  max-width: 30px; }

.logoSlider img {
  max-height: 75px;
  height: 100%;
  width: auto; }

.logoSlider .slick-hideArrows .slide {
  display: inline-block; }

.colourList li {
  height: 200px; }
  .colourList li > .bgImg {
    height: 100%; }

.smallSliderSur > img {
  max-width: 200px; }

.designDoor {
  display: block; }
  .designDoor .genRow {
    width: 100%; }
  .designDoor img {
    max-width: 40%; }
    @media (max-width: 500px) {
      .designDoor img {
        display: none; } }
  .designDoor .borderWrap {
    width: 100%; }
    .designDoor .borderWrap:after, .designDoor .borderWrap:before {
      display: none; }

@media (max-width: 900px) {
  .breakEarly {
    width: 100% !important;
    height: auto !important; }
    .breakEarly > div {
      height: auto !important; } }

@media (max-width: 500px) {
  .doorBlocks > div {
    height: 180px !important; } }

.doorBlocks .fullHeight {
  height: 100%; }

.doorBlocks .newsBlock {
  min-height: 300px; }
  .doorBlocks .newsBlock:first-of-type > div:after {
    display: none; }
  @media (max-width: 900px) {
    .doorBlocks .newsBlock {
      min-height: 200px; } }
.sqAds .sqAd {
  height: 100%; }

.sqAds .featuredSlider {
  height: 100%; }
  .sqAds .featuredSlider .slick-list,
  .sqAds .featuredSlider .slick-track,
  .sqAds .featuredSlider .slide {
    height: 100%; }

.newsSlider .slide {
  height: auto; }
  @media (max-width: 500px) {
    .newsSlider .slide {
      height: 200px !important; } }
.glassDiv > div {
  display: none; }
  .glassDiv > div:nth-child(-n+5) {
    display: block; }
  @media (max-width: 768px) {
    .glassDiv > div {
      display: none; }
      .glassDiv > div:nth-child(-n+5) {
        display: none; }
      .glassDiv > div:nth-child(-n+4) {
        display: block; } }
  @media (max-width: 500px) {
    .glassDiv > div {
      display: none; }
      .glassDiv > div:nth-child(-n+5) {
        display: none; }
      .glassDiv > div:nth-child(-n+4) {
        display: none; }
      .glassDiv > div:nth-child(-n+2) {
        display: block; } }
.adSliderSur {
  height: 100%; }
  .adSliderSur .isRel {
    height: 100%; }
  .adSliderSur .featuredSlider {
    width: 100%;
    height: 100%; }

.iFrameSize {
  width: 100%;
  min-height: 650px; }

.imageTextSliderSur .imageTextSlider .slick-dots {
  width: 50%; }
  @media (max-width: 768px) {
    .imageTextSliderSur .imageTextSlider .slick-dots {
      width: 100%; } }
.videoSur {
  width: 80%; }
  .videoSur .bgSur {
    width: 100%;
    height: 100%; }
    .videoSur .bgSur img {
      width: 55px; }
      @media (min-width: 501px) {
        .videoSur .bgSur img {
          width: 75px; } }
      @media (min-width: 1100px) {
        .videoSur .bgSur img {
          width: 115px; } }
  .videoSur iframe {
    width: 100%;
    height: 100%; }