@charset "UTF-8";
/* CSS Document */

html { position:relative; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
html, body {  height:100%; margin: 0 20px 0 20px; font-family: 'Karbon-Web'; font-weight: normal; font-size: 21px; line-height: 25px; color: #364751; text-align:left; }

h1 { font-family: 'Karbon-Web'; font-weight: 700; font-size: 58px; line-height:63px;  padding:0; margin:0 0 30px 0; color:#e84b0f; letter-spacing:-2px;}
h2 { font-family: 'Karbon-Web'; font-weight: 700; font-size: 44px; line-height:50px;  padding:0; margin:0 0 20px 0; color:#e84b0f; letter-spacing:-1px;}
h3 { font-family: 'Karbon-Web'; font-weight: 700; font-size: 30px; line-height:36px;  padding:0; margin:0 0 20px 0; color:#364751;}
h4 { font-family: 'Karbon-Web'; font-weight: 700; font-size: 20px; line-height:26px;  padding:0; margin:0 0 10px 0; color:#e84b0f;}
h5 { font-family: 'Karbon-Web'; font-weight: 700; font-size: 20px; line-height:26px;  padding:0; margin:0 0 0 0; color:#e84b0f;}
h6 { font-family: 'Karbon-Web'; font-weight: 700; font-size: 20px; line-height:26px;  padding:0; margin:0 0 0 0; color:#e84b0f; }

.blog h1 {font-family: 'Karbon-Web'; font-weight: 700; font-size: 58px; line-height:63px; margin:0 0 20px 0; letter-spacing:-1px;}

.call-to-action { font-size: 20px; line-height:28px; font-weight: 500; }

p { margin: 0 0 20px 0; }
b { font-weight: 700; }
strong { font-weight: 700; }

.small-type { font-size: 14px; line-height: 18px; }
.uppercase { text-transform:uppercase; }
.social_bottom {
    display: inline-block!important;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.social_bottom h2 {
    font-family: 'Karbon-Web';
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 20px 0;
}
.social_bottom li {
    list-style : none;
}

table ul
{padding-inline-start:0px!important;}



/* ----------- HIDE DESKTOP -------------- */

.hide-desktop {display:none;}

/* ----------- CENTERED REQUEST A QUOTE BUTTON WRAPPER -------------- */

.centered-button-wrapper {width:90%; margin:0 auto; display: block; padding:0 0 50px 0; text-align: center;}

/* ------------------------------------------------------- IMAGES ---------------------------------------------------------- */

img:not(#wpstats) { display: block !important; width:100%; height: auto; padding:0px; margin:0px;}

img.alignright {float:right; width:50%; height:auto; padding:0; margin:0; }
img.alignleft {float:left; width:50%; height:auto; padding:0; margin:0;}
img.aligncenter {width:100%; height:auto; padding:0; margin:0;}
img.alignnone { padding: 20px 0 20px 0; }

.multi-image-wrapper { width:100%; height:auto; }
.multi-image-wrapper img { width:100%; height:auto; }

/* ------------------------------------------------------- MISC COMMANDS ---------------------------------------------------------- */
 
 .text-left { text-align:left }
 .text-right { text-align:right }
 .text-center { text-align:center }
 .clear { clear:both; overflow:hidden; }
 .border-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 .no-padding { padding:0 !important; }
 
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 15px;
}

ul li {margin-left:20px;}
li {list-style-image:url('./images/diamond-bullet.png'); padding-right:15px; }




.footer-bottom a {
    color: white!important;
    margin: 2px 0;
    padding: 2px 0;
    display: inline-block;
}

.videoheader {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
	z-index: 777777;
}
.videoheader iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* ------------------------------------------------------- KEYLINE DIVIDER ---------------------------------------------------------- */

.keyline-divider {width:100%; border-bottom: #ccc solid 1px; padding:20px 0 20px 0;}

/* ------------------------------------------------------- OFFERS ---------------------------------------------------------- */

h1.offers  { margin:55px 0 20px 0; letter-spacing:-1px; text-shadow:none; background-color:#364751; color:#FFF; padding: 60px 30px 60px 30px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.col-66-offers {float:left; width:66.666666%; height:auto; padding: 50px 50px 0px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.col-33-offers {float:left; width:33.333333%; height:auto; padding: 50px 50px 0px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.col-50-offers-image {float:left; width:50%; height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.col-50-offers-text {float:left; width:50%; height:auto; padding: 50px 50px 0px 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.offers-wrapper { clear:both; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:40px; }
.offer-post-bottom { border-bottom:1px solid #ddd; padding-bottom:40px; }
.offers-thumb{margin-bottom:20px;}

/* ------------------------------------------------------- COVID HOME PAGE ---------------------------------------------------------- */


.covid-section {width:100%; height:auto; background-color:#e75815; padding:50px 0 50px 0; text-align:center;}
.covid-section-inner {width:90%; margin:0 auto;}
.covid-section-heading {width:100%; height:auto; margin:0 0 40px 0; text-align:center; color:#FFF;}
h2.covid-section-heading  {font-size: 55px; line-height:65px;}
.covid-section-info {width:100%; height:auto; margin:0 0 50px 0; text-align:center; color:#FFF; font-size: 28px; line-height: 38px;}
.covid-buttons {width:100%; height:auto; display:flex; flex-direction: row; justify-content: space-between; align-items: center;}
.covid-button {max-width:15%; height:auto; border: #FFF solid 4px; font-size: 20px; line-height: 22px; font-weight: 600; flex-grow: 1; justify-content: center; color:#FFF; text-align:center; padding: 10px 15px 10px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.covid-button:hover {background-color:#364751;}
.covid-button a {color:#FFF; text-decoration: none;}
.covid-button a:link {color:#FFF; text-decoration: none;}
.covid-button a:hover {color:#FFF; text-decoration: none;}
.covid-button a:visited {color:#FFF; text-decoration: none;}




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

.covid-buttons {width:100%; height:auto; display:block; }
.covid-button {max-width:100%; margin-bottom:20px;}

	
	}

 /* ------------------------------------------------------- COLOURS ---------------------------------------------------------- */
 
 .white { color:#FFF; }
.orange {color:#e75815;}
 .bg-dkgrey { background-color:#364751; }
 .bg-ltgrey { background-color:#f8f8f8; }
.bg-white { background-color:#fff; }
 
 /* ------------------------------------------------------- LINKS ---------------------------------------------------------- */

a:link { color: #e75815; text-decoration: none; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out;}
a:visited { color: #e75815; text-decoration: none;}
a:hover { color:#364751; text-decoration: none;}
 
 /* ------------------------------------------------------- POSITIONING ---------------------------------------------------------- */
 
 .left { float:left; }
 .right { float:right; }
 .relative { position:relative; }
 .absolute { position:absolute; }
 
 /* ------------------------------------------------------- SITE BORDER ---------------------------------------------------------- */
 
#top, #bottom, #left, #right {
background: #fff; position: fixed; z-index:999999 !important; }

#left, #right {
top: 0; bottom: 0; width: 20px; }

#left { left: 0; }
#right { right: 0; }
		
#top, #bottom { left: 0; right: 0; height: 20px; }
#top { top: 0; }
#bottom { bottom: 0; }

/* ----------- BUTTONS -------------- */

.button {display:inline-block;  height:auto; padding:8px 20px 8px 20px; background-color:#364751; color:#FFF;  border-radius: 50px; font-size:18px; font-weight:500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out;}
.button:hover {background-color:#e75815; color:#fff; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.button a {color:#FFF;}
.button a:hover {color:#fff;}

.block-button {display:inline-block; width:100%; height:auto; padding:8px 20px 8px 20px; background-color:#364751; color:#FFF; font-size:16px; font-weight:500; margin-bottom:1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out;}
.block-button:hover {background-color:#e75815; color:#fff; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.block-button a {color:#FFF;}
.block-button a:hover {color:#fff;}

.industrial-clickthrough {display:inline-block;  width:100%; height:auto; padding:20px; background-color:#364751; color:#FFF;  font-weight: 500; font-size: 24px; line-height:28px; clear:both; overflow:hidden; margin-top:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out;}

.industrial-clickthrough-left { float:left; width:40%;}
.industrial-clickthrough-right { float:right; width:55%;}

.industrial-clickthrough img { width:100%; height:auto; }

.industrial-clickthrough a {color:#FFF;}
.industrial-clickthrough a:hover {color:#e75815;}

a.button-blue {display:inline-block; width:auto; padding:12px 20px 12px 20px; margin-top:10px; background-color:#364751; color:#fff;  border-radius: 10px; font-size: 20px; line-height:24px; font-weight:500; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor: pointer;}

a.button-blue:hover {background-color:#ea5911; color:#FFF; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

a.button-blue:visited {color:#FFF;}

a.button-blue-fw {display:inline-block; width:100%; padding:12px 20px 12px 20px; margin-top:10px; background-color:#364751; color:#fff;  border-radius: 10px; font-size: 20px; line-height:24px; font-weight:500; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor: pointer;}

a.button-blue-fw:hover {background-color:#ea5911; color:#FFF; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

a.button-blue-fw:visited {color:#FFF;}

.button-blue-old { display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items: flex-start; width:40%; height:auto; background-color:#364751; margin-top:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out;}
.button-blue:hover {background-color:#364751; color:#fff; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.button-blue-text-old { text-transform: uppercase; color:#fff; font-size: 16px; font-weight:600; line-height:18px; text-align: left;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.button-blue-old>*:first-child {
  align-self:center; padding-left:10px; 
}

.button-blue-old>*:second-child {
  align-self:flex-end; 
}

img.button-arrow {width:50px;}

.button-arrow {transform-origin: bottom right; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor: pointer;}

.button-blue-old:hover img.button-arrow {transform: scale(0.7); }


a.button-fews-difference {position: absolute; bottom:20px; right:20px; padding:12px 20px 12px 20px; background-color:#ea5911; color:#fff;  border-radius: 10px; font-size: 20px; line-height:24px; font-weight:500; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor: pointer;}

a.button-fews-difference:hover {background-color:#fff; color:#364751; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

a.button-blue-large {display:inline-block; padding:12px 20px 12px 20px; margin-top:10px; background-color:#364751; color:#fff;  border-radius: 10px; font-size: 24px; line-height:24px; font-weight:500; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor: pointer;}

a.button-blue-large:hover {background-color:#ea5911; color:#FFF; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

a.button-blue-large:visited {color:#FFF;}

a.button-blue-large-alt {display:inline-block; padding:12px 20px 12px 20px; margin-top:10px; background-color:#364751; color:#fff;  border-radius: 10px; font-size: 24px; line-height:24px; font-weight:500; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor: pointer;}

a.button-blue-large-alt:hover {background-color:#FFF; color:#ea5911; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

a.button-blue-large-alt:visited {color:#ea5911;}

a.button-orange {display:inline-block; padding:12px 20px 12px 20px; margin-top:30px; background-color:#ea5911; color:#fff;  border-radius: 10px; font-size: 20px; line-height:24px; font-weight:500; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor: pointer;}

a.button-orange:hover {background-color:#FFF; color:#364751; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

a.button-orange-large {display:inline-block; padding:12px 20px 12px 20px; margin-top:10px; background-color:#ea5911; color:#fff;  border-radius: 10px; font-size: 24px; line-height:24px; font-weight:500; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor: pointer;}

a.button-orange-large:hover {background-color:#FFF; color:#364751; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

 /* ------------------------------------------------------- 3 BUTTON STRIP ---------------------------------------------------------- */

.strip-button {float:left; width:33.333333%; height:auto; padding:8px 20px 8px 20px; background-color:#364751; color:#FFF; font-size:18px; font-weight:500; border-right:1px solid #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor:pointer;}
.strip-button:hover {background-color:#e75815; color:#fff; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.strip-button a {color:#FFF;}
.strip-button a:hover {color:#fff;}

.strip-button-end {float:left; width:33.333333%; height:auto; padding:8px 20px 8px 20px; background-color:#364751; color:#FFF; font-size:18px; font-weight:500; border-left:1px solid #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor:pointer;}
.strip-button-end:hover {background-color:#e75815; color:#fff; border:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.strip-button-end a {color:#FFF;}
.strip-button-end a:hover {color:#fff;}

/* ------------------------------------------------------- FIXED HEADER / LOGO / MENU ---------------------------------------------------------- */

/* ----------- HEADROOM -------------- */

.header {position:fixed; top: 20px; width:100%; height:auto; background-color:#f9f8f8; transition: top 0.2s ease-in-out; z-index: 999999;}


.nav-bar {width:100%; height:auto; background-color: #fff; }
.nav-bar-inner {width:97%; height:auto; padding: 5px 0 25px 0; display:flex; flex-direction: row; justify-content: flex-end ; align-items:center; gap:30px; z-index: 999999 !important;}
.logo {position:absolute; left:0; top:0; width:110px; z-index: 9999999;}
.logo:hover {transform: scale(0.9); }


nav {flex:1; text-align: right;}

.nav-up {
    top: -100px;
}

.headroom {
    will-change: transform;
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}

.ubermenu {z-index: 999999 !important;}



.header-contact-bar {width:100%; height:auto; background-color:#e75815; color:#FFF; padding: 10px 0 10px 0; text-align: center; font-weight: 700; font-size: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.header-contact-bar a:link { color: #FFF; text-decoration: none; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out;}
.header-contact-bar a:visited { color: #FFF; text-decoration: none;}
.header-contact-bar a:hover { color:#364751; text-decoration: none;}

.header-nav-bar {width:100%; height:auto; background-color: #364751; }
.header-nav-bar-inner {padding: 10px 20px 10px 20px; display:flex; flex-direction: row;  gap:20px; justify-content:center;; align-content: center; margin-right:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}



.sub-header {width:100%; height:auto; margin-top:145px; }
.sub-header-inner {position:relative; width:95%; height:auto; margin: 0 auto; padding: 40px 0 40px 0; display:flex; flex-direction: row;  justify-content: flex-start; align-content: left;}

nav { z-index: 999999;}

.header-heading{width:100%; height:auto; text-transform: uppercase; font-weight: 700; font-size: 40px; line-height:44px; color:#e75815; text-align: center; padding:0; letter-spacing: 0.5px; align-self: center;}


.justify-start {
  margin-right: auto;
}

@media only screen and (max-width : 1350px) { 
	
.header {position:relative; top: 20px; width:100%; height:auto; background-color:#f9f8f8; transition: top 0.2s ease-in-out; z-index: 999999;}
	
	.sub-header {width:100%; height:auto; margin-top:20px; }

	.nav-bar-inner {width:100%;}

	}



/* ----------- HEADROOM END -------------- */
 
.header-container { position:fixed; top:0; left:0; right:0; width:100%; background-color:#fff; margin:0 auto; clear: both; z-index:999999 !important; }
.logo-old { position:absolute; left:20px; top: 15px; z-index:99999999 !important; }

/* Sizes for the larger container */

.large { height: 120px;  }
.large img{ width: 170px; height: auto; padding-top:5px}

/* Sizes for the smaller container */

.small { height: 120px; }
.small img{ width: 170px; height: auto; padding-top:5px }

/* Container animation */

.header-container,.header-container img{
  transition: all 1s;
  -moz-transition: all 1s; /* Firefox 4 */
  -webkit-transition: all 1s; /* Safari and Chrome */
  -o-transition: all 1s; /* Opera */
}

/* Navigation*/

.navigation { position:relative; width:100%; padding:30px 20px 0px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; }

.ubermenu .ubermenu-colgroup .ubermenu-column, .ubermenu .ubermenu-custom-content-padded, .ubermenu .ubermenu-nonlink, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-submenu-padded, .ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target, .ubermenu .ubermenu-target, .ubermenu .ubermenu-widget, .ubermenu-responsive-toggle {
    padding: 8px 13px 8px 10px !important;
}


.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after {
    margin-top: -6px !important;
    right: 0px !important;
}

.ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active > .ubermenu-submenu-drop, .ubermenu.ubermenu-main.ubermenu-horizontal:not(.ubermenu-transition-shift) .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    margin-top: 0px !important;
}

/* Submenu*/
.ubermenu .ubermenu-submenu .ubermenu-item .ubermenu-target{
    text-transform:capitalize; ;
}

.ubermenu .ubermenu-submenu .ubermenu-column {
    display: block;
    float: right !important;
text-align:left !important;
    width: auto;
}

.ubermenu .ubermenu-item.ubermenu-item-31 > .ubermenu-target {border-radius: 10px; }


.ubermenu-skin-minimal .ubermenu-submenu.ubermenu-submenu-drop {
    border: 0!important;
}

.ubermenu-nav .ubermenu-submenu {
     border-radius: 10px !important;
}

.ubermenu-item li:first-child a:hover {
border-top-left-radius: 10px!important; border-top-right-radius: 10px!important;
}

.ubermenu-item li:last-child a:hover {
border-bottom-left-radius: 10px!important; border-bottom-right-radius: 10px!important;
}

.ubermenu-accessible input:not(:hover):focus, .ubermenu-accessible:not(:hover) .ubermenu-target:focus {
    outline: none;
    box-shadow: none;
}

.ubermenu-responsive-toggle-align-left {
    float:none !important;
}

/* ----------- CALL TO ACTION -------------- */

.call-to-action {font-weight: 500; font-size: 32px; line-height:36px; color:#FFF; }

/* ----------- CALL TO ACTION TOP -------------- */

.cta-wrapper h2 {color:#e84b0f;}
.cta-wrapper {width:100%; height:auto; position:relative; background-color:#495b66; color:#FFF;}
.cta-wrapper-inner {max-width:1400px; padding: 50px 0 50px 0; height:auto; position:relative; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cta-team-wrapper {float:left; width:50%; height:auto; position:relative;}
.cta-team-box-1 {float:left; width:23%; height:auto; margin-right:2%}
.cta-team-box-2 {float:left; width:23%; height:auto; margin-right:2%}
.cta-team-box-3 {float:left; width:23%; height:auto; margin-right:2%}
.cta-team-box-4 {float:left; width:23%; height:auto;}
.cta-team-image {width:100%; height:auto; border-radius:10px;}
.cta-team-image img {border-radius:10px;}
.cta-team-name {width:100%; height:auto; font-size:18px; line-height:18px; padding-top:10px;}
.cta-text-wrapper {float:left; width:50%; height:auto; position:relative; padding-left:30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.cta-text-wrapper h3 {color:#e84b0f; }

.cta-phone-email {margin-bottom: 30px; font-size:22px; line-height:32px;}

.call-back-inner {width:90%; height:auto; margin: 0 auto; padding:50px 0 50px 0}


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

.cta-team-wrapper {width:50%; text-align:center; margin:0 auto;}
	
	.cta-text-wrapper {float:none; width:100%;}
.cta-team-wrapper {float:none; width:100%; margin-bottom:30px; text-align: center;}
	.cta-team-box-1 {width:100%; height:auto; text-align:center; padding-bottom:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.cta-team-box-2 { width:100%; height:auto; text-align:center; padding-bottom:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.cta-team-box-3 {width:100%; height:auto; text-align:center; padding-bottom:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.cta-team-box-4 {width:100%; height:auto; text-align:center; padding-bottom:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	
		.cta-team-box-1 img {width:60%; text-align:center; margin: 0 auto;}
.cta-team-box-2 img {width:60%; text-align:center; margin: 0 auto;}
	.cta-team-box-3 img {width:60%; text-align:center; margin: 0 auto;}
	.cta-team-box-4 img {width:60%; text-align:center; margin: 0 auto;}
	
	.cta-team-name {font-size:24px;}


	}

 /* ------------------------------------------------------- MISSION STATEMENT ---------------------------------------------------------- */

.mission {width:100%; display: block; background-color:#e9e9e9; clear: both;}

.mission-heading {width:90%; margin:0 auto; display: block; padding:50px 0 50px 0; color:#e75815; border-bottom: 1px solid #e75815; text-align: center;}


h2.mission-heading  {color:#e75815; font-size:52px; line-height:60px;}

.mission-heading h2  {width:60%;}

.mission-statement {width:60%; margin:0 auto; height:auto;  display:block; padding: 50px 0 0 0; text-align: center; font-size: 30px; line-height:36px; font-weight: 700;}

.mission-grid {position:relative; width:100%; height:auto; display: block; background-color:#e9e9e9;}
.mission-grid-inner {width:90%; margin:0 auto; height:auto;  display:block; padding: 50px 0 50px 0; }

.mission-grid-block {width:32%; height:auto; background-color: #FFF; align-items: flex-start; overflow:hidden; display:flex; flex-wrap: wrap; margin: 0; padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 10px;}


.mission-grid-row {display: inline-flex; flex-direction: row; justify-content: space-between; width:100%; height:auto; margin-bottom:2%; align-items: stretch;}

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

.mission-statement { width:90%; font-size: 24px; line-height:32px;}

	}


@media only screen and (max-width : 900px) { 
	
	.mission-heading h2  {width:80%; font-size: 30px; line-height:35px;}
	
	.mission-grid-row {display: block;}
 
	.mission-grid-block {width:100%; display:block; margin:0 0 4% 0}

.mission-grid-block:last-child, .mission-grid-block:nth-last-child(2) {
  margin:0 0 4% 0;
}
	}

/* ------------------------------------------------------- PROCESS ---------------------------------------------------------- */

.process {width:100%; display: block; background-color:#fff; clear: both;}

.process-heading {width:90%; margin:0 auto; display: block; padding:50px 0 50px 0; color:#e75815; border-bottom: 1px solid #e75815; text-align: center;}


h2.process-heading  {color:#e75815; font-size:52px; line-height:60px;}

.process-heading h2  {width:60%;}

.process-leading-paragraph {width:60%; margin:0 auto; height:auto;  display:block; padding: 50px 0 0 0; text-align: center; font-size: 30px; line-height:36px; font-weight: 700;}

.process-grid {position:relative; width:100%; height:auto; display: block; background-color:#fff;}
.process-grid-inner {width:90%; margin:0 auto; height:auto;  display:block; padding: 50px 0 50px 0; }

.process-grid-block {width:25%; height:auto; background-color: #FFF; display:flex; align-items:center; overflow:hidden;  flex-wrap: wrap; flex-direction:column; margin: 0; padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right:1px solid #e75815;}

.process-grid-block:last-child {
	border-right:none;}

.process-step-number {font-size: 70px; line-height:70px; font-weight: 700; text-align: center; color:#e75815}

.process-text {font-size: 30px; line-height:30px; font-weight: 700; text-align: center;}

.process-grid-row {display: inline-flex; flex-direction: row; justify-content: space-between; width:100%; height:auto; margin-bottom:2%; align-items: stretch;}

.process-button {width:90%; margin:0 auto; display: block; padding:0 0 50px 0; text-align: center;}

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

.process-leading-paragraph { width:90%; font-size: 24px; line-height:32px;}

	}


@media only screen and (max-width : 900px) { 
	
	.process-heading h2  {width:80%; font-size: 30px; line-height:35px;}
	
	.process-grid-row {display: block;}
 
	.process-grid-block {width:100%; display:block; margin:0 0 4% 0; border-right:none;}

.process-grid-block:last-child, .process-grid-block:nth-last-child(2) {
  margin:0 0 4% 0;
}
	}

/* ------------------------------------------------------- PROJECTS ---------------------------------------------------------- */

.projects-showcase {width:100%; display: block;  clear: both; background-color:#e9e9e9;}

.projects-showcase-heading {width:90%; margin:0 auto; display: block; padding:50px 0 50px 0; color:#e75815; font-size:52px; line-height:60px; border-bottom: 1px solid #e75815; text-align: center;}

.projects-showcase-grid {position:relative; width:100%; height:auto; display: block; background-color:#e9e9e9;}
.projects-showcase-grid-inner {width:90%; margin:0 auto; height:auto;  display:block; padding: 50px 0 50px 0; }

 /* ------------------------------------------------------- CLEAR GRID ROW ---------------------------------------------------------- */

.ct-clear-grid-row {display:flex; align-items:stretch; justify-content: space-between; flex-direction: row; position:relative; width:100%; height:auto; margin-bottom:4%;}
.end {margin:0 !important;}

.ct-clear-grid-row:first-of-type {
  padding-top:4%;
}

.service-ct-block:last-child {
  margin:0;
}

.ct-clear-grid-row:last-child {
  margin-bottom:0;
}

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

.ct-clear-grid-row {display:block;}

	
	}


 /* ------------------------------------------------------- NEW HOME PAGE MODULES ---------------------------------------------------------- */
 /* ------------------------------------------------------- ----------- ---------------------------------------------------------- */

 /* ------------------------------------------------------- SECTOR SELECT ---------------------------------------------------------- */

.sector-select {width:100%; display: block; background-color:#364751; clear: both;}

.sector-select-heading {width:90%; margin:0 auto; display: block; padding:50px 0 50px 0; color:#e75815; border-bottom: 1px solid #e75815; text-align: center;}


h2.sector-select-heading  {color:#e75815; font-size:52px; line-height:60px;}

.sector-select-heading h2  {width:60%;}

.sector-select-grid {position:relative; width:100%; height:auto; display: flex; background-color:#364751;}
.sector-select-grid-inner {width:90%; margin:0 auto; height:auto;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 50px 0 0 0; }

.sector-select-grid-block {width:32%; height:auto; align-items: flex-start; overflow:hidden; display:flex; flex-wrap: wrap; margin: 0 0 4% 0; }

.sector-select-grid-image {width:100%; height:auto; flex: none; overflow:hidden; border-radius: 10px;}

.sector-select-grid-block:last-child, .sector-select-grid-block:nth-last-child(2) {
  margin:0;
}

.sector-heading {display: block; padding:10px 0 0 0; flex: none; font-size: 24px; line-height: 34px; font-weight:500; color: #e75815; font-style: italic;}


.sector-select-grid-image img {max-width: 100%;transition: all 0.3s; display: block; width: 100%; height: auto; transform: scale(1); overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.sector-select-grid-block:hover .sector-select-grid-image img {transform: scale(1.1);}

@media only screen and (max-width : 600px) { 
	
	.sector-select-heading h2  {width:80%; font-size: 30px; line-height:35px;}
 
	.sector-select-grid-block {width:100%; display:block; }

.sector-select-grid-block:last-child, .sector-select-grid-block:nth-last-child(2) {
  margin:0 0 4% 0;
}
	}

/* ------------------------------------------------------- FEATURED ---------------------------------------------------------- */

.featured {width:100%; display: block; background-color:#e75815; clear: both;}
.featured-white {width:100%; display: block; background-color:#e9e9e9; clear: both;}
.featured-blue {width:100%; display: block; background-color:#364751; color:#FFF; clear: both;}

.featured-heading {width:90%; margin:0 auto; display: block; padding:50px 0 50px 0; color:#FFF; border-bottom: 1px solid #FFF; text-align: center;}
.featured-heading-grey {width:90%; margin:0 auto; display: block; padding:50px 0 50px 0; color:#364751; border-bottom: 1px solid #364751; text-align: center;}


h2.featured-heading  {color:#FFF; font-size:52px; line-height:60px;}
h2.featured-heading-grey  {color:#364751; font-size:52px; line-height:60px;}

.featured-heading h2  {width:60%;}
.featured-heading-grey h2  {width:60%;}

.featured-grid {position:relative; width:100%; height:auto; display: flex; background-color:#e75815;}
.featured-grid-white {position:relative; width:100%; height:auto; display: flex; background-color:#e9e9e9;}
.featured-grid-inner {width:90%; margin:0 auto; height:auto;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 50px 0 50px 0; }

.featured-grid-block {width:32%; height:auto;  overflow:hidden; display:block;  margin: 0 0 4% 0;}

.featured-grid-image {width:100%; height:auto; flex: none; overflow:hidden;  border-radius: 10px;}

.featured-grid-block:last-child, .featured-grid-block:nth-last-child(3) {
  margin:0;
}

.featured-item-heading {display: block; padding:10px 0 0 0; flex: none; font-size: 24px; line-height: 34px; font-weight:500; color: #FFF; font-style: italic;}
.featured-item-heading-grey {display: block; padding:10px 0 0 0; flex: none; font-size: 24px; line-height: 34px; font-weight:500; color: #364751; font-style: italic;}



.featured-grid-image img {max-width: 100%;transition: all 0.3s; display: block; width: 100%; height: auto; transform: scale(1); overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.featured-grid-block:hover .featured-grid-image img {transform: scale(1.1);}


.featured-product {position:relative; width:100%; height:auto; display: flex; background-color:#364751;}
.featured-product-inner {width:90%; margin:0 auto; height:auto;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 50px 0 50px 0; }
.featured-product-image-fw  {width:100%; height:auto; flex: none; overflow:hidden;  border-radius: 10px;}
.featured-product-block-fw {width:100%; height:auto;  overflow:hidden; display:block;  margin: 0;}   
.featured-product-image-fw img {max-width: 100%;transition: all 0.3s; display: block; width: 100%; height: auto; transform: scale(1); overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.featured-product-block-fw:hover .featured-product-image-fw img {transform: scale(1.1);}

@media only screen and (max-width : 1000px) { 
 
	.featured-grid-block {width:48%; height:auto; overflow:hidden;  margin: 0 0 4% 0;}

	.featured-grid-block:last-child, .featured-grid-block:nth-last-child(2) { margin:0;}
	.featured-grid-block:last-child, .featured-grid-block:nth-last-child(3) { margin:0 0 4% 0;}
	
	}

@media only screen and (max-width : 600px) { 
	
	.featured-heading h2  {width:80%; font-size: 30px; line-height:35px;}
 .featured-heading-grey h2 {width:80%; font-size: 30px; line-height:35px;}
	.featured-grid-block {width:100%; }

	.featured-grid-block:last-child, .featured-grid-block:nth-last-child(2) { margin:0 0 4% 0;}
	.featured-grid-block:last-child, .featured-grid-block:nth-last-child(3) { margin:0 0 4% 0;}
	}




/* ------------------------------------------------------- PRODUCT SELECT ---------------------------------------------------------- */

.product-select {width:100%; display: block; background-color:#FFF; clear: both;}

.product-select-heading {width:90%; margin:0 auto; display: block; padding:50px 0 50px 0; color:#364751; border-bottom: 1px solid #364751; text-align: center;}


h2.product-select-heading  {color:#364751; font-size:52px; line-height:60px;}

.product-select-heading h2  {width:60%;}

.product-select-grid {position:relative; width:100%; height:auto; display: flex; background-color:#FFF;}
.product-select-grid-inner {width:90%; margin:0 auto; height:auto;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 50px 0 0 0; }

.product-select-grid-block {width:32%; height:auto; align-items: flex-start; overflow:hidden; display:flex; flex-wrap: wrap; margin: 0 0 4% 0;}

.product-select-grid-image {width:100%; height:auto; flex: none; overflow:hidden;  border-radius: 10px;}

.product-select-grid-block:last-child, .sector-select-grid-block:nth-last-child(3) {
  margin:0;
}

.product-heading {display: block; padding:10px 0 0 0; flex: none; font-size: 24px; line-height: 34px; font-weight:500; color: #364751; font-style: italic;}


.product-select-grid-image img {max-width: 100%;transition: all 0.3s; display: block; width: 100%; height: auto; transform: scale(1); overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.product-select-grid-block:hover .product-select-grid-image img {transform: scale(1.1);}


@media only screen and (max-width : 1000px) { 
 
	.product-select-grid-block {width:48%; height:auto; align-items: flex-start; overflow:hidden; display:flex; flex-wrap: wrap; margin: 0 0 4% 0;}

	.product-select-grid-block:last-child, .product-select-grid-block:nth-last-child(2) { margin:0;}
	.product-select-grid-block:last-child, .product-select-grid-block:nth-last-child(3) { margin:0 0 4% 0;}
	
	}

@media only screen and (max-width : 600px) { 
	
	.product-select-heading h2  {width:80%; font-size: 30px; line-height:35px;}
 
	.product-select-grid-block {width:100%; display:block; }

	.product-select-grid-block:last-child, .product-select-grid-block:nth-last-child(2) { margin:0 0 4% 0;}
	.product-select-grid-block:last-child, .product-select-grid-block:nth-last-child(3) { margin:0 0 4% 0;}
	}


/* ------------------------------------------------------- THE FEWS DIFFERENCE ---------------------------------------------------------- */

.difference-select {width:100%; display: block; background-color:#364751; clear: both;}

.difference-select-heading {width:90%; margin:0 auto; display: block; padding:50px 0 50px 0; color:#e75815; border-bottom: 1px solid #e75815; text-align: center;}


h2.difference-select-heading  {color:#e75815; font-size:52px; line-height:60px;}

.difference-select-heading h2  {width:60%;}

.difference-select-grid {position:relative; width:100%; height:auto; display: flex; background-color:#364751;}
.difference-select-grid-inner {width:90%; margin:0 auto; height:auto;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 50px 0 50px 0; }

.difference-select-grid-block {position:relative; width:48%; height:auto; align-items: flex-start; overflow:hidden; display:flex; flex-direction: row; margin: 0 0 4% 0; background-color:#525b64; color:#FFF; border-radius: 10px;}

.difference-select-grid-image {width:50%; height:auto;  overflow:hidden; }

.difference-select-grid-text {position:relative; width:50%; height:auto; overflow:hidden; font-size: 24px; line-height:28px; font-weight: 700;  color:#FFF; padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.difference-select-grid-block:last-child, .difference-select-grid-block:nth-last-child(2) {
  margin:0;
}

.difference-heading {display: block; padding:10px 0 0 0; flex: none; font-size: 24px; line-height: 34px; font-weight:500; color: #e75815; font-style: italic;}


.difference-select-grid-image img {max-width: 100%;transition: all 0.3s; display: block; width: 100%; height: auto; transform: scale(1); overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


.difference-select-arrow img  {width:80px; height:auto; position:absolute; bottom:0px; right:0px; transform-origin: bottom right; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor: pointer;}

.difference-select-arrow img:hover  {transform: scale(0.7); }


@media only screen and (max-width : 800px) { 
	
	.difference-select-heading h2  {width:80%; font-size: 30px; line-height:35px;}
 
.difference-select-grid-block {width:100%; display:block; clear:both; padding-bottom:80px; }
	
	.difference-select-grid-image {width:100%;}

.difference-select-grid-text {width:100%; }
	
	a.button-fews-difference {left:20px}
	
	.difference-select-grid-block:last-child, .difference-select-grid-block:nth-last-child(2) {
  margin:0 0 4% 0;
}
	
	}

 /* ------------------------------------------------------- SUSTAINABILITY ---------------------------------------------------------- */

.sustainability {width:100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.sustainability-inner { position: absolute; text-align: center; }
.sustainability-heading {font-size: 52px; line-height:62px; font-weight: 500; color:#FFF; margin: 0 40px 40px 40px;}

.overlay-button {display:block; width:200px;  height:auto; padding:8px 20px 8px 20px; color:#FFF; border:2px solid #FFF; border-radius: 10px; font-size:24px; font-weight:400; margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor: pointer;}
.overlay-button:hover {background-color:#FFF; color:#2d2a27; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

@media only screen and (max-width : 1000px) { 
	
	.sustainability { padding: 50px 0 50px 0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	
	.overlay-button {display:block; width:140px; font-size:14px; }
	
	.sustainability-heading {font-size: 30px; line-height:30px; margin: 0 30px 10px 30px;}
	
	}

@media only screen and (max-width : 750px) { 
	
	
	.sustainability-heading {font-size: 24px; line-height:28px; margin: 0 30px 5px 30px;}
	
	}

 /* ------------------------------------------------------- OPENING PAGE ---------------------------------------------------------- */
 
 
html, #opening-image {  width:100%; height:100%; margin: 0; border: 0; }
#opening-image td {  vertical-align: middle;text-align: center; }
.opening-logo-wrapper { display: table; height:100%; width: 100%; }
.opening-logo {   display: table-cell; text-align: center; vertical-align: middle;}
.opening-logo img { width:600px; height:auto; display:inline;}
.scroll-prompt { position:absolute; bottom:60px; margin:0 auto; width:100%; text-align:center; color:#fff; padding:0 0 10px 0; font-size: 80px; z-index:999999; }

.splash {position:fixed; top:145px; right:70px; z-index: 1; }
.splash img {}

.splash-left {position:fixed; top:145px; left:70px; z-index: 1; }
.splash-left img {width:150px; height:auto;}

 /* ------------------------------------------------------- WRAPPERS ---------------------------------------------------------- */
 
.wrapper-100 { width:100%; height:auto; }
.wrapper-75 { width:75%; height:auto; }
.wrapper-66 { width:66.666666%; height:auto; }
.wrapper-50 { width:50%; height:auto;}
.wrapper-33 { width:33.333333%; height:auto; }
.wrapper-25 { width:25%; height:100%; overflow:hidden; display:block; margin: 0 0 4% 0; padding-right:5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wrapper-20 { width:20%; height:100%; overflow:hidden; display:block; margin: 0 0 4% 0; padding-right:5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wrapper-1400 { max-width:1400px; height:auto; margin:0 auto; }
.wrapper-950 { max-width:950px; height:auto; margin:0 auto; }

  /* ------------------------------------------------------- PADDING & MARGINS ---------------------------------------------------------- */
  
.pad-a { padding: 50px !important; }
.pad-b { padding: 40px !important; }
.pad-c { padding: 30px !important; }
.pad-d { padding: 20px !important; }
.pad-e { padding: 10px !important; }
.pad-f { padding: 0 0 20px 0 !important; }
.pad-g { padding: 0 0 30px 0 !important; }
.pad-h { padding: 0 0 40px 0 !important; }
.pad-i { padding: 0 0 50px 0 !important; }
.pad-j { padding: 20px 0 0 0 !important; }
.pad-k { padding: 0 20px 0 0 !important; }

.margin-a { margin: 20px 0 20px 0 !important; }

  /* ------------------------------------------------------- MODULAR BLOCKS FOR PAGEBUILDER ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ----------- PRODUCT SPEC ROW -------------- */

.product-spec-grid-wrapper {width:100%; height:auto; display: block; padding:0 0 50px 0; clear:both; background-color:#e6e6e6;}

.product-spec-heading-wrapper {width:100%; display: block; background-color:#e6e6e6; }

.product-spec-heading {width:90%; margin:0 auto; display: block; padding:50px 0 50px 0; color:#e75815;  text-align: center; }

h2.product-spec-heading  {color:#e75815; }

.product-spec-grid {position:relative; width:100%; height:auto; display: flex; background-color:#e6e6e6; }
.product-spec-grid-inner {width:90%; margin:0 auto; height:auto;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 0; }


/* ----------- FIVE PRODUCT SPEC ROW -------------- */

.five-product-spec-image-block {width:18.4%; height:auto; align-items: flex-start; overflow:hidden; display:flex; flex-wrap: wrap; margin: 0 0 2% 0;}

.five-product-spec-image-image {width:100%; height:auto; flex: none;}

.five-product-spec-image-block:last-child, .five-product-spec-image-block:nth-last-child(5) {
  margin:0;
}

/* ----------- FOUR PRODUCT SPEC ROW -------------- */

.four-product-spec-image-block {width:23.5%; height:auto; align-items: flex-start; overflow:hidden; display:flex; flex-wrap: wrap; margin: 0 0 2% 0;}

.four-product-spec-image-image {width:100%; height:auto; flex: none;}

.four-product-spec-image-block:last-child, .four-product-spec-image-block:nth-last-child(4) {
  margin:0;
}

/* ----------- THREE PRODUCT SPEC ROW -------------- */

.three-product-spec-image-block {width:32%; height:auto; align-items: flex-start; overflow:hidden; display:flex; flex-wrap: wrap; margin: 0 0 2% 0;}

.three-product-spec-image-image {width:100%; height:auto; flex: none;}

.three-product-spec-image-block:last-child, .three-product-spec-image-block:nth-last-child(3) {
  margin:0;
}

/* ----------- TWO PRODUCT SPEC ROW -------------- */

.two-product-spec-image-block {width:23.5%; height:auto; align-items: flex-start; overflow:hidden; display:flex; flex-wrap: wrap; margin: 0 0 2% 0;}

.two-product-spec-image-block:first-child { width:74.5%; height:auto; }

.two-product-spec-image-image {width:100%; height:auto; flex: none;}

.two-product-spec-image-block:last-child, .two-product-spec-image-block:nth-last-child(2) {
  margin:0;
}

/* ----------- ONE PRODUCT SPEC ROW -------------- */

.one-product-spec-image-block {width:100%; height:auto; align-items: flex-start; overflow:hidden; display:flex; flex-wrap: wrap; margin: 0 0 2% 0;}

.one-product-spec-image-image {width:100%; height:auto; flex: none; margin: 0 auto;}



/* ----------- NEW IMAGE GRID -------------- */

.image-grid-heading-wrapper {width:100%; display: block; background-color:#f8f8f8; }

.image-grid-heading {width:90%; margin:0 auto; display: block; padding:50px 0 50px 0; color:#e75815; border-bottom: 1px solid #e75815; text-align: center;}


h2.image-grid-heading  {color:#e75815; }

.image-grid-heading h2  {width:60%;}

.image-grid {position:relative; width:100%; height:auto; display: flex; background-color:#f8f8f8;}
.image-grid-inner {width:90%; margin:0 auto; height:auto;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 50px 0 50px 0; }

.image-grid-block {width:48%; height:auto; align-items: flex-start; overflow:hidden; display:flex; flex-wrap: wrap; margin: 0 0 4% 0;}

.image-grid-image {width:100%; height:auto; flex: none; border-radius: 10px;}

.image-grid-image img {border-radius: 10px;}

.image-grid-block:last-child, .image-grid-block:nth-last-child(2) {
  margin:0;
}


.caption {display: block; padding:10px 0 0 0; flex: none; font-size: 24px; line-height: 34px; font-weight:500; color: #364751; font-style: italic;}

/* ----------- FULL WIDTH TEXT BLOCK -------------- */

.fw-text-outer {width:100%; display: block; }

.fw-text-inner {width:90%; margin:0 auto; padding:50px 0 50px 0;  }

/* ----------- TWO COLUMN TEXT BLOCK -------------- */

.text-block-heading-wrapper {width:100%; display: block; background-color:#fff;}

.text-block-heading {width:90%; margin:0 auto; display: block; padding:50px 0 50px 0; color:#FFF; }


.text-block-outer {position:relative; width:100%; height:auto; display: flex; }
.text-block-inner {width:90%; margin:0 auto; height:auto;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 50px 0 50px 0; }

.text-block-left-column {width:50%; height:100%; overflow:hidden; display:block; margin: 0 0 4% 0; border-right:1px solid #e84b0f; padding-right:5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.text-block-right-column {width:50%; height:100%; overflow:hidden; display:block;  margin: 0; padding-left:5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.text-block-child {display: inline-block; margin:0 0 20px 0; }
.text-block-child h1,h2,h3,h4  {padding:0; flex-wrap: nowrap; }

.text-block-child:first-child {
  width: 100%; padding:0 ;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.text-block-child:not(:first-child) {
  flex: 1;
}

/* ----------- SPLIT CONTENT BLOCK -------------- */

.split-content-wrapper {position:relative; width:100%; height:auto; background-color:#e6e6e6; padding: 100px 0 100px 0; }
.split-content-wrapper-dark {position:relative; width:100%; height:auto; background-color:#b4b4b4; padding: 100px 0 100px 0; }

.split-content {position:relative; width:100%; height:auto; display: flex; margin:0 0 5% 0;}
.split-content-inner {width:100%; height:auto;  display: flex; flex-direction: row; flex-wrap: wrap; border-radius: 10px; }

h2.split-content-heading  {width:90%; height:auto; margin: 0 auto; padding:0 0 60px 0;}

.split-content-block {width:90%; height: 100%; margin:0 auto; position: relative;  display:flex; flex-direction: row; background-color:#fff; }
.split-content-image {width:50%; height:100%; align-self:center; overflow:hidden; display:flex;  }
.split-content-image img { max-height: 100%; min-width: 100%; object-fit: cover; }

.split-content-text {position:relative; width: 50%; height:100%; padding:40px;}

.split-content:last-child {
  margin:0;
}
.section-ct-arrow img  {width:100px; height:auto; position:absolute; bottom:0px; right:0px; transform-origin: bottom right; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor: pointer;}

.section-ct-arrow img:hover  {transform: scale(0.7); }

/* ----------- VIDEO BLOCK -------------- */

.video-block-heading-wrapper {width:100%; display: block; background-color:#364751; }

.video-block-heading {width:90%; margin:0 auto; display: block; padding:50px 0 50px 0; color:#e75815; border-bottom: 1px solid #e75815; text-align: center;}


h2.video-block-heading  {color:#e75815; text-transform: uppercase; letter-spacing: 1px; font-size:40px; line-height:45px;}

.video-block-heading h2  {width:60%;}

.video-wrapper {position:relative; width:100%; height:auto; background-color:#364751; padding: 3.5% 0 3.5% 0; }
.video-wrapper-inner {width:90%; height:auto;  display: block; margin: 0 auto; text-align: center; }

 .video-container {
	position: relative;
	padding-bottom: 56.25%;
	margin-top: 20px;
	margin-bottom:20px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ----------- ACCREDITATIONS -------------- */

.accreditations {width:100%; height:auto;}
.accreditation {width:100%; height:auto; border-bottom: 1px solid #e75815;}
.accreditation-inner {width:70%; height:auto; margin: 0 auto; padding: 50px 0 50px 0; display:flex; justify-content: space-between; flex-wrap: wrap; }
.accreditation-logo {width:25%; height:auto; padding-right:5%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.accreditation-text {width:75%; height:auto;}

.accreditation:last-child {
  margin-bottom:100px;
}

.accreditation:first-child {
  border-bottom: 1px solid #e75815;;
}


/* ----------- TESTIMONIAL BLOCKS -------------- */

.testimonial {width:100%; height:auto; margin:0 auto; padding: 3% 0 3% 0; background-color:#364751; color:#FFF; }
.testimonial-quote-marks {width:90%; height:auto; margin: 0 auto; padding: 0 0 4% 0; text-align: center;}
.testimonial-quote-marks img {margin: 0 auto; text-align: center; width:10%;}
.testimonial-inner {width:90%; height:auto; margin: 0 auto; padding: 3% 0 3% 0; font-size: 32px; line-height:42px; font-weight:500; text-align: center;}
.author {width:100%; height:auto; padding: 3% 0 0 0; text-align: center; font-weight: 300; font-size: 18px; line-height: 28px; color: #e75815;}


 /* ------------------------------------------------------- END MODULAR BLOCKS FOR PAGEBUILDER ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------- TEAM GRID ---------------------------------------------------------- */

.team-grid {width:100%; height:auto; padding:0 0 100px 0; background-color:#f9f8f8;}
.team-grid-inner {width:90%; height:auto; margin: 0 auto; padding:100px 0 100px 0;}
.team-grid-row {display:inline-flex; flex-direction: row; justify-content: space-between; position:relative; width:100%; height:auto; margin-bottom:4%;}
.team-member-block  {width:20%; height:auto;}
.team-member-profile-pic {width:100%; height:auto; margin-bottom:10px; overflow:hidden;}
.team-member-details {width:100%; height:auto;}
.name {color:#e75815; text-align: center;}
.position {font-size: 16px; line-height: 24px; font-style: italic; text-align: center;}



@media only screen and (max-width : 650px) { 
	
.team-grid-row {display:block; margin-bottom:0;}
.team-member-block  {width:100%; height:auto; margin-bottom:30px;}

	}

/* ------------------------------------------------------- HOME PAGE ---------------------------------------------------------- */

.sector-box-title { position:absolute; top:0; left:0; padding:20px; background-color:#fff; }
.sector-box-title h3 { margin:0; color:#364751;}
.sector-box { width:50%; height:auto; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out;}
.sector-box:hover { filter:alpha(opacity=85); -khtml-opacity:0.85; -moz-opacity:0.85; opacity:0.85;}
.igloo-box {width:100%; height:auto; position:relative; padding-top:20px; clear:both; overflow:hidden;}
.igloo-box:hover { filter:alpha(opacity=85); -khtml-opacity:0.85; -moz-opacity:0.85; opacity:0.85;}
.igloo-box img {display: block !important; width:100%; height: auto; padding:0px; margin:0px;}

/* ----------- TEXT BLOCK -------------- */

.home-text-block {width:100%; height:auto;}
.home-text-block-inner {width:70%; height:auto; margin: 0 auto; padding: 50px 0 50px 0;}

/* ------------------------------------------------------- WEDDINGS PAGE ---------------------------------------------------------- */

.asian-wedding-sector-box-title { position:absolute; top:0; left:0; padding:20px; background-color:#364751; color:#FFF; }
.asian-wedding-sector-box-title h3 { margin:0; }


/* ------------------------------------------------------- WEDDING INSTA FEED ---------------------------------------------------------- */

.insta-feed-outer {width:100%; height:auto;}
.insta-feed-inner {width: 80%; height:auto; margin: 0 auto; padding: 10% 0 10% 0;}
.insta-feed-heading {text-align:center; padding-bottom: 80px;}

/* ------------------------------------------------------- ABOUT PAGE ---------------------------------------------------------- */

#about-quote-box { position:relative; width:100%; height: 400px; padding: 0 200px 0 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }
#about-quote-box td {  vertical-align: middle;text-align: center; }
.about-quote-box-wrapper { display: table; height:100%; width: 100%; }
.about-quote-box-text {   display: table-cell; text-align: center; vertical-align: middle;}
.team { width:100%; height:auto; padding: 20px 50px 30px 0; }

/* ------------------------------------------------------- PAGE CONTENT ---------------------------------------------------------- */

.header-image { position:relative; width:100%; height: auto; }
.page-title { position:relative; width:100%; height:auto; margin: 0 auto; text-align: center; padding:55px 30px 63px 30px; color:#364751; background-color: #f8f8f8;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.page-title-cat { position:relative; width:100%; height:auto; margin: 75px auto 0 auto; text-align: center; padding:55px 30px 63px 30px; color:#364751; border-bottom: 1px solid #e3e3e3;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.fw-section-title { width:90%; margin:0 auto; display: block; padding:50px 0 50px 0; font-size: 52px; line-height:60px; color:#e75815; border-bottom: 1px solid #e75815; text-align: center;}

.col-33 { float:left; width:33.333333%; height:auto; padding: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.col-50 { float:left; width:50%; height:auto; padding: 0 50px 50px 50px; margin: 50px 0 0 0;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.col-50:first-child {
  border-right:1px solid #e84b0f;
}


.col-66 { float:left; width:66.666666%; height:auto; padding: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.gallery-spacer {width:100%; margin-top:120px; }

.mid-title { margin: 50px 0 20px 0; }



/* ------------------------------------------------------- LAYOUT OPTIONS ---------------------------------------------------------- */

.image-left { float:left; width:50%; height:auto; }
.image-right { float:left; width:50%; height:auto; }
.text-left { float:left; width:50%; height:100%; padding: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.text-right { float:right; width:50%; height:100%; padding: 50px; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/* ------------------------------------------------------- CASE STUDIES SECTION / NEWS LANDING PAGES ---------------------------------------------------------- */

.cat-header-image { position:relative; width:100%; height: 245px; }
.cs-wrapper { width:100%; height:auto; display:block; clear:both; overflow:hidden; margin:20px 0 20px 0;  }
.cs-box-title { position:relative; text-align: center; padding: 20px 0 20px 0;}
.cs-box-title h5 { margin:0; }
.cs-box { width:32.333333%; height:auto; margin: 0 1.5% 1.5% 0; display:block; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out;}

.cs-box-image {width:100%; height:auto; flex: none; overflow:hidden; border-radius: 10px;}

.cs-end { margin: 0 0 1.5% 0; }

.case-study-sub-header { font-weight: 400; font-size: 34px; line-height:54px; letter-spacing:0; text-transform:none; }


.cs-box img {max-width: 100%;transition: all 0.3s; display: block; width: 100%; height: auto; transform: scale(1); overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.cs-box:hover .cs-box-image img {transform: scale(1.1);}



/* ------------------------------------------------------- CLICKTHROUGHS ROW OF THREE ---------------------------------------------------------- */

.ct-sector-box { width:33.333333%; height:auto; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out;}
.ct-sector-box img { width:100%; height:auto;}
 .ct-sector-box-title { position:absolute; top:0; left:0; padding:20px 20px 0 20px; background-color:#fff; }
 .ct-sector-box:hover { filter:alpha(opacity=85); -khtml-opacity:0.85; -moz-opacity:0.85; opacity:0.85;}
.ct-sector-box h5 {font-size: 24px; line-height:28px; color:#364751; }

/* ------------------------------------------------------- NEWS SINGLE ---------------------------------------------------------- */


.all-news { width:100%; height:auto; text-align:center; padding:10px 0 43px 0; margin-top: 30px; border-bottom: 1px solid #e3e3e3;}


/* ------------------------------------------------------- VENUES ---------------------------------------------------------- */


.venue-info { width:100%; height: auto; padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/* ------------------------------------------------------- FOOTER ---------------------------------------------------------- */
 
 .footer-sector-box { width:20%; height:auto; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out;}
 .footer-sector-box-title { position:absolute; top:0; left:0; padding:20px 20px 0 20px; background-color:#fff; }
 .footer-sector-box:hover { filter:alpha(opacity=85); -khtml-opacity:0.85; -moz-opacity:0.85; opacity:0.85;}

.footer-email a { color:#fff; }
.footer-email a:hover { color:#919191 !important; }
 
 .footer-logo { width:100%; height:auto; margin: 0 0 20px 0;}
 .footer-logo img { max-width:160px; height:auto; }
 .wrapper-social-icons { width:100%; height:auto; margin:20px 0 20px 0;}
 .social-icon { display:inline-block; margin-right:10px; font-size:32px; }
 .wrapper-social-icons a { color:#fff; }
  .wrapper-social-icons a:hover { color:#919191; }
 .footer-awards { width:100%; height:auto; margin-top:20px; }
 .footer-awards img { max-width: 200px; height:auto; }
 
 .latest-news {  }
 .latest-news ul { list-style-type: none; }
 .latest-news li { list-style-type: none; margin:0; padding:0; }
 .latest-news li a { color:#FFF; }
 .latest-news a:link { color:#FFF; }
 .latest-news a:hover { color:#919191; text-decoration: none;}
 .latest-news a:visited { color:#FFF; }
 
 .fa-arrow-circle-o-right::before { padding-left:5px; }

.footer-accreditations {width:100%; height:auto; background-color:#FFFFFF;}
.footer-accreditations-inner {width:95%; height:auto; margin:0 auto; display:flex; flex-direction: row;}
.footer-accreditations-block {width:50%; height:auto;}

.wrapper-footer-quick-links {position:relative; width:100%; height:auto; display: flex; }

.wrapper-footer-quick-links-inner {width:100%; height:auto; padding: 20px;  display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear:both; overflow:hidden; background-color:#545b63;}

.footer-quick-links {width:25%; height:100%; padding: 30px; overflow:hidden; display:block; margin: 0 0 4% 0; border-right:1px solid #e84b0f; padding-right:5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.footer-quick-links-end {width:25%; height:100%; padding: 30px; overflow:hidden; display:block; margin: 0 0 4% 0; padding-right:5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.wrapper-footer-quick-links a:link {color:#FFF;}
.wrapper-footer-quick-links a {color:#FFF;}
.wrapper-footer-quick-links a:hover {color:#e75815;}

.vert-keyline {border-right:1px solid #e75815;}

a.sticky-contact-button {position: fixed; bottom:30px; left:30px; z-index: 999999999; padding:12px 20px 12px 20px; background-color:#364751; color:#fff;  border-radius: 10px; border:1px solid #FFF; font-size: 20px; line-height:24px; font-weight:500; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; cursor: pointer;}

a.sticky-contact-button:hover {background-color:#ea5911; color:#fff; border:none; border:1px solid #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

 @media screen and (max-width: 650px) {
	
	 .wrapper-footer-quick-links {display: block !important; }
		.wrapper-footer-quick-links-inner {display: block !important; }
	.wrapper-25 { border-right:none; }
	 .wrapper-20 { border-right:none; }

	}
 
 
/* GOOGLE MAP RESPONSIVE
---------------------------------------------------------------------------------------------------------------*/

.map-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
	margin: 0 0 30px 0;
}
.map-wrapper iframe {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 100%;
        border: none;
}

/* ----------- CONTACT FORM 7 STYLES -------------- */


/*Input Field widths*/
.wpcf7-text, .wpcf7-textarea {
    width: 100%;
    border: 0;
	background-color: #dedede !important;
	border-radius: 5px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.wpcf7-text {

	height: 50px;
    padding-left: 30px;
	font-size: 16px;

}

.wpcf7-textarea {

	padding-left: 30px;
	padding-top:30px;
	font-size: 16px
}



.wpcf7-text:focus, .wpcf7-textarea:focus {
    border: none;
}

/*Label Font*/
.wpcf7-form p {
    font-size: 16px;
	color:#364751;
	font-weight: 700;
}

/*Submit button Font*/
.wpcf7-submit {
    width: auto;
    font-size: 16px !important;
    background: #364751 !important;
    color: #fff !important;
    padding: 15px;
	border-radius: 5px;
}

/*Submit button Hover*/
.wpcf7-submit:hover {
    background: #e84b0f !important;
}

/*Response messages - Error & Success*/
.wpcf7-response-output {
    margin-bottom: 30px !important;
}

/*Drop Down*/


.wpcf7-form select {
	
	width: 100%;
    border: 0;
	background-color: #dedede !important;
	border-radius: 5px;
	height: 50px;
    padding-left: 30px;
	font-family: 'karbon-web';
	font-size: 16px;
	line-height:20px;
	color:#fff !important;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
    
}

.wpcf7-select::after {

    font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\F078";
    position: absolute;
    top: 50%;
    right: 20px;
    -ms-transform: translateY(calc(-50% - 5px));
    transform: translateY(calc(-50% - 5px));
    font-size: 14px;
    color: #fff;

}

select {
      -webkit-appearance: none;
      -moz-appearance: none;
	appearance: none;}





.wpcf7-text:focus, .wpcf7-textarea:focus {
    border: none;
}

/*Label Font*/
.wpcf7-form p {
    font-size: 16px;
	color:#364751;
	font-weight: 700;
}



/***********colors************/

/*Submit button background & border*/
.wpcf7-submit {
    background-color: #364751 !important;
    border: 0 !important;
    color:#fff !important;
    font-weight: normal !important;
	font-family: 'karbon-web';
	cursor: pointer;
}


/*Label Text color*/
.wpcf7-form p {
    color:#364751;
	font-weight: 700;
}

.wpcf7-form label{
	/*display: none;*/
}

/*Input Field Text color*/
.wpcf7-text, .wpcf7-textarea {
	font-family: 'karbon-web';
	color:#364751;
}

/****background-images********/


/*Submit button background & border*/
.wpcf7-submit {
	color:#fff;
	font-weight: 700;
    border: 0 !important;
 } 

/*Submit button Hover styles*/
.wpcf7-submit:hover {
    border-color: transparent !important;
	color:#fff;
    background-color:#e84b0f !important;

}


/* ---------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------*/
/* Tablet Styles
---------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------*/

 @media screen and (max-width: 1200px) {
	
		.button-blue { width:100% !important; }

	
	}

 @media only screen and (max-width : 1050px) { 
 
h1 { font-size: 50px; line-height:40px; }
h2 { font-size: 34px; line-height:38px; }
h3 { font-size: 24px; line-height:32px;  }
h4 { font-size: 20px; line-height:24px; }
h5 { font-size: 16px; line-height:20px; }


.opening-logo img { width:450px;}
.scroll-prompt {bottom:30px; font-size: 40px;}


.col-33 { width:50%; padding: 20px; }
.col-50 { padding: 20px 20px 30px 20px; }
.col-66 { width:50%; padding: 20px; }

.col-33-offers { width:50%; padding: 20px; }
.col-66-offers { width:50%; padding: 20px; }
	 
.col-50-offers-image { width:50%; padding: 20px; }
.col-50-offers-text { width:50%; padding: 20px; }

.text-left { padding: 20px; }
.text-right { padding: 20px; }

#about-quote-box { height: 250px; padding: 0 100px 0 100px; }

.footer-sector-box-title { padding:15px 15px 0 15px;  }
	 
	 .sub-header-inner { justify-content:flex-end; align-content: right; text-align: left; }
	.header-heading{margin-left:auto; align-self:flex-end; padding-left:30%; font-size: 26px; line-height:24px; text-align: right;}

	}
	

 @media only screen and (max-width : 800px) { 
 
.wrapper-25 { width:100% !important; border-bottom:1px solid #fff;  }
	 .wrapper-20 { width:100% !important; border-bottom:1px solid #fff;  }
.pad-c { padding: 20px 0 !important; }

.footer-sector-box { width:50%; }
.ct-sector-box { width:50%; }
	 
	 	.footer-accreditations-inner {display:block;}
	
.footer-accreditations-block {width:100%;}
	 
	 .hide-mobile {display:none;}
.hide-desktop {display:block;}
	 
	 .split-content-wrapper { padding: 60px 0 60px 0; }

.split-content { display: block; margin:0 0 5% 0;}
.split-content-inner { display: block;  }

.split-content-block {width:90%;  display:block;  }
.split-content-image {width:100%; display:block; }

.split-content-text {position:relative; width: 100%;}
	 
	 .trainingmatrix {font-size: 13px; line-height: 14px;}

	}
	

	
/* ---------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------*/
/* Mobile Styles
---------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------------------------------------*/

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

.header-container { position:relative; }
.header-image { margin-top:0px; }
	 
.col-50-offers-image { width:100%; padding: 20px; }
.col-50-offers-text { width:100%; padding: 20px; }
	 
.header-heading{font-size: 15px; line-height:12px; letter-spacing: 0;}
	 
	 .text-block-inner { padding: 5% 0 5% 0; }
	 
	 .image-grid-inner {padding: 5% 0 5% 0;}

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

/* Navigation*/

.navigation { padding:30px 0px 0px 0px !important;}

h1 { font-size: 30px; line-height:25px; }

h3 { font-size: 20px; line-height:24px;  }

img.alignleft {float:none; width:100%; }
img.alignright {float:none; width:100%; }

.large img{ width: 150px; height: auto; }
.small img{ width: 150px; height: auto; }

.pad-a { padding: 20px !important; }

.opening-logo img { width:250px;}


.wrapper-50 { width:100%; }

.col-33 { float:none !important; width:100% !important; padding: 20px 0px 0px 0px !important; }
.col-50 { float:none !important; width:100% !important; padding: 20px 10px 20px 20px !important; }
.col-66 { float:none !important; width:100% !important; padding: 0px 0 20px 0 !important; }

.col-33-offers { float:none !important; width:100% !important; padding: 20px 0px 0px 0px !important; }
.col-66-offers { float:none !important; width:100% !important; padding: 0px 0 20px 0 !important; }

.text-left { float:none !important; width:100% !important; }
.text-right { float:none !important; width:100% !important; }
.image-left { float:none !important; width:100% !important; }
.image-right { float:none !important; width:100% !important; }

#about-quote-box { height: 150px; padding: 0 20px 0 20px; }
#about-quote-box h2 { font-size:20px; line-height:24px; }

.footer-sector-box-title { padding:15px 15px 0 15px;  }
.ct-sector-box-title { padding:15px 15px 0 15px;  }

.cs-box { width:100%; }

.offers-wrapper { padding-bottom:0px; }

.cat-header-image { height: 145px;}
h2.page-title { position:absolute; bottom: 10px !important; right:20px; font-size:30px; }

.splash {position:fixed; top:120px; right:40px; z-index: 1; }
.splash img {width:120px; height:auto;}
	 
	.text-block-left-column {width:100%; height:auto; border:none; display:block; margin-bottom:0;}
.text-block-right-column {width:100%; height:auto; border:none; display:block; margin-bottom:5%;}
	 
	 .image-grid-block {width:100%; display:block; margin-bottom:5%;}
	 
	 	.image-grid-block:nth-last-child(2) {
  margin-bottom:4%;
}

	}
	

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

.sector-box { width:100%; }


.footer-sector-box { width:100%; }

.ct-sector-box { width:100%; }

.navigation { padding:20px 0px 0px 0px;
	}
 
 
}