@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
/* general START */

body {
    font-family: 'Poppins', sans-serif;
    line-height: 1.8;
}
/*EFFECT*/
.productItemContent, .caseItem a .caseInfo, .blockBtn, .blockBtn svg, .blockBtn svg path, .crumbs li span, .crumbs li span svg path, button, .mainNav li a svg.navArrow path, input {
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

/*EFFECT*/
a {
    color: #2b3942;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
    text-decoration: none;
}
a:hover {
    color: #2b3942;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	font-size: 32px;
	letter-spacing: -1px;
	line-height: 38px;
}
.blue {
	background-color: #154366;	
}
.red {
	background-color: #e72157;	
}

.sectionPadding {
    padding-top: 80px;
    padding-bottom: 80px;
}
.sectionPadding.halfTop {
    padding-top: 40px;
}
.sectionPadding.halfBottom {
    padding-bottom: 40px;
}
.sectionPadding.noTop {
    padding-top: 0px;
}
.sectionPadding.noBottom {
    padding-bottom: 0px;
}

.sectionPaddingSM {
    padding-top: 80px;
    padding-bottom: 80px;
}

.textSection h2 {
    font-size: 1.5rem;
}

.textSectionDivider {
    height: 50px;
}

.dark-blue-bck,
a.button.dark-blue-bck {
    background-color: #154366;
    color: #fff;
}

.button,
a.button,
a:not([href]):not([tabindex]).button {
    font-weight:bold;
    padding: 8px 16px;
    background-color: #e72157;
    color: #fff;
    border-bottom: 0px solid transparent;
    border-radius:40px;;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
}

.button:hover,
a.button:hover,
a:not([href]):not([tabindex]).button:hover {
    background-color: #154366;
    color: #fff;
    border-bottom: 0px solid transparent;
}

.arrow-button {
    display: flex;
    color: #FFFFFF;
    background-color: #e72157;
    padding: 10px 24px;
    border-radius: 30px;
    transition: all .3s ease;
    font-weight: bold;
    cursor: pointer;
    align-items: center;
    font-size: 14px;
}

.arrow-button > .arrow {
    width: 6px;
    height: 6px;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    position: relative;
    transform: rotate(-45deg);
    margin: 0 6px;
    transition: all .3s ease;
}

.arrow-button > .arrow::before {
    display: block;
    background-color: currentColor;
    width: 3px;
    transform-origin: bottom right;
    height: 1px;
    position: absolute;
    opacity: 0;
    bottom: calc(-1px / 2);
    transform: rotate(45deg);
    transition: all .3s ease;
    content: "";
    right: 0;
}

.arrow-button:hover > .arrow {
    transform: rotate(-45deg) translate(4px, 4px);
    border-color: text-hover-color;
}

.arrow-button:hover > .arrow::before {
    opacity: 1;
    width: 8px;
}

.arrow-button:hover {
    background-color: #154366;
    color: #fff;
}

.light-blue-background {
    background-color:#e3e9ec;
}

.dark-blue-background {
    background-color:#0e3151;
}

.grey-background-2 {
    background-color:#e1e1e1;
}

.magenta-background {
    background-color: #e72157;
    color:#fff;
}

.magenta-background.translucent {
    background-color:rgba(231, 33, 87, 1);
    color:#fff;
}

.dark-blue-background p,
.dark-blue-background li,
.dark-blue-background a,
.dark-blue-background h1,
.dark-blue-background h2,
.dark-blue-background h3,
.dark-blue-background h4,
.dark-blue-background h5 {
    color:#fff;
}

.homepage-banner {
    background-color: grey;
    background-image: url('/img/homepagevideo.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.homepage-banner-inner {
    padding-top: 300px;
    padding-bottom: 300px;
    background-image: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));
}

.homepage-banner h1 {
    color: #fff;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
                 0px 8px 13px rgba(0,0,0,0.1),
                 0px 18px 23px rgba(0,0,0,0.1);
}

.homepage-banner-video-inner p {
    font-size:1rem;;
}

.homepage-banner-video-inner h1 {
    color:#000;
}

.homepage-banner-video-inner h1 span {
    color:  #e72157;
}

.homepage-banner-video-inner {
    padding-top: 60px;
    padding-bottom: 60px;
}

.homepage-banner-video {
    position: absolute;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(110deg, rgba(0,0,0,0.8) 40%, rgba(0,0,0,0) 100%);
    display: flex;
    align-items: center;;
}

/* Picture Boxes */

.box-row {
    display:flex;
    flex-direction:column;
    margin: 0px -5px 0px -5px;
}

.staggered-box {
    padding:5px;
}

.staggered-box:first-child {
    margin-top:-215px;
    margin-top:-107.5px;
}

#home .staggered-box:first-child {
    margin-top:0px;
}

.staggered-box-container {
    padding-top: 5px;
    padding-bottom: 5px;
}

.picture-box {
    border-bottom: 0px;
}

.picture-box:hover  {
    border-bottom: 0px;
}

.picture-box .arrow-button,
.outlines.arrow-button,
.staggered-inner .arrow-button {
    background-color: transparent;
    border: 1px solid #fff;
}

.picture-box .arrow-button:hover,
.outlines.arrow-button:hover {
    background-color: #154366;
    border: 1px solid #154366;
}

.box {
    height: 380px;
    background-image: url('/img/boximage.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width:100%;
}

.box-inner {
    height: 100%;
    padding: 25px;
    background-image: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.box h2, .box p {
    color: #fff;
}

.box h2 {
	margin-bottom: 10px;
	font-size: 37px;
	line-height: 42px;
}

.box-inner p {
    font-size: 0.875rem;
}

.centredSection {

}

.centredSection .colLeft p {
    opacity: 0.25;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 0px;
}

/* Full width image with text box */

.box-padding {
    padding: 20px;
}

.overlapBox {
    margin-top: -50px;
}

.body-text p:last-child {
    margin-bottom: 0px;
}

/* Footer */

footer .footer-inner {
    padding-top: 120px;
    padding-bottom: 120px;
}

footer p,
footer li,
footer a {
    font-size: 0.875rem;
}

footer h2 {
	font-weight: 600;
	font-size: 1.2rem;
	margin-bottom: 1.5rem;
	letter-spacing: normal;
}


footer .footer-links {
    margin-bottom: 45px;
}

.contact-no span {
    display: inline-block;
    font-weight: 700;
    width: 20px;
}

.accreds {
    display: flex;
    flex-wrap: wrap;
}

.accreds-wrap {
    padding-top: 120px;
    padding-bottom: 120px;
}

.accreds li {
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.accreds li:last-child {
    margin-bottom: 0px;
}

.accreds li img {
    height: 110px;
}

.customer-section {
    padding-top: 120px;
    padding-bottom: 120px;
}

.customers .slick-arrow {
  position: absolute;
  top: 50%;
  margin: -20px 0px 0px 0px;
  z-index: 10;
  font-size: 0;
  width: 30px;
  height: 30px;
  border:1px solid black;
  border-radius: 30px;
}

.customers .slick-arrow.slick-prev {
  left: 0;
  padding: 10px;
  background: url("https://img.icons8.com/ios/50/000000/long-arrow-left.png") 0
    0 / 100% no-repeat;
  background-color: #fff;
  background-size: 80%;
  background-position: center;
}
.customers .slick-arrow.slick-next {
    padding: 10px;
  right: 0;
  background: url("https://img.icons8.com/ios/50/000000/long-arrow-right.png") 0 0 / 100% no-repeat;
  background-color: #fff;
  background-size: 80%;
  background-position: center;
}

.customers .slick-prev::before {
  content:none;
  font-size: 0;
}

.customers .slick-next::before {
  content:none;
  font-size: 0;
}

/* the slides */
.customers .slick-slide {
    margin: 25px 40px;
}
/* the parent */
.customers .slick-list {
    margin: 0 40px;
}

/**/

.topsellersslider .slick-list {
    border-right: 1px solid #fff;
}

.topsellersslider .slick-slide {
}

.topsellersslider.slick-slider {
}

/*
.topsellersslider .slick-arrow {
  position: absolute;
  top: -135px;
  margin: -20px 0px 0px 0px;
  z-index: 10;
  font-size: 0;
  width: 30px;
  height: 30px;
  border:1px solid black;
  border-radius: 30px;
}

.topsellersslider .slick-arrow.slick-prev {
  left: calc(50% - 150px);
  padding: 10px;
  background: url("https://img.icons8.com/ios/50/000000/long-arrow-left.png") 0
    0 / 100% no-repeat;
  background-size: 80%;
  background-position: center;
}
.topsellersslider .slick-arrow.slick-next {
    padding: 10px;
  right: calc(50% - 150px);
  background: url("https://img.icons8.com/ios/50/000000/long-arrow-right.png") 0 0 / 100% no-repeat;
  background-size: 80%;
  background-position: center;
}
/*

/**/

.productsslider .slick-slide {
    margin:5px;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.productsslider.slick-slider {
    margin:-5px;
}

.productsslider .slick-slide:not(.slick-current) {
	/* [disabled]opacity: 0.8; */
}

/*
.productsslider .slick-arrow {
	position: absolute;
	top: 50%;
	margin: -20px 0px 0px 0px;
	z-index: 10;
	font-size: 0;
	width: 30px;
	height: 30px;
	border: 1px solid black;
	border-radius: 30px;
	background-color: rgba(255,255,255,0.50);
}

.productsslider .slick-arrow.slick-prev {
  left: calc(50% - 150px);
  padding: 10px;
  background: url("https://img.icons8.com/ios/50/000000/long-arrow-left.png") 0
    0 / 100% no-repeat;
  background-size: 80%;
  background-position: center;
}
.productsslider .slick-arrow.slick-next {
    padding: 10px;
  right: calc(50% - 150px);
  background: url("https://img.icons8.com/ios/50/000000/long-arrow-right.png") 0 0 / 100% no-repeat;
  background-size: 80%;
  background-position: center;
}
*/

.productCarousel {
  height: 480px;
  background-image: url('/img/cdbplacesquare.jpg');
  background-size: cover;
  background-position: center center;

}

.productCarouselInner {
    height: 100%;
    padding: 40px;
    background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;;
    color:#fff;
    transition: all 0.2s ease;
}

.productCarouselInner:hover {
}

.topSeller {
	text-align: center;
}

.topSeller span {
    display: block;
    font-weight: bold;
    opacity: 0.4;
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 1.5;
}

.topSeller h3 {
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 0rem;
}

.topSeller h4 {
    font-weight: bold;
    letter-spacing: -0.075rem;
    margin-bottom: 1.5rem;
}

/**/

.casestudiesslider .slick-slide {
    margin:5px;
}

.casestudiesslider.slick-slider {
    margin:-5px;
}

.casestudiesslider .slick-slide:not(.slick-current) {
   opacity: 0.5;
}

.casestudiesslider .slick-arrow {
  position: absolute;
  top: -20px;
  margin: -20px 0px 0px 0px;
  z-index: 10;
  font-size: 0;
  width: 30px;
  height: 30px;
  border:1px solid black;
  border-radius: 30px;
}

.casestudiesslider .slick-arrow.slick-prev {
  left: 5px;
  padding: 10px;
  background: url("https://img.icons8.com/ios/50/000000/long-arrow-left.png") 0
    0 / 100% no-repeat;
  background-size: 80%;
  background-position: center;
}
.casestudiesslider .slick-arrow.slick-next {
  padding: 10px;
  right: calc(100% - 75px);
  background: url("https://img.icons8.com/ios/50/000000/long-arrow-right.png") 0 0 / 100% no-repeat;
  background-size: 80%;
  background-position: center;
}

.casestudiesCarousel {
  height: 360px;
  background-color:#15375C;
  background-image: url('/img/cdbplacesquare.jpg');
  background-size: cover;
  background-position: center center;

}

.casestudiesCarouselInner {
    height: 100%;
    padding: 30px;
    background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color:#fff;
    transition: all 0.2s ease;
}

.casestudiesCarouselInner h3 {
    font-size: 1.2rem;
    font-weight: bold;;
}

.casestudiesCarouselInner h4 {
    font-size: 1rem;
}

/**/

.testimonialsslider .testimonialInner {
    padding: 0rem 0.75rem;
    text-align: center;
}

.testimonialsslider .testimonialContent {
    margin: 0 auto;
}

.testimonialsslider .slick-dots {
    padding-left: 0px;
    font-size: 0;
    border: 0px;
    margin-left: auto;
    margin-right: auto;
    display: inline-flex;
    width: 100%;
    justify-content: center;
}

.testimonialsslider .slick-dots {
    font-size: 0;
    border: 0px;
}

.testimonialsslider .slick-dots li {
    opacity: 0.3
}

.testimonialsslider .slick-dots li.slick-active {
    opacity: 1;
}

.testimonialsslider .slick-dots li {
    margin-left: 5px;
    margin-right: 5px;
}

.testimonialsslider .slick-dots button {
    width: 20px;
    height: 20px;
    border-radius: 15px;
    font-size: 0;
    background-color: #fff;
    border: 0px;
}

.testimonialsslider .slick-slide {
    opacity: 0.2;
}

.testimonialsslider .slick-slide.slick-active {
    opacity: 1;
}

/* Single Slider */

.singleslider {
    font-size: 0;
}

.singleslider .slick-track {
    margin-bottom: 0px;
}

.singleslider .slick-arrow {
  position: absolute;
  top: calc(50% + 5px);
  margin: -20px 0px 0px 0px;
  z-index: 10;
  font-size: 0;
  width: 30px;
  height: 30px;
  border:1px solid white;
  border-radius: 30px;
}

.singleslider .slick-arrow.slick-prev {
  left: 15px;
  padding: 10px;
  background: url("/img/long-arrow-left-white.png") 0
    0 / 100% no-repeat;
  background-size: 80%;
  background-position: center;
}
.singleslider .slick-arrow.slick-next {
  padding: 10px;
  right:15px;
  background: url("/img/long-arrow-right-white.png") 0 0 / 100% no-repeat;
  background-size: 80%;
  background-position: center;
}

/**.accreds li:first-child img {
    margin-top: 0rem;
}

.accreds li:last-child img {
    margin-bottom: 0rem;
}**/


.social-icon {
    background-color: #0060ad;
    display: inline-block;
    width: 40px;
    border-bottom: 0px solid transparent;
    transition: all 0.2s ease;
    border-radius: 50%;
}

.social-icon {
    margin-right: 0.5rem;
}

.social-icon:hover {
    background-color: #e72157;
    border-bottom: 0px solid transparent;
}

/* Service Header */

.serviceHeader {
    padding-top:200px;
    padding-bottom:100px;
    background-image: url('/img/cdblogoback.png');
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: bottom right;
    background-color: #e1e1e1;
}

.serviceImage {
    margin-top: -50px;
    height:420px;
    background-image: url('/img/installboximage.jpg');
    background-repeat: no-repeat;
    background-size: cover;clip-path: polygon(0 0, 50% 0, 50% 50px, 100% 50px, 100% 100%, 50% 100%, 50% calc(100% - 50px), 0 calc(100% - 50px));
}

.defaultHeader {
	padding-top: 80px;
	/* [disabled]background-image: url('/img/cdblogoback.png'); */
	background-repeat: no-repeat;
	background-size: 60%;
	background-position: bottom right;
	/* [disabled]background-color: #e1e1e1; */
	position: relative;
}

#serviceLanding .defaultHeader .introText {
    margin-bottom: 160px;
}

.defaultHeader.cutOut {
    clip-path: polygon(0 0, 50% 0, 50% 0px, 100% 0px, 100% 100%, 50% 100%, 50% calc(100% - 50px), 0 calc(100% - 50px));
}

.defaultHeader .introText {
    margin-bottom: 120px;
}

.header-margin {
    margin-top: -50px
}

.cutOutMargin {
    margin-top: -50px
}

/* Case Study Header */

.caseStudiesHeader {
    padding-top:120px;
    background-image: url('/img/cdblogoback.png');
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: bottom right;
    background-color: #e1e1e1;
}

.caseStudiesImage {
    height:420px;
    background-image: url('/img/installboximage.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    clip-path: polygon(0 0, 50% 0, 50% 0px, 100% 0px, 100% 100%, 50% 100%, 50% calc(100% - 50px), 0 calc(100% - 50px));
    clip-path: polygon(0 0, 50% 0, 100% 0, 100% calc(100% - 50px), 50% calc(100% - 50px), 50% 100%, 0 100%);

}

.caseIntroBox p:last-child {
    margin-bottom: 0px;
}

.caseStudiesHeader h1 {
    font-size: 2rem;
    margin-bottom: 2rem;
}

.caseIntroBox {
    position: relative;
    z-index: 1;
    margin-bottom: -25px;
    padding: 16px;
    font-size: 0.875rem;
}

.caseIntroBox ul {
    padding-left: 1rem;
}

.caseIntroBox :last-of-type {
    padding-bottom:0px;
    margin-bottom: 0px;
}

/* Icon Styling */

.iconWrap {
    padding:15px 30px;
    text-align: center;
}

.iconRow {
    flex-direction: column;
}

.iconWrap h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0px;
}

.iconRow .iconWrap:first-child {
    padding-top: 0rem;
}

.iconRow .iconWrap:last-child {
    padding-bottom: 0rem;
}

.iconImage {
    max-width: 100%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.videoContainer {
  position: relative;
  font-size: 0;
}

video {
  width: 100%;
  height: auto;
}

.videoContainer .videoControls {
  position: absolute;
  right: 20px;
  z-index: 1;
  bottom: 20px;
}

.videoControls button {
  margin: 0px;
  padding: 0px;
  border: 1px solid rgba(255,255,255,1.00);
  width: 30px;
  border-radius: 50%;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
  background-color: transparent;
  text-indent: -3000px;
}

.videoControls button.play {
	background-image: url(/img/stop.png);
    margin-right: 5px;
}
.videoControls button.play.on {
	background-image: url(/img/play.png);
}
.videoControls button.mute {
	background-image: url(/img/soundoff.png);
}
.videoControls button.mute.on {
	background-image: url(/img/soundon.png);
}

/* 404 Page */

.pageErrorBanner {
    margin-top:93px;
    padding-top:120px;
    padding-bottom: 200px;
}

.textAndImageSection {
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


form #industry,
form #products {
	width: 100%;
	padding: 8px 10px;
	border: 0px solid #000;
	border-radius: 0px;
	background-color: #fff;
	color: #000;
	max-width: 645px;
	margin-top: 20px;
}

form label {
    width: 100%;
    margin-bottom: 12px;
}
.videoWrap {
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: -1;
	line-height: 0px;
	margin-top: 93px;
}
.videoOverWrap {
	color: #FFFFFF;
	position: relative;
	margin-top: -50px;
	margin-bottom: 5px;
}

.whiteWrap {
	background-color: #FFFFFF;
	/* [disabled]padding-top: 7px; */
}

.t {
	display: table;
	width: 100%;
	height: 100%;
}
.c {
	display: table-cell;
	vertical-align: middle;
}
.c.b {
	vertical-align: bottom;
}

.vidText h1 span, .vidText h1 strong {
	color: #e72157;
}
.vidText h1 {
	line-height: 42px;
	font-size: 37px;
}
.vidText button {
	border-style: none;
}

.vidText {
	padding: 60px 25px;
	background-color: #0e3151;
}
#home {
	position: relative;
}
.textOverImg {
	position: relative;
}
.overText {
	top: 0px;
	left: 0px;
	width: 100%;
}
.overTextContainer {
	padding: 45px 13px;
}
.overTextWrap {
	background-color: #e72157;
	padding: 80px 0px;
	color: #FFFFFF;
}
.grey {
	background-color: #ededed;
}
.productItem {
	position: relative;
}
.productItemContent {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 1;
	padding: 30px 20px;
	color: #FFFFFF;
	text-align: center;
	height: 100%;
	background-image: linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.50));
	border-bottom: 7px solid rgba(0,0,0,0.50);
}
.productsslider a:hover .productItemContent {
	border-bottom-color: rgba(231,33,87,1.00);
}
.productsslider a:hover {
	border-bottom-style: none;
}
.custom-slick img {
	width: 30px;
	height: 30px;
}
.custom-slick svg {
	width: 30px;
	height: 30px;
}
.custom-slick {
	width: 30px;
	border-radius: 50%;
	height: 30px;
	margin-top: -15px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border: 1px solid #FFFFFF;
	position: absolute;
	top: 50%;
	z-index: 2;
	line-height: normal;
	background-color: transparent;
}
.custom-slick svg path {
	fill: #ffffff;
}
.custom-slick.prev {
	left: 20px;
}
.custom-slick.next {
	right: 20px;
}

.topsellersslider .custom-slick {
	border: 1px solid #000000;
}
.topsellersslider .custom-slick svg path {
	fill: #000000;
}
.casestudiesList {
	margin: -5px;
	font-size: 0px;
}
.caseItem {
	font-size: 15px;
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
.caseItem a {
	position: relative;
	color: rgba(255,255,255,1.00);
	margin: 5px;
	display: block;
}
.caseItem a .caseInfo {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	padding: 20px 30px;
	z-index: 1;
	background-image: linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.50));
	border-bottom: 7px solid rgba(0,0,0,0.50);
}
.caseItem a:hover .caseInfo {
	border-bottom: 7px solid #e72157;
}
.caseItem a .caseInfo span {
	display: block;
}
.caseTitle {
	font-size: 18px;
	font-weight: 500;
	line-height: 23px;
}
.caseSub {
	font-size: 14px;
	color: rgba(255,255,255,0.80);
}
.rightButton {
	margin-bottom: 8px;
	margin-top: 20px;
}
.rightButtonHeading {
	font-size: 0px;
	margin-bottom: 30px;
}
.headingCol {
	font-size: 1rem;
	display: inline-block;
	vertical-align: bottom;
}
.headingCol p {
	padding: 0px;
	margin: 0px;
}
.headingCol.leftCol {
	width: 100%;
}
.headingCol.rightCol {
	width: 100%;
}
.box.picture-box:hover .arrow-button,
.staggered-box a:hover .arrow-button {
	background-color: #154366;
border: 1px solid #154366;
}
.box.picture-box:hover .arrow-button > .arrow::before {
  opacity: 1;
  width: 8px;
}
.headingIntroBlock p {
	font-size: 18px;
	color: rgba(0,0,0,0.30);
	margin-top: 15px;
}
section.feature .topSeller h3 {
	font-size: 24px;
	letter-spacing: normal;
	line-height: 28px;
}
section.feature .topSeller h4 {
	font-size: 20px;
	letter-spacing: normal;
	line-height: 28px;
}
section.feature .topSeller a:hover {
	border-style: none;
	border-color: transparent;
}
section.feature .productItemContent h3 {
	font-size: 22px;
	letter-spacing: normal;
	line-height: 28px;
}
.overRed h2 {
	margin-bottom: 20px;
}
.caseItem a:hover {
	border-bottom-style: none;
}
.staggered-box a {
	display: block;
	position: relative;
	color: #FFFFFF;
	font-size: 22px;
	line-height: 28px;
	font-weight: 600;
}
.staggered-inner {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 40px;
	background-image: linear-gradient(rgba(0,0,0,0.00), rgba(0,0,0,0.50));
}
.staggered-inner .innerTitle {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.blockBtn {
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
	border-radius: 100px;
	padding: 6px 20px;
	border: 1px solid #000000;
	color: #000000;
	line-height: normal;
	background-color: transparent;
	margin-bottom: 5px;
}
.blockBtn:hover {
	padding-right: 15px;
	background-color: #154366;
	color: #FFFFFF;
	border-color: #154366;
}
.blockBtn svg {
	height: 10px;
	margin-left: 5px;
}
.blockBtn:hover svg {
	margin-left: 10px;
}
.blockBtn:hover svg path {
	fill: #ffffff;
}
.blockBtn.red {
	border: 1px solid #e72157;
	background-color: #e72157;
	color: #FFFFFF;
}
.blockBtn.red:hover {
	border: 1px solid #154366;
	background-color: #154366;
}
.blockBtn.red svg path {
	fill: #ffffff;
}
.blockBtn.blue {
	border: 1px solid #154366;
	background-color: #154366;
	color: #FFFFFF;
}
.blockBtn.blue:hover {
	border: 1px solid #e72157;
	background-color: #e72157;
}
.blockBtn.blue svg path {
	fill: #ffffff;
}
.blockBtn.white {
	border: 1px solid #ffffff;
	background-color: transparent;
	color: #FFFFFF;
}
.blockBtn.white:hover {
	border: 1px solid #154366;
	background-color: #154366;
}
.blockBtn.white svg path {
	fill: #ffffff;
}
.staggered-box a:hover .blockBtn {
	border: 1px solid #154366;
	background-color: #154366;
	padding-right: 15px;
}
.staggered-box a:hover .blockBtn svg {
	margin-left: 10px;
}
.defaultHeader h1, .defaultHeader h3 {
	font-size: 37px;
	line-height: 42px;
}
.pageHead {
	padding-bottom: 120px;
}
.crumbs {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	font-size: 0px;
}
.crumbs li {
	display: inline-block;
	font-size: 12px;
	color: rgba(0,0,0,0.50);
	vertical-align: middle;
}
.crumbs li a {
	display: inline-block;
	color: rgba(0,0,0,0.50);
}
.crumbs li:after {
	margin: 0px 5px;
	content: "/";
	display: inline-block;
	color: rgba(0,0,0,0.20);
}
.crumbs li:last-child:after {
	margin: 0px;
	content: "";
}
.crumbs li a:hover {
	color: #e72157;
	text-decoration: none;
}
.crumbsWrap {
	padding-top: 180px;
	/* [disabled]background-color: #e1e1e1; */
}
.defaultHeader.atTop {
	padding-top: 15px;
}
.defaultHeader.productHeader .pageHead {
	padding-bottom: 50px;
}
.logoBack {
	background-color: #e1e1e1;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 50% auto;
}
.overRed ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 14px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
}
section.productOver {
	display: table;
	width: 100%;
}
section.productOver .overText {
	display: table-footer-group;
	z-index: 1;
}
section.textSection p, section.textSection ul, section.textSection ol {
	font-size: 14px;
}
section.textSection ul, section.textSection ol   {
	padding-left: 14px;
}
section.textSection h1, section.textSection h2, section.textSection h3, section.textSection h4, section.textSection h5, section.textSection h6 {
	line-height: 28px;
	font-size: 18px;
	letter-spacing: normal;
}

section.textSection .colHeading{
	font-size: 32px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	line-height: 38px;
}
section.productHalf {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 80px;
}
.productHalfLeft {
	background-color: #154366;
	padding-top: 80px;
	padding-bottom: 80px;
	color: #FFFFFF;
	position: relative;
}
.productHalfRight {
	padding-top: 80px;
}
.colPadding {
	padding: 0px 12px;
}
section.productOver:after {
	width: 25%;
	height: 50px;
	position: absolute;
	right: 0px;
	content: '';
	bottom: 0px;
	z-index: 2;
	background-color: #154366;
}
section.productOver.none:after {
	width: 0px;
	height: 0px;
}
.productHalfLeft:after {
	width: 25%;
	height: 50px;
	position: absolute;
	right: 0px;
	content: '';
	bottom: 0px;
	z-index: 2;
	background-color: #ffffff;
}
.imgBlockPadding {
	margin: 5px;
}
.downloads {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	font-size: 0px;
}
.downloads li {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	width: 100%;
	line-height: 20px;
}
.downloads li a {
	margin: 5px;
	background-color: #154366;
	display: block;
	padding-top: 15px;
	padding-right: 45px;
	padding-left: 20px;
	padding-bottom: 15px;
	position: relative;
	color: #FFFFFF;
}
.downloads li a span {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 1px solid #FFFFFF;
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 13px;
	right: 15px;
}
.downloads li a span svg {
	height: 15px;
}
.downloads li a span svg path {
	fill: #ffffff;
}
.downloads li a:hover {
	background-color: #e72157;
}
section.pageHasContent {
	padding-top: 100px;
}
.maxText {
	margin: 0px auto;
	max-width: 780px;
}
section.singleCol {
	background-color: #154366;
	color: #FFFFFF;
}
.blockBtn.prodIntroButton {
	display: none;
}
section.contactStrip {
	background-color: #212529;
	color: #FFFFFF;
}
section.contactStrip h3 {
	margin-bottom: 30px;
}
section.contactStrip .blockBtn:hover {
	background-color: transparent;
	border-color: #FFFFFF;
}
section.dwn {
	position: relative;
}
.modal {
	background-color: rgba(0,0,0,0.60);
}
.modal-content {
	background-color: transparent;
	border-radius: 0px;
	border-style: none;
}
.modal-header {
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 15px;
	border-style: none;
}
.modal-body {
	padding: 0px 10px;
}
.modal-dialog {
	max-width: 850px;
}
.modalInner {
	padding: 40px;
	background-color: #FFFFFF;
}
#videoModal .modalInner {
	padding: 0px;
	line-height: 0;
}
#videoModal .modalInner video {
}
#videoModal .modal-dialog {
	max-width: 1440px;
}
.crumbs li span {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,0.30);
	display: block;
	margin-top: 3px;
}
.crumbs li button {
	background-color: transparent;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
.crumbs li span svg {
	margin-top: -5px;
}
.crumbs li span svg path {
	fill: rgba(0,0,0,0.70);
}
.crumbs li a:hover span {
	border-color: #e72157;
}
.crumbs li a:hover span svg path {
	fill: #e72157;
}
.crumbs li:nth-last-child(2) {
	display: none;
}
.defaultHeader.normalHeader .pageHead {
	padding-bottom: 50px;
}
section.fullImg:after {
	width: 50%;
	height: 30px;
	position: absolute;
	right: 0px;
	content: '';
	bottom: 0px;
	z-index: 2;
	background-color: #ffffff;
}
.listItems {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	font-size: 0px;
}
.listItems li {
	display: inline-block;
	width: 100%;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	padding: 0px 20px;
	font-size: 14px;
	max-width: 350px;
	vertical-align: top;
}
.listItems li span {
	display: block;
}
.listItems li span.head {
	font-size: 21px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: 28px;
}
.listItems li img {
	height: 50px;
	margin-bottom: 15px;
}
.sliderButton {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 1px solid #FFFFFF;
	display: block;
}
.sliderButton svg {
	width: 40px;
	margin-top: 5px;
}
.sliderButton svg path {
	fill: #ffffff;
}
section.normalHeader p {
	margin-top: 20px;
	max-width: 725px;
}
section.blue, section.red {
	color: #FFFFFF;
}
section.blue .headingIntroBlock p, section.red .headingIntroBlock p {
	color: rgba(255,255,255,0.60);
}
p a, section.blue p a, section.red p a {
	text-decoration: underline;
}
p a:hover {
	color: rgba(33,37,41,0.50);
	text-decoration: underline;
}
section.blue p a, section.red p a {
	color: rgba(255,255,255,1.00);
}
section.blue p a:hover, section.red p a:hover {
	color: rgba(255,255,255,0.70);
}
section.twoCols p, section.twoCols ul, section.twoCols ol {
	font-size: 14px;
}
section.twoCols ul, section.twoCols ol {
	padding-left: 14px;
}
section.twoCols .headingIntroBlock p {
	font-size: 18px;
}
section.imgSlider.noLines:before, section.imgSlider.noLines:after {
	width: 0px;
	height: 0px;
}
.listBlock ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	font-size: 0px;
}
.listBlock ul li {
	display: inline-block;
	font-size: 16px;
	width: 100%;
	padding-top: 40px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
	vertical-align: top;
	line-height: 22px;
	background-image: url(../img/down_icon.svg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 30px auto;
	margin: 0px auto;
	max-width: 350px;
}
.listBlock {
	margin-top: 40px;
}
.innerSmall {
	font-size: 13px;
	display: block;
	font-weight: 300;
	margin-bottom: 20px;
}
.innerTitle.withSmall {
	margin-bottom: 0px;
}
.paging {
	padding: 20px 0px;
	margin-top: 50px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	border-color: #E1E1E1;
	border-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	text-align: center;
}
.paging ul {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	list-style-type: none;
}
.paging ul li {
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
}
.paging ul li a {
	width: 35px;
	height: 35px;
	display: block;
	border-radius: 50%;
	border: 1px solid #000000;
	opacity: 0.3;
}
.paging ul li a:hover {
	opacity: 1;
}
.paging ul li.pag_prev {
	margin-right: 10px;
}
.paging ul li.pag_next {
	margin-left: 10px;
}
.crumbs.noHide li:nth-last-child(2) {
	display: inline-block;
}
.caseFeatures {
	padding: 0px;
	margin: -25px 0px;
	list-style-type: none;
	font-size: 0px;
	text-align: center;
}
.caseFeatures li {
	display: inline-block;
	font-size: 15px;
	width: 100%;
	text-align: center;
	margin: 25px 0px;
	vertical-align: top;
}
.caseFeatures li img {
	height: 50px;
}
.caseFeatures li span {
	padding: 0px 20px;
	display: block;
}
.caseFeatures li span.detailTitle {
	font-weight: 600;
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 5px;
	line-height: 28px;
}
section.case:after {
	width: 50%;
	height: 30px;
	position: absolute;
	right: 0px;
	content: '';
	bottom: 0px;
	z-index: 2;
	background-color: #ffffff;
}
section.caseList {
	padding: 80px 0px;
}
.textOverImg.productOver.productTop , .fullImg.fullTop{
	position: relative;
	margin-top: -98px;
}
.bigLogo ul {
	padding: 0px;
	margin: -10px;
	list-style-type: none;
	font-size: 0px;
}
.bigLogo ul li {
	font-size: 12px;
	display: inline-block;
	padding: 10px;
	width: 33.333%;
}
.staggered-box.not-staggered:nth-child(2n+1) {
	margin-top: 0px;
}
.staggered-box.not-staggered:first-child {
	margin-top: 0px;
}
.textLogos {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	font-size: 0px;
}
.textLogos li {
	font-size: 14px;
	width: 33.3333%;
	padding: 10px;
	display: inline-block;
}
section.twoCols ul.textLogos {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 30px;
	margin: -10px;
	font-size: 0px;
}
section.feature .colRight h1, section.feature .colRight h2, section.feature .colRight h3, section.feature .colRight h4, section.feature .colRight h5, section.feature .colRight h6 {
	line-height: 28px;
	font-size: 18px;
	letter-spacing: normal;
}
.productBlockItem {
	background-color: #0e3151;
	font-size: 0px;
	display: table;
}
.productBlock {
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
.productBlock.text {
	padding: 50px 40px;
	color: #FFFFFF;
}
.productBlock.img {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: table-footer-group;
}
.carouselHead {
	margin-bottom: 20px;
}
section.feature h2.redHead {
	font-size: 32px;
	line-height: 38px;
	letter-spacing: -1px;
}
.approvedLogo {
	padding: 0px 20px;
	max-width: 600px;
}
section.feature h2.carouselHead {
	font-size: 32px;
	line-height: 38px;
	margin-bottom: 0px;
}
.footerSocial {
	margin-top: 0px;
	margin-right: -2px;
	margin-left: -2px;
	margin-bottom: 15px;
	padding-left: 0px;
}
.footerSocial li {
	padding: 0px 2px;
	display: inline-block;
}
.footerSocial li a {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: #0060AD;
	display: block;
}
.footerSocial li a:hover {
	background-color: #e72157;
}
.footerSocial li a img {
	height: 35px;
	margin-top: -1px;
}
.pageHead.noImg {
	padding-bottom: 60px;
}
.sectionPadding.noImg {
	padding-top: 80px;
}
.contactAddress {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.contactAddress li {
}
.contactsList {
	padding: 0px;
	margin-top: 25px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	font-size: 20px;
	line-height: 28px;
	color: #0060AD;
	font-weight: 500;
}
.contactsList li a {
	color: #0060AD;
}
.contactsList li a:hover {
	color: #e72157;
}
.formItem {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
}
.formItem.sec {
	display: none;
}
.formItem label {
	margin: 0px;
}
.formItem input , .formItem textarea{
	padding: 8px 15px;
	border: 1px solid #9C9C9C;
	border-radius: 5px;
	width: 100%;
}
.allError {
	color: #FFFFFF;
	padding: 6px 15px;
	border-radius: 5px;
	background-color: #C5282B;
	margin-bottom: 25px;
}
.allError p {
	padding: 0px;
	margin: 0px;
}
.formItem.error {
	border: 1px solid #C5282B;
	padding: 10px 20px;
	border-radius: 5px;
	background-color: rgba(197,40,43,0.10);
}
.errorMessage {
	padding: 0px;
	margin: 0px;
	color: #C5282B;
	font-weight: 500;
}
form #products.fullForm {
	border-radius: 5px;
	border: 1px solid #9C9C9C;
	max-width: none;
	margin-top: 0px;
}
.formButton {
	margin-top: 25px;
}
.formButton input {
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
	border-radius: 100px;
	padding: 6px 20px;
	color: #ffffff;
	line-height: normal;
	background-color: #e72157;
	margin-bottom: 5px;
	border-style: none;
}
.formButton input:hover {
	background-color: #154366;
	color: #FFFFFF;
}
.contactRight {
	margin-top: 50px;
}
#book .modal-body {
	padding: 40px;
	background-color: #FFFFFF;
}
#book .modal-header {
	padding-left: 0px;
	padding-right: 0px;
}
.popThanks.hideShow {
	display: none;
}
.formContent.hideShow {
	display: none;
}
/*
.popUpForm .formItem input:focus-visible {
	background-color: rgba(197,40,43,0.10);
	border: 1px solid #C5282B;
}
*/

@media (min-width:400px){
.caseFeatures li {
	width: 50%;
}
}

@media (min-width:500px){
.caseFeatures li {
	width: 33.3333%;
}
.bigLogo ul li {
	width: 25%;
}
.textLogos li {
	width: 25%;
}
}

@media (min-width:576px) {
.whiteWrap {
	/* [disabled]padding-top: 6%; */
}
.overTextContainer .max {
	margin: 0px auto;
	max-width: 515px;
}
.colPadding {
	margin: 0px auto;
	padding: 0px;
	max-width: 517px;
}
.downloads li {
	width: 50%;
}
.modal-body {
	padding-right: 40px;
	padding-left: 40px;
}
.modal-header {
	padding-right: 40px;
}
.listItems li {
	width: 50%;
	max-width: none;
}
.listBlock ul li {
	max-width: none;
	width: 50%;
}
.caseFeatures li {
	width: 33.3333%;
}
}

@media (min-width:768px) {
section.fullImg:after {
	height: 70px;
}
section.feature h1, section.feature h2, section.feature h3, section.feature h4, section.feature h5, section.feature h6 {
	font-size: 45px;
	line-height: 54px;
}
    .accreds {
        flex-direction: row;
        justify-content:center;
    }

    .accreds li {
        width: auto;
    }

    .accreds li img {
        margin-top: 1rem;
        margin-bottom: 1rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .iconRow .iconWrap:first-child {
        padding-top: 15px;
    }

    .iconWrap {
        padding:15px;
    }

    .iconImage {
        height: 70px;
    }

    .iconRow {
        flex-direction: row;
    }
.overTextContainer .max {
	max-width: 700px;
}
.topSeller {
	border-right: 1px solid #efefef;
}
.defaultHeader h1, .defaultHeader h3 {
	font-size: 65px;
	line-height: 75px;
}
.pageHead {
	padding-bottom: 130px;
}
.colPadding {
	max-width: 697px;
}
section.contactStrip h3 {
	font-size: 45px;
	line-height: 54px;
}
h2.alsoHeading {
	font-size: 45px;
	line-height: 54px;
}
.pageHead.other {
	padding-bottom: 140px;
}
.listBlock ul li {
	width: 33.3333%;
	max-width: none;
}
.caseFeatures li {
	width: 33.3333%;
}
.productBlock {
	width: 50%;
	min-height: 400px;
}
.productBlock.img img {
	display: none;
}
.productBlock.text .t {
	width: 100%;
	height: 100%;
	display: table;
}
.productBlock.text .t .c {
	display: table-cell;
	vertical-align: middle;
}
.productBlockItem {
	display: block;
}
.productBlock.img {
	display: inline-block;
}
.productBlock.text {
	display: inline-block;
}
.contactRight {
	margin-top: 0px;
}
}

@media (min-width:840px) {
.custom-slick {
	margin-top: -15px;
	top: 50%;
	border: 1px solid #000000;
}
.custom-slick svg path {
	fill: #000000;
}
.custom-slick.prev {
	left: -35px;
}
.custom-slick.next {
	right: -35px;
}
}

@media (min-width:992px) {
section.productHalf {
	background: linear-gradient(90deg, #154366 50%, transparent 0%);
}
.custom-slick {
	margin-top: 15px;
	top: auto;
	bottom: 50%;
	border: 1px solid #ffffff;
}
.custom-slick svg path {
	fill: #ffffff;
}
.custom-slick.prev {
	left: 20px;
}
.custom-slick.next {
	right: 20px;
}
h1 {
	font-size: 4rem;
}
.videoWrap {
	position: fixed;
}
.accreds-wrap h2 {
	font-size: 3rem;
    }
.get-in-touch h2 {
	font-size: 4rem;
    }
    .homepage-banner-video-inner h1 {
        color:#fff;
    }
    .homepage-banner p,
    .homepage-banner-video-inner p {
        color: #fff;
    }
    .box-row {
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        margin: 0px -5px 0px -5px;
    }

    #home .box-row {
        margin-top: 5px;
    }

    .staggered-box {
        width:50%;
    }

    #home .staggered-box:first-child {
        margin-top:-107.5px;
    }

    .staggered-box:nth-child(odd) {
        margin-top:-215px;
        margin-top:-107.5px;
    }

    .box {
        height: 420px;
    }
    .box-inner {
        padding: 40px;
    }
    .box-padding {
        padding: 45px;
    }
    .fullWidthWithText {
        height:768px;
        background-image: url('/img/installationimage.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom right;
    }
    footer .social-icon {
        background-color: #0060ad;
        display: inline-block;
        width: 40px;
        border-bottom: 0px solid transparent;
        transition: all 0.2s ease;
        border-radius: 50%;
    }

    footer .social-icon {
        margin-right: 0.5rem;
    }

    footer .social-icon:hover {
        background-color: #e72157;
    }
    .accreds {
        display: flex;
        flex-direction: row;
        justify-content:center;
    }

    .accreds li img {
        height: 140px;
        /*margin-left: 1.25rem;*/
        /*margin-right: 1.25rem;*/
        margin-top: 1rem;
        margin-bottom: 1rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .topsellersslider .slick-arrow {
	/* [disabled]top: -110px; */
    }
    .productsslider .slick-arrow {
	/* [disabled]top: -105px; */
    }
    .serviceHeader {
    }

    .serviceImage {
        height:768px;
    }
    .caseStudiesHeader {
        padding-top:200px;
    }

    .caseStudiesImage {
        height:768px;
    }
    .textAndImageSection {
        height: 768px;
    }
    .videoOverWrap {
    	color: #FFFFFF;
    	margin-top: 93px;
    	height: 550px;
    	padding: 0px;
    	margin-bottom: 0px;
    	background: linear-gradient(to right, rgba(0,0,0,0.2), rgba(0,0,0,0.0));
    }
    .whiteWrap {
    	border-top: 1px solid #FFFFFF;
    	/* [disabled]padding-top: 0px; */
    }
    .vidText {
    	width: 50%;
    }
    .vidText h1 {
    	line-height: 75px;
	font-size: 65px;
    }
    .vidText {
    	padding-bottom: 90px;
    	background-color: transparent;
    	padding-top: 0px;
    	padding-right: 0px;
    	padding-left: 0px;
    }
.colRight {
	margin-top: 0px!important;
}
.sectionPadding {
    padding-top: 160px;
    padding-bottom: 160px;
}
.sectionPadding.halfTop {
    padding-top: 80px;
}
.sectionPadding.halfBottom {
    padding-bottom: 80px;
}
.overTextContainer .max {
	max-width: none;
}
.overTextContainer {
	padding: 45px;
}
.overTextWrap {
	padding: 0px;
	background-color: transparent;
}
.overRed {
	padding: 45px;
	background-color: #e72157;
	width: 65%;
}
.overText {
	position: absolute;
}
.textOverImg img {
	margin-top: 80px;
}
.textOverImg {
}
.headingCol.leftCol {
	width: 70%;
}
.headingCol.rightCol {
	width: 30%;
	text-align: right;
}
.centreTitle {
	text-align: center;
}
.defaultHeader {
	padding-top: 160px;
}
section.productOver {
	margin-top: -80px;
}
.logoBack {
	background-image: url(../img/cdblogoback.png);
}
.defaultHeader.productHeader .pageHead {
	padding-bottom: 130px;
}
section.productOver {
	display: block;
}
.productHalfLeft {
	padding-right: 4%;
	background-color: transparent;
	padding-top: 0px;
	padding-bottom: 0px;
}
.productHalfRight {
	padding-left: 4%;
	padding-top: 0px;
}
section.productHalf {
	padding-top: 80px;
}
.colContainer {
	width: 100%;
	padding-right: var(--bs-gutter-x,.75rem);
	padding-left: var(--bs-gutter-x,.75rem);
	margin-right: auto;
	margin-left: auto;
	max-width: 960px;
}
section.productOver:after {
	background-color: #FFFFFF;
	width: 50%;
}
section.productOver.spec:after {
	background-color: #154366;
}
.productHalfLeft:after {
	width: 0px;
	height: 0px;
	content: '';
}
section.imgSlider:before, section.dwn.noImages:before {
	width: 50%;
	height: 50px;
	position: absolute;
	left: 0px;
	content: '';
	top: 0px;
	z-index: 2;
	background-color: #154366;
}
section.imgSlider:after {
	width: 50%;
	height: 50px;
	position: absolute;
	right: 0px;
	content: '';
	bottom: 0px;
	z-index: 2;
	background-color: #ffffff;
}
	
section.productBlocks:before {
	width: 50%;
	height: 50px;
	position: absolute;
	left: 0px;
	content: '';
	top: 0px;
	z-index: 2;
	background-color: #154366;
}
section.productBlocks {
	position: relative;
}
section.noBefore.imgSlider:before {
	width: 0px;
	height: 00px;
	background-color: transparent;
}
	
	
section.imgSlider.none:after {
	width: 0px;
	height: 0px;
}
section.imgSlider {
	position: relative;
}
section.imgSlider.none {
	padding-bottom: 110px;
}
.downloads li {
	width: 33.3333%;
}
section.dwn {
	padding-top: 100px;
	padding-bottom: 100px;
}
section.singleCol {
	padding-top: 80px;
	padding-bottom: 80px;
}
.blockBtn.prodIntroButton {
	display: inline-block;
}
section.contactStrip {
	padding-top: 80px;
	padding-bottom: 80px;
}
section.dwn.noImages {
	padding-top: 150px;
}
.listItems li {
	width: 33.3333%;
}
#fullSlider .carousel-control-next, .carousel-control-prev {
	height: 280px;
	width: auto;
	left: auto;
	right: 40px;
}
#fullSlider .carousel-control-prev {
	right: 100px;
}
.listBlock ul li {
	width: 25%;
}
.caseFeatures li {
	width: 20%;
}
section.caseList {
	padding: 120px 0px;
}
.bigLogo ul {
	margin: -20px;
}
.bigLogo ul li {
	padding: 20px;
	width: 20%;
}
.textLogos li {
	width: 33.3333%;
}
.productBlock.text {
	padding: 60px;
}


}

@media (min-width:1180px){
.videoOverWrap {
	height: 550px;
}
}


@media (min-width:1200px) {
.colContainer {
	max-width: 1140px;
}
    .testimonialsslider .testimonialInner {
	/* [disabled]padding-left: 10%; */
	/* [disabled]padding-right:10%; */
    }
.overRed {
	width: 50%;
}
.caseItem {
	width: 33.3333%;
}
.listItems li {
	width: 25%;
}
.listBlock ul li {
	width: 20%;
}
}
@media (min-width:1270px) {
.custom-slick {
	margin-top: 15px;
	top: auto;
	bottom: 50%;
	border: 1px solid #000000;
}
.custom-slick svg path {
	fill: #000000;
}
.custom-slick.prev {
	left: -35px;
}
.custom-slick.next {
	right: -35px;
}
}
@media (min-width:1366px) {
    .defaultHeader {
        background-size: 768px;
    }
}

@media (min-width:1400px){
.colContainer {
	max-width: 1320px;
}
.caseItem {
	width: 25%;
}
.textLogos li {
	width: 25%;
}
}

@media (min-width:1500px){
.videoOverWrap {
	height: 620px;
}
}

.productGridBlock {
	height:100%;
	padding:20px 30px;
	width:100%;
	background-color: #154366;
	font-size:14px;
	line-height:1.5;
	color:#fff;
	margin-bottom:15px;
	border-bottom:7px #e72157 solid;
}

.productGridBlock h2 {
	font-size:24px;
	line-height:1.2;
	margin-bottom:10px;
}