/*
Theme Name: IWC
Theme URI: 
Description: 
Version: 1.0
Author: Eugene @ simplr.co.za
*/ 

body {font-weight: 300;    height: auto!important;} 

img, iframe {display: block;}
strong {font-weight: 400}

html {width: 100%;} /* scroll-behavior:smooth force html to be viewport width */
body {width: 100%; overflow-x: hidden!important; } /* overflow the body */

input {transition: all 0.4s ease-in-out;}

.touch .hide-touch { display: none !important; } 
.no-touch .show-touch { display: none !important; }

em.hide-touch { font-style: normal; }
em.show-touch { font-style: normal; }

.no-touch a[href^="tel"], a.no-link {
    color: inherit;
    text-decoration: none;
    cursor: text;
}

/* Helpers */
.position-relative { position: relative; }
.z-index-2 {z-index: 2}


.vidbg-container {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-size: cover;
}
.vidbg-container video {
       height: auto;
    width: 100%;
    min-height: 100%;
    max-height: calc(100vh - 100px);
    object-fit: cover;
    

}
.vidbg-overlay {
    position: absolute;
    height: 70%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    transition: opacity 0.5s ease;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3));
}




.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;
}

@media only screen and (min-width: 769px) {
    .inner-left { padding-right: 30px; }
    .inner-right {padding-left: 30px;}
}

@media only screen and (max-width: 768px) {
    .last {-ms-flex-order: 0;order: 0;}
}

.show-small { display: none!important }
@media only screen and (max-width: 768px) {
    .show-small { display: block!important }
}

.show-desktop { display: none }
@media only screen and (min-width: 769px) {
    .show-desktop { display: block }
}

.pad-top-0 {padding-top: 0px!important;}
.pad-top-10 {padding-top: 10px!important;}
.pad-top-20 {padding-top: 20px!important;}
.pad-top-30 {padding-top: 30px!important;}

.pad-bottom-0 {padding-bottom: 0px!important;}
.pad-bottom-20 {padding-bottom: 20px!important;}
.pad-bottom-30 {padding-bottom: 30px!important;}

.pad-top-0 {padding-top: 0px!important;}

.pad-bottom-less {padding-bottom: 30px;}

.mar-bottom-0 {margin-bottom: 0!important;}
.mar-top-0 {margin-top: 0!important;}
.mar-bottom-30 {margin-bottom: 30px!important;}

@media only screen and (min-width: 769px) {
    .text-desktop-right { text-align: right; }
    .pad-desktop-right {padding-right: 60px;}
    .float-right-desktop {float: right;}
    .pad-bottom-30-desktop {padding-bottom: 30px!important;}
    .pad-bottom-20-desktop {padding-bottom: 20px!important;}


}

.hidden {/* visibility: hidden; */}

.align-bottom {
    align-items: flex-end;
}

.mar-mid {margin: 0 auto;}
.pad-top-bottom {padding-top: 30px;padding-bottom: 30px;}
.pad-top {padding-top: 30px;}

/* Buttons */



/* Header */
header {background-position: center; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
header .header-inner {padding: 220px 0 30px 0; }
section {padding: 90px 0; position: relative; background: #fff}
section.pad-top-med {padding-top: 120px;}
section.mar-bottom {margin-bottom: 40px;}
section.mar-top {margin-top: 40px;}
section.section-pad {padding: 90px 60px;}
section.section-bottom-pad {padding-bottom: 180px;}

.hero-opacity {position: absolute;top:0;left: 0;right: 0;bottom: 0; background: #000}
header .container {position: relative;z-index: 999}

.hero-element {position: absolute; bottom: -1px;right: 0; width: 30%}

.green {color: #00baa8}

h5.green {margin-bottom: 10px;margin-top: 40px; font-weight: 500}
h5.green:after {content: '';position: relative;top:6px;width: 40px; height: 2px; background: #1b2a39; display: block;margin-bottom: 30px;opacity: 0.2}


.min-height-60{ min-height: 60vh;}
.min-height-70{ min-height: 70vh;}
.min-height-80{ min-height: 80vh;}

.link { font-size: 16px; line-height: 24px; color: #9e8b4e; font-size: 14px; font-weight: 500; text-decoration: none; }
.link:hover {color: #000}
.link span{ transition: all 0.6s ease; position: relative; left: 5px; font-size: 18px;top:-1px; }
.link:hover span { left: 10px; color: #000 }

.bg-light {background-color: #fff;}
.bg-light-2 {background-color: #F9F9F9;}

.bg-light-fade {background: linear-gradient(to bottom, rgba(0,0,0,0.05), rgba(0,0,0,0));}

.container {margin: 0; padding: 0 60px;width: 100%;}

.inner {max-width: 1200px; margin: 0 auto; width: 100%;}

.inner-xsmall {max-width: 460px; margin: 0 auto; width: 100%;}
.inner-xsmall2 {max-width: 600px;width: 100%;margin: 0 auto;}
.inner-xsmall3 {max-width: 500px;width: 100%;}
.inner-xsmall4 {max-width: 600px;width: 100%;}

.inner-small {max-width: 820px; width: 100%;}
.inner-narrow {max-width: 1024px; margin: 0 auto; width: 100%;}
.inner-wide {max-width: 1320px; margin: 0 auto; width: 100%;}


.max-medium {max-width: 820px;}


section .inner ul {
    list-style: none;
    padding: 0;
    margin: 20px 0 10px 0;
}
section .inner ul li {
    padding: 0 0 14px 21px;
    line-height: 1.2;
    margin: 0;
    position: relative;
}
section .inner ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    display: block;
    height: 1px;
    width: 10px;
    background-color: #00baa8;
    border-radius: 5px;
}

.logos-about {display:flex;align-items:center;flex-wrap:wrap;/* justify-content: center; */margin: 0 0 20px 0!important;/* background: #eeeeee; *//* padding: 35px 0!important; */}
.logos-about li:before {display:none!important}
.logos-about li {padding: 15px 30px 15px 0px!important;}

.pad-top-bottom {padding-top: 60px!important;padding-bottom: 45px!important;}
.pad-bottom {padding-bottom: 45px!important;}
.pad-bottom-0 {padding-bottom: 0 !important;}

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

.paralax-holder {max-height: 600px;overflow: hidden;}

.btn-arrow { color: #1C2B39; text-decoration: none; font-weight: 700; font-size: 13px; letter-spacing: 0px}
.btn-arrow:hover { color: #1C2B39; letter-spacing: 0.5px}
.btn-arrow span {width: 50px; display: inline-block; position: relative;left: 10px;transition: all 0.4s ease-in-out;}
.btn-arrow:hover span {left: 14px;}

.btn-arrow svg {width: 100%;}
.btn-arrow svg path {}
.btn-arrow svg .a{fill:none;stroke:#00baa8;stroke-width:2px;transition: all 0.4s ease-in-out;}
.btn-arrow svg .b{fill:#00baa8;transition: all 0.4s ease-in-out;}
.btn-arrow:hover svg .a{stroke:#1C2B39;}
.btn-arrow:hover svg .b{fill:#1C2B39;}

.opacity-layer {position: absolute;left:0; right: 0;bottom: 0;top:0; background: #000;z-index: 1}

/* Here we go! */

.header-dark h1, .header-dark h5, .header-dark p {color: #fff}

.header-dark:before {content:''; position: absolute; top:0; bottom: 0; left: 0; right: 0; height: 30%;background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)); z-index: 1}

p.intro { font-size: 20px;font-weight: 300; line-height: 1.6; max-width: 600px;margin-bottom: 50px; }

.button svg {width: 20px; height: 20px; line-height: 0;margin-right: 10px; position: relative;top:2px;}
.button path {fill:#0F6179;transition: all 0.4s ease-in-out;}
.button:hover path {fill:#fff;}


.hover-blocks a{background-size: cover;position: relative;color: #5A5C5A;text-decoration: none;display: block;}
.hover-blocks a:hover {/* box-shadow: 20px 20px 55px rgba(0, 0, 0, 0.15); */color: inherit;}
.hover-content{/* position: absolute; */left: 0;bottom: 0;padding: 20px;width: 80%;}
.hover-content h2 { font-size: 18px; font-weight: 700;margin: 0 0 0px;padding: 0;line-height: 1.2 }
.hover-content h2 a {color:#0F6179; box-shadow:none!important}
.hover-content p { font-size: 16px;margin: 0;padding: 20px 0 0 0; transition: all 0.4s ease-in-out;}
.no-touch .hover-content p {/* max-height: 0; */overflow-y: hidden;padding: 15px 0 0 0;}
.hover-blocks .col {/* box-shadow:0 0 1px #ccc */}

.hover-blocks.hover-blocks-cool a .hover-content h2 {font-size: 16px}
.hover-blocks.hover-blocks-cool a .hover-content p {font-size: 14px}
.hover-blocks.hover-blocks-cool a:hover .hover-content p {max-height: 180px;/* padding: 10px 0 0 0 */}

.hover-blocks a .hover-opacity {position: absolute;top:0;left: 0;right: 0;bottom: 0; background-color: #1C2B39; opacity: 0;transition: all 0.4s ease-in-out;}
.hover-blocks a:hover .hover-opacity {opacity: 0.6}





.news-blocks a { background-size: cover; position: relative; color: #5A5C5A; display: block;}
.news-blocks a:hover {box-shadow: 20px 20px 55px rgba(0, 0, 0, 0.15); color: inherit; }
.news-blocks a .hover-content{ position: absolute;left: 0;bottom: 0; padding: 40px;width: 80%; }
.news-blocks a .hover-content h2 { font-size: 28px; font-weight: 700;margin: 0 0 0px;padding: 0;line-height: 1.3; color: #fff }

.news-blocks a .hover-opacity {position: absolute;top:0;left: 0;right: 0;bottom: 0; background-color: #000; opacity: 0.5;transition: all 0.4s ease-in-out;}
.news-blocks a:hover .hover-opacity {opacity: 0.7}



.news-blocks-alt a { position: relative; color: #fff; display: inline-block; max-width: 360px; text-decoration: none}
.news-blocks-alt a:hover {box-shadow: 20px 20px 55px rgba(0, 0, 0, 0.15); color: inherit; }
.news-blocks-alt a .hover-content{position: relative;left: 0;bottom: 0;padding: 40px;width: 100%;}
.news-blocks-alt a .hover-content h2 { font-size: 24px; font-weight: 700;margin: 60px 0 0 0;padding: 0;line-height: 1.3; color: #fff }

.news-blocks-alt a .hover-opacity {position: absolute;top:0;left: 0;right: 0;bottom: 0; background-color: #000; opacity: 0;transition: all 0.4s ease-in-out;}
.news-blocks-alt a:hover .hover-opacity {opacity: 0.2}




.cta-bg {padding-top: 10%;position: relative;}
/*.no-touch .cta-bg {background-attachment: fixed;}*/
.cta-bg h1 {margin-bottom: 20px;}
.cta-bg .intro  {margin-bottom: 20px;}
.cta-bg p {font-weight: 300}


.inner-cta-bg {background-color: #fff; display: block;padding: 90px; max-width: 800px; float: right;position: relative;z-index: 2}
.inner-cta-bg-inner {}

.inner-cta-bg-2 {color: #fff; display: block;padding: 90px; max-width: 800px;margin: 0 auto;}
.inner-cta-bg-2-inner {}



.inner-cta-bg-2 blockquote {color: #fff}
.inner-cta-bg-2 blockquote:before {  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 95.333 95.332' style='enable-background:new 0 0 95.333 95.332%3B' xml:space='preserve'%3E %3Cpath d='M30.512%2C43.939c-2.348-0.676-4.696-1.019-6.98-1.019c-3.527%2C0-6.47%2C0.806-8.752%2C1.793 c2.2-8.054%2C7.485-21.951%2C18.013-23.516c0.975-0.145%2C1.774-0.85%2C2.04-1.799l2.301-8.23c0.194-0.696%2C0.079-1.441-0.318-2.045 s-1.035-1.007-1.75-1.105c-0.777-0.106-1.569-0.16-2.354-0.16c-12.637%2C0-25.152%2C13.19-30.433%2C32.076 c-3.1%2C11.08-4.009%2C27.738%2C3.627%2C38.223c4.273%2C5.867%2C10.507%2C9%2C18.529%2C9.313c0.033%2C0.001%2C0.065%2C0.002%2C0.098%2C0.002 c9.898%2C0%2C18.675-6.666%2C21.345-16.209c1.595-5.705%2C0.874-11.688-2.032-16.851C40.971%2C49.307%2C36.236%2C45.586%2C30.512%2C43.939z' fill='%23ffffff'/%3E %3Cpath d='M92.471%2C54.413c-2.875-5.106-7.61-8.827-13.334-10.474c-2.348-0.676-4.696-1.019-6.979-1.019 c-3.527%2C0-6.471%2C0.806-8.753%2C1.793c2.2-8.054%2C7.485-21.951%2C18.014-23.516c0.975-0.145%2C1.773-0.85%2C2.04-1.799l2.301-8.23 c0.194-0.696%2C0.079-1.441-0.318-2.045c-0.396-0.604-1.034-1.007-1.75-1.105c-0.776-0.106-1.568-0.16-2.354-0.16 c-12.637%2C0-25.152%2C13.19-30.434%2C32.076c-3.099%2C11.08-4.008%2C27.738%2C3.629%2C38.225c4.272%2C5.866%2C10.507%2C9%2C18.528%2C9.312 c0.033%2C0.001%2C0.065%2C0.002%2C0.099%2C0.002c9.897%2C0%2C18.675-6.666%2C21.345-16.209C96.098%2C65.559%2C95.376%2C59.575%2C92.471%2C54.413z' fill='%23ffffff'/%3E %3C/svg%3E"); }

.no-quote:before {display:none}

.home-news-head {font-size: 28px}



.page-cta {color: inherit; text-decoration: none;padding: 60px 0; display: block;transition: all 0.2s ease-in-out; background: #f7f7f7}
.page-cta:hover {background: #1b2a39;color: inherit;}
.page-cta p{padding: 0;margin: 0;transition: all 0.2s ease-in-out;}
.page-cta h4 {padding: 0;margin: 0;transition: all 0.2s ease-in-out; font-size: 19px;}
.page-cta h4:after {content: '';position: relative;top:10px;width: 40px; height: 2px; background: #00baa8; display: block;}

.page-cta:hover p, .page-cta:hover h4 {color: #fff}

.form-holder input {}

#contact .col-4 p {margin-bottom: 30px; line-height: 1.8}   

.list-half {list-style: none;margin: 0;padding: 0;}
.list-half li {position: relative;vertical-align: top; clear: both;padding-left: 0!important;}
.list-half li:before {display: none!important;}
.list-half li span {display: inline-block; float: left;margin-bottom: 6px;}
.list-half li span:first-child {width: 200px; font-weight: 600}

@media only screen and (max-width: 420px) {
    .list-half li span {display: block; float: none;margin-bottom: 10px;}
    .list-half li span:first-child {width: 100%; font-weight: 600}
}

.news-single blockquote {margin-left: 60px;margin: 40px 0 40px 60px;}
.news-single blockquote p{font-size: 22px;}
.news-single h2 {margin-bottom: 10px;}


footer {padding: 90px 0; font-size: 14px; font-weight: 400; color: #fff; background: #1C2B39}

footer h2 {font-size: 12px;color: #00baa8;margin-bottom: 10px;}
footer ul {list-style: none;;padding: 0;margin: 0;}
footer ul li {margin-bottom: 4px;}
footer ul li a{color: #fff; text-decoration: none;}
footer ul li a:hover {color: #00baa8}

footer .copy {color: rgb(120, 129, 137);text-align: left;padding: 38px 15px 20px 15px;}
footer .copy span {opacity: 0.6}
footer .copy span a{color: inherit; text-decoration: none;}



.social-footer li {display: inline-block;padding: 0 15px;}
.social-footer li a{display: block;}
.social-footer li svg {width: 20px;height: 20px;}

.social-footer li a path {transition: all 0.4s ease-in-out;}
.social-footer li a:hover path {fill: #00baa8}

.alm-btn-wrap .alm-load-more-btn {transition: all 0.6s ease;font-size: 12px;letter-spacing:1px;font-weight: 600;width: auto;height: 42px;line-height: 42px;background: #fff;color: #03466b;    border: 1px solid rgba(3, 70, 107, 0.4);border-radius: 60px;margin: 40px 0 4px;padding: 0 50px;display: inline-block;position: relative;text-align: center;text-decoration: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;}
.alm-btn-wrap .alm-load-more-btn:hover {text-decoration: none;border: 1px solid rgba(3, 70, 107, 1); color: #000 }
.alm-btn-wrap .alm-load-more-btn:active { -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, .1); box-shadow: inset 0 2px 1px rgba(0, 0, 0, .1); text-decoration: none }
.alm-btn-wrap .alm-load-more-btn:active, .alm-btn-wrap .alm-load-more-btn:focus { outline: 0 }
.alm-btn-wrap .alm-load-more-btn.loading { padding-left: 44px }
.alm-btn-wrap .alm-load-more-btn.done { cursor: default; opacity: .2; background-color: #ed7070; outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important }
.alm-btn-wrap .alm-load-more-btn.done:before, .alm-btn-wrap .alm-load-more-btn:before { background: 0 0; width: 0 }
.alm-btn-wrap .alm-load-more-btn.loading:before { background: url(https://iwc.co.za/wp-content/plugins/ajax-load-more/core/img/ajax-loader.gif) no-repeat center center; width: 20px; height: 30px; margin: 6px 15px; border-radius: 2px; display: inline-block; z-index: 0; content: ''; float: left; margin-left: 0px; left: 0; top: 0; overflow: hidden; -webkit-transition: width .5s ease-in-out; transition: width .5s ease-in-out; }
.alm-btn-wrap, .alm-masonry { display: block; overflow: hidden; clear: both }
.alm-btn-wrap { text-align: center; padding: 10px 0 25px }

.ajax-load-more-wrap.grey .alm-load-more-btn.done, .ajax-load-more-wrap.grey .alm-load-more-btn:hover { background-color: #777 }
.ajax-load-more-wrap.white .alm-load-more-btn { background-color: #fff; color: #666; border: 1px solid #efefef }
.ajax-load-more-wrap.white .alm-load-more-btn.done, .ajax-load-more-wrap.white .alm-load-more-btn:hover { background-color: #efefef; color: #333 }
.ajax-load-more-wrap.white .alm-load-more-btn.done { border-color: #fff }
.ajax-load-more-wrap.infinite .alm-load-more-btn { width: 100%; background-color: transparent !important; background-position: center center; background-repeat: no-repeat; background-image: url(http://www.vaughnsa.com/wp-content/plugins/ajax-load-more/core/img/spinner.gif); border: none !important; opacity: 0; -webkit-transition: opacity .25s ease; transition: opacity .25s ease; -webkit-box-shadow: none !important; box-shadow: none !important; overflow: hidden; text-indent: -9999px; cursor: default !important; outline: 0 !important }
.ajax-load-more-wrap.infinite .alm-load-more-btn:before { display: none !important }
.ajax-load-more-wrap.infinite .alm-load-more-btn:active { -webkit-box-shadow: none; box-shadow: none }
.ajax-load-more-wrap.infinite .alm-load-more-btn.done { opacity: 0 }
.ajax-load-more-wrap.infinite .alm-load-more-btn.loading { opacity: 1 }
.ajax-load-more-wrap.infinite.skype .alm-load-more-btn { background-image: url(http://www.vaughnsa.com/wp-content/plugins/ajax-load-more/core/img/spinner-skype.gif) }
.ajax-load-more-wrap.infinite.ring .alm-load-more-btn { background-image: url(http://www.vaughnsa.com/wp-content/plugins/ajax-load-more/core/img/spinner-ring.gif) }
.ajax-load-more-wrap.infinite.fading-blocks .alm-load-more-btn { background-image: url(http://www.vaughnsa.com/wp-content/plugins/ajax-load-more/core/img/loader-fading-blocks.gif) }
.ajax-load-more-wrap.infinite.fading-circles .alm-load-more-btn { background-image: url(http://www.vaughnsa.com/wp-content/plugins/ajax-load-more/core/img/loader-fading-circles.gif) }
.ajax-load-more-wrap.infinite.chasing-arrows .alm-load-more-btn { background-image: url(http://www.vaughnsa.com/wp-content/plugins/ajax-load-more/core/img/spinner-chasing-arrows.gif) }
.alm-listing { margin: 0; padding: 0 }
.alm-listing li { background: 0 0; margin: 0 0 30px; padding: 0 0 0 170px; overflow: hidden; position: relative; list-style: none }
.alm-listing li.no-img { padding: 0 }
.alm-listing li p { margin: 0 }
.alm-listing li h3 { margin: 0 0 10px }
.alm-listing li img { position: absolute; left: 0; top: 0; border-radius: 2px }

.alm-btn-wrap .alm-load-more-btn.done {display: none;}

/* Cooling towers new*/
.secondary-navigation {position: relative; z-index: 9;width: 100%;overflow: hidden; background-color: #fff}
.affix-nav {left: 0;right: 0;width: 100%;background-color: #fff;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0);}
.affix {position: fixed;top: 92px;height: 80px;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);z-index: 9999;right: 0;left: 0;}

.nav-container {}

.affix-nav ul {padding: 0;margin: 0;}
.affix-nav ul li {flex: 1;color: #252F3A;font-size: 16px;line-height: 20px;padding: 20px 30px 20px 0;height: 100%;margin: 0;display: inline-block;}
.affix-nav ul li a {text-decoration: none;transition: all 0.3s;font-weight: 500;}
.affix-nav ul li span {display: block;font-size: 14px;font-weight: 40;color: #CBC3C6;transition: all 0.3s;}

.affix.affix-nav ul li {transition: 0.2s ease-out;}
.affix.affix-nav ul li.active a {color: #00baa8;}
.affix-nav ul li.active a span { color:#000;}

.affix-nav ul li a:hover {color:#00baa8}
.affix-nav ul li a:hover span { color:#00baa8;}

.flex {display: flex;}
.padding-bottom { padding-bottom: 50px; }

.flex h2 {margin: 0 0 20px 0; }
.flex h2 span { padding: 0; font-weight: 300; font-size: 16px; line-height: 20px; color: #84898D; display: block; }
.flex h6 {font-size: 16px}
.flex h5 {font-size: 16px; color: #1b2a39; font-weight: 600;margin-top: 0; line-height: 1.3}
.flex p {margin-bottom: 20px;}

.flex-1 { flex: 1; }
.flex-1-overlap { width: calc(50% + 30px); }

.lazy-bg-effect {background-size: cover; background-position: center;}
.lazy-bg-effect img {width: 100%;object-fit:cover;/*image-rendering: pixelated;*/; transition: opacity 0.4s; opacity: 1}
.lazy-bg-effect.lazyloaded img{ opacity: 0 }

@keyframes scaling {
  0% { transform: scale(1.07); }
  100% { transform: scale(1); }
}



ul.list-features { list-style: none; padding: 0; margin: 20px 0 10px 0; }
ul.list-features li { padding: 0 0 14px 21px; line-height: 1.2; margin: 0; position: relative; }
ul.list-features li:before { content: ''; position: absolute; left: 0; top: 9px; display: block; height: 1px; width: 10px; background-color: #4C5B69; border-radius: 5px; }

.max-width-xs {max-width: 490px;}

.gradient {position: absolute;bottom: 0;color: #fff;z-index: 1; left: 0;right: 0;height: 180px;    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) , rgba(0, 0, 0, 0));}
.caption {position: absolute;bottom: 30px;right: 30px;color: #fff;z-index: 2; font-weight: 600}

.container-inner {padding: 40px 50px;}

@media only screen and (max-width: 1180px) {
    .owl-theme .owl-dots { bottom: 15px; left: 20px; }
    .caption { bottom: 20px; right: 20px; font-size: 14px }
    .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; }
    .affix-nav ul { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px; }
    .affix-nav ul li { display: block; width: calc(33.3333% - 20px); margin-left: 20px; flex: auto; padding: 0 0 30px; font-size: 13px; line-height: 1.2 }
    .affix-nav ul li span {font-size: 12px;}
    .flex-1-overlap { width: calc(36% + 30px); }
    .max-width-xs h2 { font-size: 18px }
    .max-width-xs { font-size: 14px; }
    .flex h2 span { font-size: 14px; }
}

@media only screen and (max-width: 769px) {
    .flex {
        flex-wrap: wrap;
        display: flex;
    }
    .flex-1-overlap {
        width: 100%;
    }
    .container-inner {
        padding: 30px 30px 10px 30px;
    }
    .flex-1 {
        background-color: #f7f7f7
    }
}

@media only screen and (max-width: 500px) {
    .affix-nav ul li { width: calc(50% - 20px);}
    .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; }
    .caption { bottom: 20px; right: 20px; font-size: 12px }

}



.testimonials.owl-theme .owl-dots {
    position: static;
}

.testimonials blockquote {padding-top: 50px;}
.testimonials blockquote:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0!important;
}









@media only screen and (min-width: 1600px) {
    h1 {font-size: 58px; line-height: 60px;margin-bottom: 30px;margin-bottom: 30px;}
    h1.head-small {font-size: 42px; line-height: 46px;margin-bottom: 30px;}
    p.intro {font-size: 24px;line-height: 1.4;margin-bottom: 60px}
}

@media only screen and (max-width: 1340px) {
    h1 {font-size: 42px; line-height: 46px;margin-bottom: 30px;}
    h2 {font-size: 22px; line-height: 28px;margin-bottom: 30px;}
    .news-single h2 {margin-bottom: 10px;}
    h3 {font-size: 26px; line-height: 36px;}
    p.intro { font-size: 18px; line-height: 1.5; max-width: 540px; margin-bottom: 40px; }
    .home-news-head {font-size: 26px;}

    blockquote p { font-size: 26px; line-height: 1.5; margin-bottom: 30px; }
    blockquote small { font-size: 15px; }
    blockquote:before {width: 25px; height: 25px;}

    .news-single blockquote p{font-size: 20px;}

    .inner-cta-bg-2 blockquote:before {top: 0px; left: -50px;}

    .max-medium {max-width: 720px;}

    .news-blocks a .hover-content{  padding: 40px;width: 80%; }
    .news-blocks a .hover-content h2 { font-size: 22px;line-height: 1.3;}

    .news-blocks-alt a {max-width: 360px; }
    .news-blocks-alt a .hover-content{  padding: 40px;width: 80%; }
    .news-blocks-alt a .hover-content h2 { font-size: 20px;margin: 40px 0 0 0;line-height: 1.3; }


}

@media only screen and (max-width: 1400px) {
.container { padding: 0 120px;}
}

@media only screen and (max-width: 1170px) {
    .max-medium {max-width: 620px;}
    h1 {font-size: 36px; line-height: 38px;margin-bottom: 20px;}
    h2 {}
    h3 {font-size: 24px; line-height: 34px;}
    h4, .h4 {font-size: 20px;line-height: 30px;}
    h5, .h5 {font-size: 18px;line-height: 32px;}
    .home-news-head {font-size: 24px;margin-bottom: 10px;}

    blockquote p { font-size: 24px; line-height: 1.5; margin-bottom: 30px; }
    blockquote small { font-size: 14px; }
    blockquote:before {width: 20px; height: 20px;}

    .news-single blockquote p{font-size: 18px;}

    .inner-cta-bg-2 blockquote:before {left: -40px;}


    .pad-desktop-right {padding-right: 40px;}

    p.intro { font-size: 16px; line-height: 1.6; max-width: 400px; margin-bottom: 40px; }
    .button.big {font-size: 14px;padding: 10px 30px; min-height: 30px}

    
    section {padding: 40px 0;}
    section.pad-top-med {padding-top: 80px;}
    header .header-inner {padding: 180px 0 30px 0; }

    .inner-cta-bg-2 {padding: 40px;}
    .inner-cta-bg {padding: 40px;}

    .hover-blocks.hover-blocks-cool .col-3 {width: 50%;}
}
@media only screen and (max-height: 620px) {
    .max-medium {max-width: 620px;}
    h1 {font-size: 36px; line-height: 38px;margin-bottom: 20px;}
    h2 {font-size: 20px; line-height: 26px;}
    h3 {font-size: 24px; line-height: 34px;}
    h4, .h4 {font-size: 20px;line-height: 30px;}
    p.intro { font-size: 18px; line-height: 1.6; max-width: 400px; margin-bottom: 40px; }
    .button.big {font-size: 14px;padding: 10px 30px; min-height: 30px}

    .container { padding: 0 40px;}
    section {padding: 40px 0;}
    section.pad-top-med {padding-top: 70px;}
    header .header-inner {padding: 180px 0 30px 0; }

}


@media only screen and (max-width: 1023px) {
    .row .col-smm-6 {width: calc(50% - 3%);    margin-left: 3%!important;}

    .news-blocks a .hover-content{  padding: 30px;width: 100%; }
    .news-blocks a .hover-content h2 { font-size: 18px;line-height: 1.3;}

    .news-blocks-alt a {max-width: 280px; }
    .news-blocks-alt a .hover-content{  padding: 30px;width: 80%; }
    .news-blocks-alt a .hover-content h2 { font-size: 16px;margin: 40px 0 0 0;line-height: 1.3; }

    .container {padding: 0 60px;}

    .page-cta {padding: 30px 0;}

}

@media only screen and (max-width: 960px) {
    .max-medium {max-width: 480px;}

    blockquote p { font-size: 22px; line-height: 1.5; margin-bottom: 30px; }
    blockquote small { font-size: 14px; }

    .news-single blockquote {margin: 40px 0 40px 30px;}
    blockquote:before { width: 18px; height: 18px;left: -30px;}
    .inner-cta-bg-2 blockquote:before { position: relative; left: 0;top:-20px;}





}


@media only screen and (max-width: 768px) {
    html, body {font-size: 14px;line-height: 1.6;}

    .row.gutters .col {margin-bottom: 0px;}
    .row .col-sm-6 {width: calc(50% - 3%)!important;    margin-left: 3%!important;}
    .row .col-sm-12 {width: 100$;    margin-left: 3%!important;}
    .row.flex-sm {margin-left: -3%;display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    
    .row.flex-sm-splice {margin-left: 0;display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .row .col-sm-6-splice {width:50%!important;    margin-left: 0%!important;}
    .row .col-sm-6-splice-2 {width:50%!important;    margin-left: 0%!important;}

    .paralax-holder {max-height: 300px;overflow: hidden;}

    .pad-bottom-none-mobile {padding-bottom: 0!important}

    .no-move-mobile {transform: rotateX(0deg) translateY(0px)!important;}

    .pad-top-bottom {padding-top: 30px!important;padding-bottom: 20px!important;}
    .pad-bottom {padding-bottom: 25px!important;}

    .inner-xsmall {max-width: 100%;}
    .inner-xsmall2 {max-width: 100%;}
    .inner-xsmall3 {max-width: 100%;}
    .inner-xsmall4 {max-width: 100%;}


    section {padding: 30px 0;}
    .services-block-inner { padding: 30px 0;}

    .max-medium {max-width: 380px;}
    h1 {font-size: 28px; line-height: 34px;margin-bottom: 20px;}
    h2 {font-size: 20px; line-height: 26px;margin-bottom: 10px;}
    .home-news-head {font-size: 20px;margin-bottom: 0px;}
    h3 {font-size: 18px; line-height: 24px;}
    h4 {font-size: 18px;line-height: 26px;}
    h5 {font-size: 14px;line-height: 22px;}
    p.intro { font-size: 14px; line-height: 22px; margin-bottom: 30px;max-width: 80% }
    .button.big {font-size: 13px;line-height: 18px; padding: 12px 30px 10px 30px;    min-height: 38px;}

    header { background-position: right; background-size: cover; min-height: auto}

    .hero-element {width: 40%}


    .container { padding: 0 30px;}
    .container-less-pad-mobile.container  { }
    header .header-inner {padding: 160px 0 20px 0; }

    .services-block ul li { padding: 0 0 10px 21px; line-height: 1.5; }
    .services-block ul li:before { top: 6px; width: 10px; }

    .logo-list {margin-top: 0px;text-align: center;}
    .logo-list .col {padding: 20px 20px;}


    #contact .col-4 p {margin-bottom: 20px; }   

    .link span{top:1px; }

    .inner-cta-bg {padding: 0 20px 40px 20px;}
    .inner-cta-bg-2 {padding:40px 30px 40px 30px;}

    .min-height-m-auto {min-height: auto}
    .pad-bottom-0-m {padding-bottom: 0!important;}


    .news-blocks a .hover-content{  padding: 30px;width: 100%; }
    .news-blocks a .hover-content h2 { font-size: 18px;line-height: 1.3;}

    .news-blocks-alt a {max-width: 280px; }
    .news-blocks-alt a .hover-content{  padding: 30px;width: 80%; }
    .news-blocks-alt a .hover-content h2 { font-size: 16px;margin: 40px 0 0 0;line-height: 1.3; }
    .news-blocks-alt a{display: none;}


    footer { text-align: center;padding: 20px 0;}

    footer h2 {margin-bottom: 6px;margin-top: 25px;}
    footer ul li {margin-bottom: 4px;}

    footer .copy {text-align: center;padding: 38px 0 20px 0; }
    .social-footer li {display: inline-block;padding: 10px 10px;text-align: center;}

    .mobi-pad-1{padding: 0 30px 30px 30px;display: table;}

    .hover-blocks a .hover-content p {font-size: 14px;}
    .news-blocks a {margin-bottom: 20px;}

    .no-touch .hover-blocks a .hover-content p {/* display: none; */}
}


@media (max-width:600px) {
    .log-1 {max-width: 90%;}
    .log-2 {max-width: 84%;}
    .log-3 {max-width: 82%;}
    .log-4 {max-width: 77%;}
    .log-5 {max-width: 91%;}
    .log-6 {max-width: 61%;}
     .row .col-sm-6-splice-2 {width:100%!important;    margin-left: 0%!important;}

}

@media only screen and (max-width: 320px) {
    .row .col-xs-12 {width: 100%;    margin-left: 0!important;}
    .row.flex-sm { margin-left: 0%!important; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

    .row.flex-sm-splice { margin-left: 0%!important; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
    .row .col-sm-6-splice {width:100%!important;    margin-left: 0%!important;}

}

@media (max-width:400px) {
    .max-medium {max-width: 280px;}
}

.form-cta h4 {
    line-height: 1.5;
    color: #fff;
}

.lity-close:hover {
 outline: none;
    text-decoration: none; 
    color: transparent;
     background-color: inherit;
    }

    .lity-box-share {max-width: 500px;}








#cd-team a {
    pointer-events: none;
    display: block;
}


.logo svg .logo-color {
    opacity: 1;
}
.nav-moved .logo svg .logo-color {
    opacity: 0; 
}

.logo svg .logo-white {
    opacity: 0;
}

.nav-moved .logo svg .logo-white {
    opacity: 1; 
}


 .light-text-nav:not(.nav-moved) .logo svg .path-to-white path
 { fill:#fff!important}

 .light-text-nav:not(.nav-moved) .logo svg .path-to-grey path
 { fill:#BCBFC7!important}

  .light-text-nav:not(.nav-moved) .logo svg #Group_585 path
 {fill: rgba(255, 255, 255, 0.65)!important;}

  .light-text-nav:not(.nav-moved) .logo svg #Group_581 path,
  .light-text-nav:not(.nav-moved) .logo svg #Group_582 path
 {fill: rgba(255, 255, 255, 0.65)!important;}

 .light-text-nav:not(.nav-moved) .logo svg #Group_583 path
 {fill: rgba(255, 255, 255, 0.3)!important;}



 .container-sales-team a > div{/* display:flex */}
 .container-sales-team .col:first-child { border-top:1px solid #cecece}
 .container-sales-team .col { border-bottom:1px solid #cecece}
 .sales-team-left{}
.sales-team-left h4 {margin-bottom: 5px!important; }
 .sales-team-left h5{margin-bottom: 10px!important; line-height:1.3}
 .sales-team-left h5:after {display:none!important}
 .sales-team-right p{ margin-bottom:15px }




 .team-image-holder-2 {}

 .sales-team-item-2 {
    display: flex;
    padding:30px 0;
    align-items:center;
}

 .sales-team-item-2 img {
    width:120px;
    height:120px;
    min-width: 120px;
    display:block;
    border-radius:999px;
    border: 1px solid #cecece;
}

.sales-team-item-2 .sales-team-right {padding-left:30px;}
.sales-team-item-2 .sales-team-right h4 {
    margin:0;
    padding: 0;
    margin: 0 0 5px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    color: #1b2a39;
    line-height: 1.3;
    }
.sales-team-item-2 .sales-team-right  h5 {font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #00baa8;}
.sales-team-item-2 .sales-team-right p {margin:0}
.sales-team-item-2 .sales-team-right p a {text-decoration: underline!important;pointer-events: initial!important;}

@media (max-width:400px) {
    .sales-team-item-2 img {width:80px;height:80px;min-width: 80px;}
}


.bg-gradient-1 {
    background: linear-gradient(45deg, #00baa8 0%, #1B2A39 100%);
}