/**
 * title:      Evans Vanodine
 * created:    01/06/2022
 * author:     Development Team <info@optiva.co.uk>
 * copyright:  Optiva Ltd

 * ========================================================================== */

/* Generic */
body { background: #ffffff; font-family: 'Poppins', sans-serif; }

.container { max-width: 1640px; }

h1 { color: #2e4960; font-size: 81px; line-height: 84px; font-weight: 900; margin: 0px; }
h2 { color: #2e4960; font-size: 58px; line-height: 66px; font-weight: 500; margin: 0px; }
h3 { color: #2e4960; font-size: 48px; line-height: 56px; font-weight: 500; margin: 0px; }
h4 { color: #2e4960; font-size: 36px; line-height: 44px; font-weight: 500; margin: 0px; }
h5 { color: #2e4960; font-size: 26px; line-height: 34px; font-weight: 500; margin: 0px; }
h6 { color: #2e4960; font-size: 20px; line-height: 28px; font-weight: 500; margin: 0px; }

p { color: #2e4960; font-size: 20px; line-height: 28px; font-weight: 300; }
p strong { font-weight: 600; }
p a { color: #00a5c8; }
p a:hover { color: #2eb0cc; }

li { color: #2e4960; font-size: 20px; line-height: 28px; font-weight: 300;}
li a { color: #00a5c8; }
li a:hover { color: #2eb0cc; }

a { color: #00a5c8; text-decoration: none; }
a:link { text-decoration: none; }
a:hover { color: #2eb0cc; text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }

.text-left { text-align: left; }
.text-right { text-align: right; }


/* Buttons */
.btn { font-size: 18px; line-height: 20px; font-weight: 400; padding: 11px 30px; border: 1px #ccc solid; border-radius: 30px; filter: drop-shadow(0px); box-shadow: none; transition-timing-function: ease-in; transition: 0.3s; }
.btn:hover { transition-timing-function: ease-in; transition: 0.3s; }
.btn:focus { transition-timing-function: ease-in; transition: 0.3s; }


.btn-blue { background: #01a4c8; border-color: #01a4c8; color: #ffffff; }
.btn-blue:hover { background: #08b5db; border-color: #08b5db; color: #ffffff; }

.btn-primary { background: #01a4c8; border-color: #01a4c8; color: #ffffff; }
.btn-primary:hover { background: #08b5db; border-color: #08b5db; color: #ffffff; filter: none; }

.btn-dark-green { background: #607e86; border-color: #607e86; color: #ffffff; }
.btn-dark-green:hover { background: #5496a8; border-color: #5496a8; color: #ffffff; }

.btn-green { background: #38b6ab; border-color: #38b6ab; color: #ffffff; }
.btn-green:hover { background: #41cdc1; border-color: #41cdc1; color: #ffffff; }

.btn-green-keyline { color: #67ccaa; border-color: #67ccaa; }
.btn-green-keyline:hover { background: #67ccaa; color: #ffffff; }

.btn-dark-grey-keyline { color: #999999; border-color: #999999; }
.btn-dark-grey-keyline:hover { color: #0f1718; background: #999999; }

.btn-white-keyline { color: #ffffff; border-color: #ffffff; }
.btn-white-keyline:hover { background: #ffffff; color: #333333; }

/**
 * Main Header/Navigation
 * ========================================================================== */	

header .header { background: #ffffff; padding: 15px 15px; border-bottom: 1px #fff solid; position: fixed; top: 0px; width: 100%; margin: auto; z-index: 50; transition: 0.2s; transition-timing-function: ease-in; }
    header .header .container { max-width: 1825px; }
    header .header .col { font-size: 0px; }
    header .header img { width: 170px; float: left; transition: 0.2s; transition-timing-function: ease-in; }
    header .header .navigation { margin-top: 30px; margin-bottom: 0px; list-style: none; float: right; transition: 0.2s; transition-timing-function: ease-in;  }
        header .header .navigation li { font-size: 22px; font-weight: 500; display: inline-block; margin-left: 45px; }
        header .header .navigation li a { color: #607e86; }
        header .header .navigation li a:hover { color: #00a5c8; }
        header .header .navigation li i { font-size: 18px; margin-left: 4px; }

    header .header .nav-elements { margin-top: 22px; margin-left: 60px; float: right; transition: 0.2s; transition-timing-function: ease-in; }
        header .header .nav-elements .search-icon { color: #666666; border: 1px #666 solid; border-radius: 50%; height: 44px; width: 44px; font-size: 20px; padding-top: 7px; text-align: center; float: left; }
        header .header .nav-elements .search-icon:hover { background: #05a9ba; border-color: #05a9ba; color: #ffffff; cursor: pointer; }
        header .header .nav-elements .nav-icon { display: none; color: #666666; border: 1px #666 solid; border-radius: 50%; height: 44px; width: 44px; font-size: 20px; padding-top: 7px; text-align: center; float: right; }
        header .header .nav-elements .nav-icon:hover { background: #05a9ba; border-color: #05a9ba; color: #ffffff; cursor: pointer; }
        header .header .nav-elements .btn { margin-left: 15px; }

header .header.scrolled { background: #ffffff; padding: 10px 15px; border-bottom: 1px #ccc solid; transition: 0.2s; transition-timing-function: ease-in; }
    header .header.scrolled img { width: 140px; transition: 0.2s; transition-timing-function: ease-in;  }
    header .header.scrolled .navigation { margin-top: 21px; transition: 0.2s; transition-timing-function: ease-in; }
    header .header.scrolled .nav-elements { margin-top: 14px; transition: 0.2s; transition-timing-function: ease-in; }


.full-panel-dropdown { background: #f7f7f7; opacity: 0; visibility: hidden; position: fixed; top: -250px; z-index: 10; width: 100%; padding: 50px 0px; transition-timing-function: ease-in; transition: 0.4s; }
    .full-panel-dropdown.active { top: 116px; opacity: 1; visibility: visible; transition-timing-function: ease-in; transition: 0.4s; }
    .full-panel-dropdown.active.scrolled { top: 91px; transition-timing-function: ease-in; transition: 0.2s; }
    .full-panel-dropdown .container { width: 100%; max-width: 1010px; margin: auto; }
    .full-panel-dropdown .container.wide { max-width: 1700px; }
    .full-panel-dropdown ul { list-style: none; padding: 0px 0px 0px 80px; margin: 0px; }
    .full-panel-dropdown .container.wide ul { padding-left: 0px; }
    .full-panel-dropdown ul li { margin-top: 10px; margin-bottom: 15px; font-weight: 500; }
    .full-panel-dropdown ul li:last-child { margin-bottom: 0px; }
    .full-panel-dropdown ul li a { color: #607e86; font-size: 20px; line-height: 26px; }
    .full-panel-dropdown ul li a i { font-size: 14px; }
    .full-panel-dropdown ul li.title a { color: #2e4960; }
    .full-panel-dropdown ul li a:hover { color: #00a5c8; }
    .full-panel-dropdown .navigation-img { width: 400px; margin-bottom: 15px; float: right; }
    .full-panel-dropdown .navigation-img.bottom { margin-bottom: 0px; }

    .full-panel-dropdown.one .main-col:first-child { width: 65%; flex: 0 0 auto; }
    .full-panel-dropdown.one .main-col:last-child { width: 35%; flex: 0 0 auto; }

    .full-panel-dropdown.one .main-col:first-child .row .col:first-child { flex: 0 0 auto; width: 55%;}
    .full-panel-dropdown.one .main-col:first-child .row .col:last-child { flex: 0 0 auto; width: 45%; }
    .full-panel-dropdown.one .main-col:first-child .row .col .row .col.col-6 { flex: 0 0 auto; width: 50%; }
    .full-panel-dropdown.one .main-col:first-child .row .col .row .col { flex: 0 0 auto; width: 100%; }

    .full-panel-dropdown.one ul li a { font-size: 18px; line-height: 26px; }

    .full-panel-dropdown.search { padding: 20px 0px; }
        .full-panel-dropdown.search .search-holder { max-width: 700px; margin: auto; position: relative; }
        .full-panel-dropdown.search .search-holder .form-group { width: 75%; display: inline-block; }
        .full-panel-dropdown.search .search-holder #product-live-search { height: 44px; border-radius: 30px; }
        .full-panel-dropdown.search .search-holder #product-live-search.form-control:focus { border-color: #38b6ab; box-shadow: none; }
        .full-panel-dropdown.search .search-holder .btn { width: 20%; background: #01a4c8; border-color: #01a4c8; color: #ffffff; padding: 11px 5px; float: right; }
        .full-panel-dropdown.search .search-holder .btn:hover { background: #08b5db; border-color: #08b5db; color: #ffffff; }
        .full-panel-dropdown.search .search-holder .fa-search { display: none; }


        .full-panel-dropdown.search #product-live-search-suggestions { width: 700px; position:fixed; top: 179px!important; right: 0!important; bottom: 0!important; left: 0px !important; margin: auto; display:none; z-index: 7; transition-timing-function: ease-in; transition: 0.4s; }

        .full-panel-dropdown.search #product-live-search-results { margin-top: 0px; color: #e2a300; border: 1px solid #ccc; width: 100%; background-color: #fff;
        font-size: 12px; line-height: 14px; padding: 15px 15px 0px 15px; width: 75%; }
        .full-panel-dropdown.search #product-live-search-results .search-item { min-height: 94px; }
        .full-panel-dropdown.search #product-live-search-results a { display:block; clear:left; padding:4px 4px 4px 6px; text-decoration:none; }
        .full-panel-dropdown.search #product-live-search-results a:hover {color:#01215f;text-decoration:none;}
        .full-panel-dropdown.search #product-live-search-results img { max-width: 80px; max-height: 80px; }
        .full-panel-dropdown.search #product-live-search-results a img {float: left; margin-right: 25px; margin-bottom: 15px; padding: 5px 5px; background-color: #fff; height: auto; border: 1px #ccc solid;}
        .full-panel-dropdown.search #product-live-search-results a span.searchheading { display: block; font-weight: 600; padding-bottom: 5px; color: #2e4960; font-size: 17px; line-height: 21px; }
        .full-panel-dropdown.search #product-live-search-results a span.searchdescription { display: block; color: #666; font-size: 14px; }
            .full-panel-dropdown.search #product-live-search-results a span.searchsubheading { color: #006699; text-decoration:none; font-size: 14px; }
            .full-panel-dropdown.search #product-live-search-results a:hover span.searchsubheading { color: #006699; text-decoration:none; }
        
        .full-panel-dropdown.search #product-live-search-results a span.searchlink { color: #00a5c8; font-size: 14px; padding-top: 8px; display: block; }
        .full-panel-dropdown.search #product-live-search-results span.category { font-size:11px; margin:5px; display:block; color:#e2a300; }
        
        .full-panel-dropdown.search #product-live-search-suggestions .seperator { margin: 0px -15px 0px -15px; border-top: 1px solid #ccc; padding: 10px 0px 10px 0px; }
        .full-panel-dropdown.search #product-live-search-suggestions .seperator a { color: #2e4960; font-size: 14px; font-weight: 600; }
        .full-panel-dropdown.search #product-live-search-suggestions .seperator a:hover { color: #00a5c8; }

        .full-panel-dropdown.search.scrolled #product-live-search-suggestions { top: 154px !important; transition-timing-function: ease-in; transition: 0.2s; }

        .full-panel-dropdown.search .pull-right { text-align: right; }
    

.backdrop { background: none; position: fixed; height: 100%; width: 100%; opacity: 0; visibility: hidden; top: 0; right: 0; bottom: 0; left: 0; transition-timing-function: ease-in; transition: 0.4s; }
.backdrop.active { background: rgba(11, 11, 11, 0.55); opacity: 1; visibility: visible; transition-timing-function: ease-in; transition: 0.4s; }


/**
 * Main Menu
 * ========================================================================== */	

.menu-modal { visibility: hidden; opacity: 0; background: #ffffff; height: 100vh; width: 100%; top: -180vh; overflow: scroll; position: fixed; z-index: 500000; transition-timing-function: ease-in; transition: 1.2s; }
.menu-modal.active { visibility: visible; opacity: 1; top: 0vh; transition-timing-function: ease-in; transition: 1.2s; }

    .menu-modal .top-header { padding: 15px 20px; }
        .menu-modal .top-header img { width: 150px; }

    .menu-modal .menu-content { padding: 0px; }
        .menu-modal .menu-content .accordion-item .accordion-header { border-radius: 0px; line-height: 30px; }
        .menu-modal .menu-content .accordion-item .accordion-button { background: #00a5c8; color: #ffffff; font-size: 20px; font-weight: 500; border: none; border-radius: 0px; box-shadow: none; }
        .menu-modal .menu-content .accordion-item .accordion-button.collapsed { background: #ffffff; color: #2e4960; font-weight: 500; }
        .menu-modal .menu-content .accordion-item .accordion-collapse { border: none; border-top: 0px; border-radius: 0px; }
        .menu-modal .menu-content .accordion-item .accordion-collapse .accordion-body p { font-size: 18px; line-height: 26px; margin-bottom: 0px; }

        .menu-modal .menu-content .accordion-button::after { background: none; width: 27px; height: 27px; font-size: 36px; font-weight: 500; content: "+"; transform: none; transition: none; text-align: right; }
        .menu-modal .menu-content .accordion-item:hover .accordion-button::after { color: #00a5c8; }
        .menu-modal .menu-content .accordion-button:not(.collapsed)::after { color: #ffffff; background: none; width: 27px; height: 27px; font-size: 41px; font-weight: 500; content: "-"; transform: none; transition: none; text-align: center; }
        .menu-modal .menu-content .accordion-item:hover .accordion-button:not(.collapsed)::after { color: #ffffff; }

        .menu-modal .menu-content .accordion-item.link .accordion-button { background: #ffffff; color: #2e4960; font-weight: 500; }
        .menu-modal .menu-content .accordion-item.link .accordion-button a { color: #2e4960; width: 100%; }
        .menu-modal .menu-content .accordion-item.link .accordion-button a:hover { color: #00a5c8; }
        .menu-modal .menu-content .accordion-item.link .accordion-button:hover { color: #00a5c8; }
        .menu-modal .menu-content .accordion-item.link .accordion-button::after { display: none; }

        .menu-modal .menu-content .accordion-body { padding: 20px; }
        .menu-modal .menu-content .accordion-body h4.section-title { font-size: 20px; line-height: 28px; font-weight: 400; margin-bottom: 0px; }
            .menu-modal .menu-content .accordion-body .main-col:first-child { padding-bottom: 10px; margin-bottom: 30px; border-bottom: 1px #cccccc solid; }
            .menu-modal .menu-content .accordion-body ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px; }
            .menu-modal .menu-content .accordion-body .container.wide ul { padding-left: 0px; }
            .menu-modal .menu-content .accordion-body ul li { margin-top: 5px; margin-bottom: 10px; font-weight: 500; }
            .menu-modal .menu-content .accordion-body ul li:last-child { margin-bottom: 20px; }
            .menu-modal .menu-content .accordion-body ul li a { color: #607e86; font-size: 17px; line-height: 23px; }
            .menu-modal .menu-content .accordion-body ul li a i { font-size: 12px; }
            .menu-modal .menu-content .accordion-body ul li.title a { color: #2e4960; }
            .menu-modal .menu-content .accordion-body ul li a:hover { color: #00a5c8; }

    .menu-modal .menu-close { background: #fff; height: 48px; width: 48px; border-radius: 50%; color: #666; border: 1px #666 solid; margin-top: 14px; text-align: center; float: right; position: relative; transition-timing-function: ease-in; transition: 0.2s; }
    .menu-modal .menu-close i { font-size: 26px; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; }
    .menu-modal .menu-close:hover { color: #fff; background: #51c2ec; border-color: #51c2ec; cursor: pointer; }
 
  

/**
 * Main Slider
 * ========================================================================== */

.main-slider { background: #ffffff; position: relative; min-height: 780px; margin-top: 117px; position: relative; }
    .main-slider .slide { background-position: bottom center; background-repeat: no-repeat; padding: 0px 0px 0px 0px; min-height: 780px; position: relative; }
        .main-slider .slide .col-12 { position: relative; min-height: 780px; }
        .main-slider .slide .content { padding-top: 150px; }
        .main-slider .slide .center-content { top: 50%; transform: translateY(-50%); left: 15px; right: 15px; margin: auto; position: absolute; }
        .main-slider .slide h2 { margin-bottom: 30px; }
        .main-slider .slide p { color: #607e86; padding-right: 100px; margin-bottom: 30px; }
        .main-slider .slide .side-img { margin-top: 40px; position: relative; }

    .main-slider .slick-dots { text-align: left; bottom: 225px; max-width: 1630px; margin: auto; left: 0px; right: 0px; }


/**
 * Generic Panels
 * ========================================================================== */

/* Centre Feature Content Panel */
.center-feature-content-panel { padding: 0px 30px 0px 30px; min-height: 800px; background-color: #032e3e; background-size: 1850px; background-position: top center; background-repeat: no-repeat; overflow: hidden; position: relative; width: 100%; margin-bottom: 50px; }
    .center-feature-content-panel .contained { min-height: 800px; width: 100%; max-width: 1000px; margin: auto; position: relative; }
    .center-feature-content-panel .center-content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 100%; margin: auto; }
    .center-feature-content-panel .left { padding-right: 50px; }
        .center-feature-content-panel .left h5 { color: #cccccc; font-size: 20px; line-height: 26px; margin-bottom: 15px; text-transform: uppercase; }
        .center-feature-content-panel .left h4 { color: #ffffff; margin-bottom: 30px; text-transform: uppercase; }
        .center-feature-content-panel .left p { color: #cccccc; font-size: 18px; line-height: 24px; margin-bottom: 30px; }
    .center-feature-content-panel .right { padding-left: 60px; }
    .center-feature-content-panel .right.border-left { border-left: 1px #cccccc solid; }

    .center-feature-content-panel .circle-cta-feature { background: #caa330; height: 270px; width: 270px; border-radius: 50%; text-align: center; position: relative; margin-top: 40px; }
        .center-feature-content-panel .circle-cta-feature h5 { color: #ffffff; font-size: 30px; line-height: 38px; font-weight: 900; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; text-transform: uppercase; }

/* Left Content Panel */
.left-content-panel { padding: 170px 0px 170px 0px; min-height: 500px; background-position: top center; background-repeat: no-repeat; overflow: hidden; position: relative; width: 100%; }
    .left-content-panel ul { list-style: none; padding: 0px; margin: 0px 0px 30px 0px; width: 100%; }
    .left-content-panel ul.no-border li { border: 0px; }
    .left-content-panel li { color: #607e86; font-weight: 300; padding: 12px 0px; border-bottom: 1px #38b6ab solid; }
    .left-content-panel li:first-child { padding-top: 0px; }
    .left-content-panel li:last-child { border: none; }
    .left-content-panel h6 { color: #607e86; margin-bottom: 15px; }
    .left-content-panel h5 { color: #607e86; margin-bottom: 15px; }
    .left-content-panel h2 { margin-bottom: 25px; }
    .left-content-panel h3 { margin-bottom: 25px; }
    .left-content-panel h4 { color: #00a8b7; margin-bottom: 25px; }
    .left-content-panel p { color: #607e86; margin-bottom: 25px; }
    .left-content-panel li { color: #607e86; }
    .left-content-panel strong { font-weight: 600; }
    .left-content-panel h2 + p + p { margin-bottom: 0px; }
    .left-content-panel[dark-mode] { background: #182733; }
    .left-content-panel .center-content { width: 100%; max-width: 620px; margin-left: 0; margin-right: 0; }
    .left-content-panel .img-side .side-img { top: 50%; transform: translateY(-50%); left: 15px; right: 15px; margin: auto; position: absolute; }
    .left-content-panel .glow.left { background-color: #11566d; box-shadow: 0px 0px 320px 380px #11566d; }

    /* Vertical Center */
    .left-content-panel.vertical-center { min-height: 900px; padding: 0px 0px 0px 0px; }
        .left-content-panel.vertical-center .col { min-height: 900px; position: relative; }
        .left-content-panel.vertical-center .center-content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 94%; max-width: 620px; margin: auto; }

    .left-content-panel.vertical-center.height-800 { min-height: 800px; }
        .left-content-panel.vertical-center.height-800 .col.right { min-height: 800px; }     
    .left-content-panel.vertical-center.height-700 { min-height: 700px; }
        .left-content-panel.vertical-center.height-700 .col.right { min-height: 700px; }     
    .left-content-panel.vertical-center.height-600 { min-height: 600px; }
        .left-content-panel.vertical-center.height-600 .col.right { min-height: 600px; }  
        
    /* Shape */
    .left-content-panel.shape.vertical-center { min-height: 1000px; padding: 0px 0px 0px 0px; }
    .left-content-panel.shape.vertical-center .col { min-height: 1000px; }
    .left-content-panel.shape.vertical-center .center-content { max-width: 720px; }
    .left-content-panel.shape .side-hexagon-container { width: 920px; height: 920px; right: -110px; top: 40px; position: absolute; }
    .left-content-panel.shape .side-hexagon-container .side-hexagon { background-color: #38b6ab; width: 920px; height: 920px; top: 0px; position: absolute; mask: url(../assets/Hex-01.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-01.svg) center 50% no-repeat; }
    .left-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img { max-width: 440px; bottom: 0px; left: 80px; position: absolute; }
    .left-content-panel.shape .side-hexagon-container .side-hexagon.blue { background-color: #00a5c8; }
    .left-content-panel.shape .side-hexagon-container .side-hexagon.image { background-position: 50% center; background-repeat: no-repeat; background-size: cover; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon { background-color: #38b6ab; width: 315px; height: 315px; top: 0px; position: absolute; mask: url(../assets/Hex-01.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-01.svg) center 50% no-repeat; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.icon img { max-width: 200px; max-height: 160px; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.icon.bottom { top: auto; bottom: 160px; left: -40px; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.sub-icon { width: 185px; height: 185px; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.sub-icon.bottom { top: auto; left: 55px; bottom: -30px; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.blue { background-color: #00a5c8 }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.green { background-color: #38b6ab; }
    .left-content-panel.shape .side-hexagon-container .line-side-hexagon { background-color: #577792; opacity: 0.6; width: 230px; height: 230px; mask: url(../assets/Hex-Lines.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-Lines.svg) center 50% no-repeat; position: absolute; }
    .left-content-panel.shape .side-hexagon-container .line-side-hexagon.top { top: 0px; }
    .left-content-panel.shape .side-hexagon-container .line-side-hexagon.right { right: 150px; }
    .left-content-panel.shape .side-hexagon-container .line-side-hexagon.bottom { bottom: 0px; }

    /* Overlay */
    @media screen and (min-width: 1600px) {
        .left-content-panel.shape.overlay .side-hexagon-container { width: 820px; height: 820px; top: 85px; right: -60px; }
        .left-content-panel.shape.overlay .side-hexagon-container .side-hexagon.image { width: 820px; height: 820px; background-size: 724px; }
        .left-content-panel.shape.overlay .side-hexagon-container .side-hexagon.image + .side-overlay-image { position: absolute; top: -78px; left: -35px; right: 0px; margin: auto; } 
    }

    /* Next To */
    .right-content-panel.shape + .shape-container + .left-content-panel.shape { margin-top: -100px; }


/* Right Content Panel */
.right-content-panel { padding: 170px 0px 170px 0px; min-height: 500px; background-position: top center; background-repeat: no-repeat; overflow: hidden; position: relative; width: 100%; }
    .right-content-panel ul { list-style: none; padding: 0px; margin: 0px 0px 30px 0px; width: 100%; }
    .right-content-panel ul.no-border li { border: 0px; }
    .right-content-panel li { color: #607e86; font-weight: 300; padding: 12px 0px; border-bottom: 1px #38b6ab solid; }
    .right-content-panel li:first-child { padding-top: 0px; }
    .right-content-panel li:last-child { border: none; }
    .right-content-panel h6 { color: #607e86; margin-bottom: 15px; }
    .right-content-panel h5 { color: #607e86; margin-bottom: 15px; }
    .right-content-panel h2 { margin-bottom: 25px; }
    .right-content-panel h3 { margin-bottom: 25px; }
    .right-content-panel h4 { color: #00a8b7; margin-bottom: 25px; }
    .right-content-panel p { color: #607e86; margin-bottom: 25px; }
    .right-content-panel li { color: #607e86; }
    .right-content-panel strong { font-weight: 600; }
    .right-content-panel h2 + p + p { margin-bottom: 0px; }
    .right-content-panel[dark-mode] { background: #182733; }
    .right-content-panel .center-content { width: 100%; max-width: 620px; margin-left: 0; margin-right: 0; }
    .right-content-panel .img-side .side-img { top: 50%; transform: translateY(-50%); left: 15px; right: 15px; margin: auto; position: absolute; }
    .right-content-panel .glow.left { background-color: #11566d; box-shadow: 0px 0px 320px 380px #11566d; }

    /* Vertical Center */
    .right-content-panel.vertical-center { min-height: 900px; padding: 0px 0px 0px 0px; }
        .right-content-panel.vertical-center .col { min-height: 900px; position: relative; }
        .right-content-panel.vertical-center .center-content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 94%; max-width: 620px; margin: auto; }

    .right-content-panel.vertical-center.height-800 { min-height: 800px; }
        .right-content-panel.vertical-center.height-800 .col { min-height: 800px; }     
    .right-content-panel.vertical-center.height-700 { min-height: 700px; }
        .right-content-panel.vertical-center.height-700 .col { min-height: 700px; }     
    .right-content-panel.vertical-center.height-600 { min-height: 600px; }
        .right-content-panel.vertical-center.height-600 .col { min-height: 600px; }  
        
    /* Shape */
    .right-content-panel.shape.vertical-center { min-height: 1000px; padding: 0px 0px 0px 0px; }
    .right-content-panel.shape.vertical-center .col { min-height: 1000px; }
    .right-content-panel.shape.vertical-center .center-content { max-width: 720px; }
    .right-content-panel.shape .side-hexagon-container { width: 920px; height: 920px; left: -110px; top: 40px; position: absolute; }
    .right-content-panel.shape .side-hexagon-container .side-hexagon { background-color: #38b6ab; width: 920px; height: 920px; top: 0px; position: absolute; mask: url(../assets/Hex-01.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-01.svg) center 50% no-repeat;  }
    .right-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img { max-width: 640px; max-height: 825px; bottom: 0px; right: 80px; position: absolute; }
    .right-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img.middle { right: -20px; top: 50%; transform: translateY(-50%); bottom: auto; margin: auto; }
    .right-content-panel.shape .side-hexagon-container .side-hexagon.blue { background-color: #00a5c8; }
    .right-content-panel.shape .side-hexagon-container .side-hexagon.green { background-color: #38b6ab; }
    .right-content-panel.shape .side-hexagon-container .side-hexagon.image { background-position: 50% center; background-repeat: no-repeat; }
    .right-content-panel.shape .side-hexagon-container .line-side-hexagon { background-color: #577792; opacity: 0.6; width: 230px; height: 230px; mask: url(../assets/Hex-Lines.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-Lines.svg) center 50% no-repeat; position: absolute; }
    .right-content-panel.shape .side-hexagon-container .line-side-hexagon.big { width: 400px; height: 400px; }
    .right-content-panel.shape .side-hexagon-container .line-side-hexagon.top { top: 0px; }
    .right-content-panel.shape .side-hexagon-container .line-side-hexagon.right { right: 150px; }
    .right-content-panel.shape .side-hexagon-container .line-side-hexagon.bottom { bottom: 0px; }
    .right-content-panel.shape .side-hexagon-container .line-side-hexagon.big.right { right: 70px; }

    /* Next To */
    .featured-products-slider-panel + .shape-container + .right-content-panel.shape { margin-top: -70px; }
    .right-content-panel + .shape-container + .shape-container + .featured-products-slider-panel { margin-top: 0px; }
    .left-content-panel + .shape-container + .shape-container + .featured-products-slider-panel { margin-top: 0px; }
    .left-content-panel.shape + .shape-container + .right-content-panel.shape { margin-top: -100px; }


/* Center Content Panel */
.center-content-panel { padding: 100px 0px 100px 0px; overflow: hidden; position: relative; width: 100%; }
    .center-content-panel .col-lg-3 { text-align: center; min-height: 200px; position: relative; }
        .center-content-panel .col-lg-3 img { max-width: 350px; max-height: 190px; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; }
    .center-content-panel h2 { margin-bottom: 40px; }

    .center-content-panel .slide { padding: 0px!important; }

    .center-content-panel .s_carousel.s_carousel_default .carousel-indicators { position: relative; bottom: 0px; margin: 0px; padding: 60px 0px 0px 0px; }
        .center-content-panel .s_carousel.s_carousel_default .carousel-indicators li { border: 2px solid #999999 !important; height: 20px; width: 20px; border-radius: 0px; padding: 0px; margin-right: 5px; margin-left: 5px; box-shadow: none; opacity: 1; }
        .center-content-panel .s_carousel.s_carousel_default .carousel-indicators li.active { background: #999999; }


/* Center Content Side Images Panel */
.center-content-side-images-panel { overflow: hidden; position: relative; text-align: center; }
.center-content-side-images-panel.overlap { z-index: 1; }
    .center-content-side-images-panel p { color: #607e86; margin-bottom: 25px; }

.center-content-side-images-panel.vertical-center { min-height: 900px; padding: 0px 0px 0px 0px; }
    .center-content-side-images-panel.vertical-center .col { min-height: 900px; }
    .center-content-side-images-panel.vertical-center .center-content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 94%; max-width: 840px; margin: auto; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container { width: 490px; height: 490px; position: absolute; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container .side-hexagon { background-color: #38b6ab; width: 490px; height: 490px; top: 0px; position: absolute; mask: url(../assets/Hex-01.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-01.svg) center 50% no-repeat; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container.left { top: 160px; left: -80px; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container.right { top: 160px; right: -80px; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container .side-hexagon + .hexagon-side-img { max-width: 400px; max-height: 575px; bottom: 0px; right: 80px; position: absolute; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container .side-hexagon + .hexagon-side-img.middle { left: 0px; right: 0px; top: 50%; transform: translateY(-50%); bottom: auto; margin: auto; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container .side-hexagon.blue { background-color: #00a5c8; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container .side-hexagon.green { background-color: #38b6ab; }

    .center-content-side-images-panel.vertical-center .hexagon-grid.one { top: 100px; }
    .center-content-side-images-panel.vertical-center .hexagon-grid.two { top: 100px; }

    .center-content-side-images-panel.height-800 { min-height: 800px; }
        .center-content-side-images-panel.height-800 .col { min-height: 800px; }     
    .center-content-side-images-panel.height-700 { min-height: 700px; }
        .center-content-side-images-panel.height-700 .col { min-height: 700px; }     
    .center-content-side-images-panel.height-600 { min-height: 600px; }
        .center-content-side-images-panel.height-600 .col { min-height: 600px; }  

    .cutoff-internal-header-panel + .center-content-side-images-panel { margin-top: -50px; }
    .center-content-side-images-panel + .shape-container + .environment-slider-panel { margin-top: -50px; }

    .center-content-side-images-panel + .shape-container .hexagon-grid.one { top: 40px; }
       

/* Double Content Panel */
.double-content-panel { min-height: 800px; overflow: hidden; position: relative; }
    .double-content-panel .container { width: 100%; max-width: 100%; padding: 0px; }
    .double-content-panel .left { padding: 150px 0px 0px 0px; min-height: 800px; position: relative; }
    .double-content-panel .right { padding: 150px 0px 0px 0px; min-height: 800px; position: relative; }
    .double-content-panel .center-content { position: absolute; left: 0px; right: 0px; width: 94%; max-width: 700px; margin: auto; }

    .double-content-panel h6 { margin-bottom: 15px; }
    .double-content-panel h5 { color: #ffffff; font-weight: 600; margin-bottom: 25px; }
    .double-content-panel h2 { color: #ffffff; margin-bottom: 25px; }
    .double-content-panel h3 { color: #ffffff; margin-bottom: 25px; }
    .double-content-panel p { color: #ffffff; margin-bottom: 35px; }

    .double-content-panel[dark-mode] h6 { color: #ffffff; }

    .double-content-panel.vertical-center .center-content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 94%; max-width: 700px; margin: auto; }
        .double-content-panel .left .center-content { width: 100%; max-width: 490px; left: 100px; right: auto; }
        .double-content-panel .left .cutoff-img { position: absolute; bottom: -300px; right: -140px; }
        .double-content-panel .right .center-content { width: 100%; max-width: 490px; left: 80px; right: auto; }
        .double-content-panel .right .cutoff-img { position: absolute; bottom: -20px; right: -85px; }

/* Top Cutoff Center Panel */
.top-cutoff-center-panel { min-height: 1120px; position: relative; overflow: hidden; }
    .top-cutoff-center-panel .center-content { padding-top: 700px; text-align: center; max-width: 720px; margin: auto; }

    .top-cutoff-center-panel .mask { background: #00a5c8; min-height: 1120px; mask: url(../assets/Hex-Down-01.svg) center top no-repeat; -webkit-mask: url(../assets/Hex-Down-01.svg) center top no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; } 
    .top-cutoff-center-panel .side-img { position: absolute; top: 50px; z-index: 1; display: block; }
    .top-cutoff-center-panel .side-img.left { left: -50px; }
    .top-cutoff-center-panel .side-img.right { right: -50px; }
    .top-cutoff-center-panel .hexagon-grid.single { top: 290px; left: 0px; right: 0px; margin: auto; }
    .top-cutoff-center-panel .glow { background-color: #00cae5; box-shadow: 0px 0px 240px 300px #00cae5; top: -250px; }
    .top-cutoff-center-panel .glow.left { left: 80px; right: auto; }
    .top-cutoff-center-panel .glow.right { right: 80px; left: auto; }
    .top-cutoff-center-panel .formeo input.form-control { height: 40px; border-radius: 40px; border: 0px; }
    .top-cutoff-center-panel .formeo input.form-control.error { border: 1px #ccc solid; }
    .top-cutoff-center-panel .formeo .formeo-column { padding: 0px 10px; }

.center-content-side-images-panel + .top-cutoff-center-panel { margin-top: -200px; }
.internal-page-panel + .top-cutoff-center-panel  { margin-top: -130px; }

/**
 * Dark Mode
 * ========================================================================== */

    [dark-mode] h6 { color: #cccccc; }
    [dark-mode] h5 { color: #cccccc; }
    [dark-mode] h2 { color: #ffffff; }
    [dark-mode] h3 { color: #ffffff; }
    [dark-mode] h4 { color: #ffffff; }
    [dark-mode] p { color: #cccccc; }
    [dark-mode] li { color: #cccccc; }



/**
 * Internal Header BG Panel
 * ========================================================================== */

.internal-header-bg-panel { background: #2e495f; position: relative; min-height: 400px; margin-top: 117px; background-position: bottom center; background-repeat: no-repeat; padding: 0px 30px 0px 30px; overflow: hidden; position: relative; }
    .internal-header-bg-panel .container { max-width: 1825px; }
    .internal-header-bg-panel .col-12 { position: relative; min-height: 400px; }
    .internal-header-bg-panel .center-content { top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; z-index: 1; }
    .internal-header-bg-panel .center-content h2 { color: #ffffff; }
    .internal-header-bg-panel .side-img { max-height: 600px; max-width: 400px; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; }

    .internal-header-bg-panel.small { min-height: 250px; }
        .internal-header-bg-panel.small .col-12 { min-height: 250px; }
        .internal-header-bg-panel.small .side-img { max-width: 70%; }

/**
 * Internal Header Panel
 * ========================================================================== */

.internal-header-panel { background: #ffffff; position: relative; min-height: 630px; margin-top: 117px; background-position: bottom center; background-repeat: no-repeat; padding: 0px 0px 0px 0px; overflow: hidden; position: relative; }
    .internal-header-panel .col-12 { position: relative; min-height: 630px; }
    .internal-header-panel .col-12.left { padding-right: 0px; }
    .internal-header-panel .content { padding-top: 70px; }
    .internal-header-panel .center-content { top: 50%; transform: translateY(-50%); left: 15px; right: 0px; margin: auto; position: absolute; }
    .internal-header-panel h2 { margin-bottom: 30px; }
    .internal-header-panel p { color: #607e86; margin-bottom: 30px; }
    .internal-header-panel h2 + p + p { margin-bottom: 0px; }
    .internal-header-panel .side-img { max-width: 700px; margin: 70px auto auto auto; display: block; position: relative; }

    .internal-header-panel .cutoff-hexagon { background-color: #38b6ab; width: 580px; height: 580px; top: 50%; transform: translateY(-50%); left: -480px; position: absolute; mask: url(../assets/Hex-01.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-01.svg) center 50% no-repeat; }
    .internal-header-panel .cutoff-hexagon.blue { background-color: #00a5c8; }
    .internal-header-panel .cutoff-hexagon.dark-blue { background-color: #2e495f; }
    .internal-header-panel .cutoff-hexagon.green { background-color: #38b6ab; }

    .internal-header-panel + .shape-container + .right-content-panel.shape.vertical-center { margin-top: -40px; } 
    .internal-header-panel + .shape-container .hexagon-grid.one { top: -40px; }


/**
* Internal: Sub Navigation
* ========================================================================== */

.internal-page-sub-navigation { background: #fff; padding: 20px 0px 20px 0px; transition-timing-function: ease-in; transition: 0.3s; }
    .internal-page-sub-navigation ul { list-style: none; padding: 0px; margin: 0px; text-align: center; }
    .internal-page-sub-navigation ul li { font-size: 16px; line-height: 24px; display: inline-block; vertical-align: middle; margin-left: 30px; margin-right: 30px; font-weight: 600; }
    .internal-page-sub-navigation ul li:last-child { margin-right: 0px; }
    .internal-page-sub-navigation ul li a { color: #607e86; padding-bottom: 7px; display: block; }
    .internal-page-sub-navigation ul li a:hover { color: #00a5c8; }
    .internal-page-sub-navigation ul li.active a { color: #2e4960; }
    .internal-page-sub-navigation ul li.active:after { border-bottom: 3px #00a5c8 solid; content: ""; display: block; margin: 0 auto; width: 70% }
    .internal-page-sub-navigation .btn { margin-top: 5px; float: right; }
    .internal-page-sub-navigation .dropdown { display: none; float: left; }
    .internal-page-sub-navigation .dropdown li a br { display: none; }

    .internal-page-sub-navigation.greentick { visibility: hidden; opacity: 0; display: none; }

    .internal-page-sub-navigation.scrolled { position: fixed; width: 100%; padding: 15px 0px 15px 0px; top: 91px; border-bottom: 1px #ccc solid; z-index: 5; transition-timing-function: ease-in; transition: 0.3s; }
    .internal-page-sub-navigation.greentick.scrolled { visibility: visible; opacity: 1; display: block; }

    .internal-page-sub-navigation.scrolled + .internal-page-panel { margin-top: 91px; }
    .internal-page-sub-navigation.scrolled.greentick + .internal-page-panel { margin-top: 0px; }

/**
* Internal Hexagon Header Panel
* ========================================================================== */

.internal-hexagon-header-panel { background: #2e4960; mask: url(../assets/EV-Header-01.svg) center bottom no-repeat; -webkit-mask: url(../assets/EV-Header-01.svg) center bottom no-repeat; padding: 80px 0px 45px 0px; margin-top: 80px; min-height: 225px; mask-size: 2160px; -webkit-mask-size: 2160px; }
    .internal-hexagon-header-panel h2 { color: #ffffff; }
    .internal-hexagon-header-panel h5 { color: #00a5c8; min-height: 15px; }
    .internal-hexagon-header-panel h5 a { color: #00a5c8; }
    .internal-hexagon-header-panel p { margin: 15px auto 0px auto; max-width: 1200px; }
    .internal-hexagon-header-panel.news h5 { margin-top: 5px; margin-bottom: 5px; }
    .internal-hexagon-header-panel.news h2 { font-size: 48px; line-height: 56px; width: 100%; max-width: 1200px; margin: auto; }


/**
 * Internal Page Panel
 * ========================================================================== */

.internal-page-panel { padding: 180px 0px 120px 0px; position: relative; overflow: hidden; }
    .internal-page-panel .center-header-content { text-align: center; padding-bottom: 30px; }
        .internal-page-panel .center-header-content h2 { margin-bottom: 18px; }
        .internal-page-panel .center-header-content h6 { color: #adadad; font-size: 18px; line-height: 24px; margin-bottom: 30px; }
        .internal-page-panel .center-header-content h6 a { padding: 0px 5px; }

        .internal-page-panel .breadcrumb a { padding: 0px 6px; }
        .internal-page-panel .breadcrumb a:first-child { padding-left: 0px; }

    .internal-page-sub-navigation + .internal-page-panel { padding-top: 100px; }
    .internal-hexagon-header-panel + .internal-page-panel { padding-top: 100px; }
    .internal-page-panel + .internal-page-panel { padding-top: 100px; }

    .internal-page-panel.blue { background-color: #00a5c8; }
        .internal-page-panel.blue h2 { color: #ffffff; }
        .internal-page-panel.blue h3 { color: #ffffff; }
        .internal-page-panel.blue h4 { color: #ffffff; }
        .internal-page-panel.blue h5 { color: #ffffff; }
        .internal-page-panel.blue iframe { border: 0px!important; }

    .internal-page-panel .hexagon-grid.one { width: 236px; height: 272px; top: 50px; }
        .internal-page-panel .hexagon-grid.one .hexagon.hexagon-3 { width: 170px; height: 170px; }

    .internal-page-panel .hexagon-grid.two { top: 50px; }

    .internal-page-panel .center-page-content { color: #607e86; font-size: 20px; line-height: 28px; font-weight: 300; max-width: 900px; margin: auto; }
    .internal-page-panel .center-page-content.wide {  max-width: 1100px; }
        .internal-page-panel .center-page-content h3 { color: #00a5c8; font-size: 32px; line-height: 40px; margin-bottom: 20px; }
        .internal-page-panel .center-page-content p { color: #607e86; font-size: 20px; line-height: 28px; font-weight: 300; margin-bottom: 25px; }
        .internal-page-panel .center-page-content ul { color: #607e86; font-size: 20px; line-height: 28px; font-weight: 300; list-style: none; padding: 0px; margin: 0px; }
        .internal-page-panel .center-page-content ol { color: #607e86; font-size: 20px; line-height: 28px; font-weight: 300; padding: 0px 0px 0px 19px; margin: 0px; }
        .internal-page-panel .center-page-content li { color: #607e86; font-size: 20px; line-height: 28px; font-weight: 300; margin-bottom: 25px; }
        .internal-page-panel .center-page-content ul li { border-bottom: 1px #ccc solid; padding: 10px 0px; margin: 0px; }
        .internal-page-panel .center-page-content ul li:last-child { border-bottom: 0px; padding-bottom: 0px; }
        .internal-page-panel .center-page-content li p { margin-bottom: 0px; }

        .internal-page-panel .center-page-content table.table .table-head td { background: #38b6ab; color: #ffffff; font-size: 17px; font-weight: 600; padding: 20px 10px; text-transform: capitalize; box-shadow: none; }
        .internal-page-panel .center-page-content table.table .table-head td strong { font-weight: 600; }
        .internal-page-panel .center-page-content table.table td { background: #ffffff; vertical-align: middle; color: #666666; font-size: 15px; line-height: 21px; padding: 10px; }
        .internal-page-panel .center-page-content table.table td a strong { font-weight: 400; }
        .internal-page-panel .center-page-content table.table td a font { color: #00a5c8!important; }
        .internal-page-panel .center-page-content table.table td a u { text-decoration: none; }
        .internal-page-panel .center-page-content table.table td { --bs-table-striped-bg: rgba(184, 184, 184, 0.05); }
        .internal-page-panel .center-page-content table.table td.blue { background: #00a5c8; color: #ffffff; font-size: 16px; line-height: 16px; padding: 15px 10px; }
        .internal-page-panel .center-page-content table.table td.blue strong { font-weight: 600; }
        .internal-page-panel .center-page-content table.table.our-team td { width: 15%; }
        .internal-page-panel .center-page-content table.table.our-team td + td { width: 43%; }
        .internal-page-panel .center-page-content table.table.our-team td + td + td { width: 22%; }
        .internal-page-panel .center-page-content table.table.our-team td + td + td + td { width: 20%; }

        .internal-page-panel .breadcrumb { display: none; color: #2e4960; margin-bottom: 30px; }
            .internal-page-panel .breadcrumb a { color: #2e4960; }
            .internal-page-panel .breadcrumb a:hover { color: #38b6ab; }

        .internal-page-panel .videos .video-feature-holder { min-height: 350px; margin-bottom: 30px; position: relative; }
        .internal-page-panel .video-feature { width: 88%; text-align: center; margin: auto; left: 0px; right: 0px; top: 0px; position: absolute; }
            .internal-page-panel .video-feature h4 { font-size: 26px; line-height: 34px; text-align: left; margin-top: 20px; }
            .internal-page-panel .resp-container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; }
                .internal-page-panel .resp-container iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }


    .internal-page-panel .support-slider .slick-dots { position: relative; bottom: -20px; }

    .internal-page-panel .support-feature { background: #f9f9f9; min-height: 290px; border-radius: 10px; padding: 25px; width: 90%; margin: auto auto 40px auto; position: relative; }
        .internal-page-panel .support-feature .hexagon-icon { background: url(../assets/hex-small-blue-container-bg.png) 50% center no-repeat; background-size: 70px; height: 80px; width: 80px; margin-bottom: 14px; position: relative; }
        .internal-page-panel .support-feature .hexagon-icon .icon { position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; background-color: #00a5c8; height: 40px; width: 40px; }
        .internal-page-panel .support-feature.video .hexagon-icon .icon { mask: url(../assets/play-doc-icon-02.svg) center 50% no-repeat; -webkit-mask: url(../assets/play-doc-icon-02.svg) center 50% no-repeat; left: 3px; }
        .internal-page-panel .support-feature.document .hexagon-icon .icon { mask: url(../assets/play-doc-icon-01.svg) center 50% no-repeat; -webkit-mask: url(../assets/play-doc-icon-01.svg) center 50% no-repeat; }
        .internal-page-panel .support-feature img { display: none; height: 46px; margin-bottom: 10px; }
        .internal-page-panel .support-feature h5 { color: #2e4960; font-size: 26px; line-height: 34px; margin: 0px 0px 0px 0px; min-height: 72px; max-height: 200px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 100%; }
        .internal-page-panel .support-feature p { color: #00a8b7; font-size: 16px; line-height: 22px; font-weight: 600; bottom: 25px; position: absolute; margin: 0px; }
        .internal-page-panel .support-feature:hover p { color: #00a5c8; }


    .internal-page-panel .awards-feature { border-bottom: 1px #38b6ab solid; padding-bottom: 35px; margin: auto auto 40px auto; max-width: 700px; position: relative; }
        .internal-page-panel .awards-feature .image { width: 34%; display: inline-block; vertical-align: middle; }
        .internal-page-panel .awards-feature .image .image-holder { height: 200px; width: 200px; border: 1px #ccc solid; display: block; position: relative; }
        .internal-page-panel .awards-feature .image .image-holder img { height: auto; max-width: 160px; max-height: 150px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; }
        .internal-page-panel .awards-feature .details { font-size: 16px; line-height: 24px; width: 62%; display: inline-block; vertical-align: middle; }
        .internal-page-panel .awards-feature.large .details { font-size: 22px; line-height: 30px; }


    .internal-page-panel .accordion-item { border: 0px; margin-bottom: 20px; border-radius: 0px; }
        .internal-page-panel .accordion-item .accordion-header { border-radius: 0px; line-height: 30px; }
        .internal-page-panel .accordion-item .accordion-button { background: #00a5c8; color: #ffffff; font-size: 20px; font-weight: 500; border: 1px #cccccc solid; border-radius: 0px; box-shadow: none; }
        .internal-page-panel .accordion-item .accordion-button.collapsed { background: #ffffff; color: #2e4960; font-weight: 500; }
        .internal-page-panel .accordion-item .accordion-collapse { border: 1px #ccc solid; border-top: 0px; border-radius: 0px; }
        .internal-page-panel .accordion-item .accordion-collapse .accordion-body p { font-size: 18px; line-height: 26px; margin-bottom: 15px; }
        .internal-page-panel .accordion-item .accordion-collapse .accordion-body p:last-child { margin-bottom: 0px; }
        .internal-page-panel .accordion-item .accordion-collapse .accordion-body p span { font-size: 18px!important; line-height: 26px!important; font-family: 'Poppins', sans-serif!important; margin-bottom: 0px; }
        .internal-page-panel .accordion-item .accordion-collapse .accordion-body p a { color: #00a5c8!important; text-decoration: none!important; }

        .internal-page-panel .accordion-button::after { background: none; width: 27px; height: 27px; font-size: 36px; font-weight: 500; content: "+"; transform: none; transition: none; text-align: right; }
        .internal-page-panel .accordion-item:hover .accordion-button::after { color: #00a5c8; }
        .internal-page-panel .accordion-button:not(.collapsed)::after { color: #ffffff; background: none; width: 27px; height: 27px; font-size: 41px; font-weight: 500; content: "-"; transform: none; transition: none; text-align: center; }
        .internal-page-panel .accordion-item:hover .accordion-button:not(.collapsed)::after { color: #ffffff; }

        .internal-page-panel .accordion-item:first-of-type { border-top-left-radius: 0px; border-top-right-radius: 0px; }


    .internal-page-panel .news-search { height: 44px; max-width: 600px; width: 100%; margin: auto auto 50px auto; }
        .internal-page-panel .news-search .form-control { width: 75%; height: 44px; border-radius: 40px; float: left; box-shadow: none; }
        .internal-page-panel .news-search .form-control:focus { border-color: #00a5c8; }
        .internal-page-panel .news-search .btn { width: 20%; padding: 11px 5px; float: right; }


    .internal-page-panel .safety-data-sheet-downloads { width: 240px; position: relative; float: left; }
    .internal-page-panel .safety-data-sheet-downloads.scrolled { top: 130px; position: fixed; }
        .internal-page-panel .safety-data-sheet-downloads .download-list-items { overflow: auto; height: 220px; padding-right: 15px; margin-bottom: 20px; }
        .internal-page-panel .safety-data-sheet-downloads h5 { font-size: 22px; line-height: 28px; margin-bottom: 10px; }
        .internal-page-panel .safety-data-sheet-downloads p { font-size: 17px; line-height: 24px; }
        .internal-page-panel .safety-data-sheet-downloads li { font-size: 16px; line-height: 22px; }
        .internal-page-panel .safety-data-sheet-remove { font-size: 22px; float: right; }

        .internal-page-panel .safety-data-sheet-item { font-size: 18px; line-height: 24px; padding: 14px 0px; border-bottom: 1px #ccc solid; }
            .internal-page-panel .safety-data-sheet-item .checkbox { position: relative; }
            .internal-page-panel .safety-data-sheet-item .checkbox label::after { width: 18px; height: 18px; left: 0; top: 0; margin-left: -17px; padding-left: 0px; padding-top: 0px; font-size: 1px; color: #006496; margin-top: 3px; background: #006496; }
            .internal-page-panel .safety-data-sheet-item input { opacity: 0; z-index: 1; cursor: pointer; width: 100%; height: 30px; position: absolute; margin-left: -20px; }
            .internal-page-panel .safety-data-sheet-item .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 24px; height: 24px; left: 0; margin-left: -20px; border-radius: 3px; background-color: #f8f8f8; border: 1px #999 solid; }
            .internal-page-panel .safety-data-sheet-item .checkbox label { padding-left: 15px; }

    .internal-page-panel .safety-data-sheet-content { width: 70%; float: right; }


    .internal-page-panel .microsite-product-feature { width: 80%; padding: 60px 0px 25px 0px; text-align: center; margin: auto auto 50px auto; }
        .internal-page-panel .microsite-product-feature .image { width: 100%; height: 300px; padding: 0px; margin-top: -20px; position: relative; text-align: center; overflow: hidden; }
            .internal-page-panel .microsite-product-feature .image img { position: absolute; max-height: 320px; margin: auto; left: 0; right: 0; top: 50%; transform: translate(0%, -50%); }
        .internal-page-panel .microsite-product-feature .text { width: 100%; display: block; }
            .internal-page-panel .microsite-product-feature .text h3 { color: #2e4960; font-size: 30px; line-height: 36px; margin-bottom: 4px; text-transform: uppercase; }
            .internal-page-panel .microsite-product-feature .text h4 { color: #00a5c8; font-size: 20px; font-weight: 700; margin-bottom: 5px; }
            .internal-page-panel .microsite-product-feature .text p { margin-bottom: 15px; }
            .internal-page-panel .microsite-product-feature .text ul { list-style: none; padding: 0px; margin-top: 20px; }
            .internal-page-panel .microsite-product-feature .text ul li { color: #828282; border-bottom: 1px #dedede solid; padding: 8px 0px; }
            .internal-page-panel .microsite-product-feature .text ul li:last-child { border-bottom: 0px; }
            .internal-page-panel .microsite-product-feature .text h3 small { color: #2e4960; font-size: 14px; font-weight: 700; }
            .internal-page-panel .microsite-product-feature .text sup { top: -5px; }
            .internal-page-panel .microsite-product-feature .text .figure-circle { background: #999; color: #fff; height: 35px; width: 35px; text-align: center; border-radius: 50%; padding: 9px 0px 0px 0px; margin-right: 4px; display: inline-block; vertical-align: top; }
                .internal-page-panel .microsite-product-feature .text .figure-circle h5 { color: #ffffff; font-size: 14px; line-height: 1.1; font-weight: 600; margin: 0px; }
                .internal-page-panel .microsite-product-feature .text .figure-circle h6 { color: #ffffff; font-size: 9px; line-height: 1.1; font-weight: 600; margin: 3px 0px 0px 0px; }

            .internal-page-panel .microsite-product-feature.grey { color: #505256; }
            .internal-page-panel .microsite-product-feature.grey .figure-circle { background: #505256; }
            .internal-page-panel .microsite-product-feature.grey .btn { background: #505256; border-color: #505256; color: #fff; }

            .internal-page-panel .microsite-product-feature.purple { color: #9d7ab7; }
            .internal-page-panel .microsite-product-feature.purple .figure-circle { background: #9d7ab7; }
            .internal-page-panel .microsite-product-feature.purple .btn { background: #9d7ab7; border-color: #9d7ab7; color: #fff; }

            .internal-page-panel .microsite-product-feature.pink { color: #f07bb0; }
            .internal-page-panel .microsite-product-feature.pink .figure-circle { background: #f07bb0; }
            .internal-page-panel .microsite-product-feature.pink .btn { background: #f07bb0; border-color: #f07bb0; color: #fff; }

            .internal-page-panel .microsite-product-feature.green { color: #6ebe5a; }
            .internal-page-panel .microsite-product-feature.green .figure-circle { background: #6ebe5a; }
            .internal-page-panel .microsite-product-feature.green .btn { background: #6ebe5a; border-color: #6ebe5a; color: #fff; }

            .internal-page-panel .microsite-product-feature.maroon { color: #932258; }
            .internal-page-panel .microsite-product-feature.maroon .figure-circle { background: #932258; }
            .internal-page-panel .microsite-product-feature.maroon .btn { background: #932258; border-color: #932258; color: #fff; }

            .internal-page-panel .microsite-product-feature.blue { color: #3779be; }
            .internal-page-panel .microsite-product-feature.blue .figure-circle { background: #3779be; }
            .internal-page-panel .microsite-product-feature.blue .btn { background: #3779be; border-color: #3779be; color: #fff; }

            .internal-page-panel .microsite-product-feature.red { color: #e7433a; }
            .internal-page-panel .microsite-product-feature.red .figure-circle { background: #e7433a; }
            .internal-page-panel .microsite-product-feature.red .btn { background: #e7433a; border-color: #e7433a; color: #fff; }


/**
 * Cutoff Internal Header Panel
 * ========================================================================== */

.cutoff-internal-header-panel { background: #ffffff; position: relative; min-height: 740px; margin-top: 117px; background-position: bottom center; background-repeat: no-repeat; padding: 0px 0px 0px 0px; overflow: hidden; position: relative; }
    .cutoff-internal-header-panel .mask {  min-height: 740px; mask: url(../assets/Featured-Product-Hex-01.svg) center bottom no-repeat; -webkit-mask: url(../assets/Featured-Product-Hex-01.svg) center bottom no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px;  }
    .cutoff-internal-header-panel .col-12 { position: relative; min-height: 740px; }
    .cutoff-internal-header-panel .center-content { padding-top: 120px; text-align: center; left: 0px; right: 0px; max-width: 1020px; margin: auto; position: relative; }
    .cutoff-internal-header-panel video { position: absolute; top: 0px; }
    .cutoff-internal-header-panel .hexagon-grid.one { top: 120px; }
    .cutoff-internal-header-panel .hexagon-grid.two { top: 150px; }
    .cutoff-internal-header-panel .hexagon-grid.single.left { top: 330px; left: 220px; }
    .cutoff-internal-header-panel .hexagon-grid.single.right { top: 330px; right: 220px; }


/**
 * Cutoff Internal Small Header Panel
 * ========================================================================== */

.cutoff-internal-small-header-panel { background: #ffffff; position: relative; min-height: 520px; margin-top: 117px; background-position: bottom center; background-repeat: no-repeat; padding: 0px 0px 0px 0px; overflow: hidden; position: relative; }
    .cutoff-internal-small-header-panel .mask {  min-height: 520px; mask: url(../assets/Featured-Product-Hex-01.svg) center bottom no-repeat; -webkit-mask: url(../assets/Featured-Product-Hex-01.svg) center bottom no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px;  }
    .cutoff-internal-small-header-panel .col-12 { position: relative; min-height: 520px; }
    .cutoff-internal-small-header-panel .center-content { padding-top: 100px; text-align: center; left: 0px; right: 0px; max-width: 700px; margin: auto; position: relative; }
    .cutoff-internal-small-header-panel video { position: absolute; top: 0px; }
    .cutoff-internal-small-header-panel .hexagon-grid.one { top: 120px; }
    .cutoff-internal-small-header-panel .hexagon-grid.two { top: 150px; }
    .cutoff-internal-small-header-panel .hexagon-grid.single.left { top: 330px; left: 220px; }
    .cutoff-internal-small-header-panel .hexagon-grid.single.right { top: 150px; right: 220px; }

/**
 * Internal Header Product Panel
 * ========================================================================== */

.internal-header-product-panel { background: #2e495f; position: relative; min-height: 250px; top: 116px; background-position: bottom center; background-repeat: no-repeat; padding: 0px 30px 0px 30px; overflow: hidden; position: fixed; width: 100%; z-index: 5; transition-timing-function: ease-in; transition: 0.4s; }
    .internal-header-product-panel .container { max-width: 1825px; }
    .internal-header-product-panel .col { position: relative; min-height: 250px; transition-timing-function: ease-in; transition: 0.4s; }
    .internal-header-product-panel .center-content { top: 50%; transform: translateY(-50%); left: 15px; right: 0px; margin: auto; position: absolute; }
        .internal-header-product-panel .center-content h2 { color: #ffffff; font-size: 58px; line-height: 66px; transition-timing-function: ease-in; transition: 0.4s; }
        .internal-header-product-panel .center-content h5 { font-size: 26px; line-height: 34px; transition-timing-function: ease-in; transition: 0.4s; }
    .internal-header-product-panel .right .row {width: 100%; max-width: 520px; float: right; }
    .internal-header-product-panel .three + .row { max-width: 780px; }
    .internal-header-product-panel .download-feature { height: 160px; border: 2px #00a5c8 solid; border-radius: 15px; padding: 15px; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; left: 15px; text-align: center; transition-timing-function: ease-in; transition: 0.4s; }
        .internal-header-product-panel .download-feature h6 { color: #ffffff; font-size: 17px; line-height: 24px; margin-top: 15px; transition-timing-function: ease-in; transition: 0.4s; }
        .internal-header-product-panel .download-feature .icon { background-color: #00a5c8; height: 60px; width: 100%; margin-top: 5px; transition-timing-function: ease-in; transition: 0.4s; }
        .internal-header-product-panel .download-feature .icon.spec { mask: url(../assets/spec-sheet-icon.svg) center 50% no-repeat; -webkit-mask: url(../assets/spec-sheet-icon.svg) center 50% no-repeat; }
        .internal-header-product-panel .download-feature .icon.micro { mask: url(../assets/micro-sheet-icon.svg) center 50% no-repeat; -webkit-mask: url(../assets/micro-sheet-icon.svg) center 50% no-repeat; }
        .internal-header-product-panel .download-feature .icon.safety { mask: url(../assets/safety-sheet-icon.svg) center 50% no-repeat; -webkit-mask: url(../assets/safety-sheet-icon.svg) center 50% no-repeat; }
        .internal-header-product-panel .download-feature:hover { background: #00a5c8; }
        .internal-header-product-panel .download-feature:hover .icon { background-color: #ffffff; }

    .internal-header-product-panel.scrolled { top: 91px; min-height: 150px; transition-timing-function: ease-in; transition: 0.4s; }
    .internal-header-product-panel.scrolled .col { min-height: 150px; }
    .internal-header-product-panel.scrolled .col-12 { min-height: 150px; transition-timing-function: ease-in; transition: 0.4s; }
    .internal-header-product-panel.scrolled .center-content h2 { font-size: 44px; line-height: 50px; transition-timing-function: ease-in; transition: 0.4s; }
    .internal-header-product-panel.scrolled .center-content h5 { font-size: 22px; line-height: 30px; transition-timing-function: ease-in; transition: 0.4s; }
    .internal-header-product-panel.scrolled .download-feature { height: 120px; transition-timing-function: ease-in; transition: 0.4s; }
    .internal-header-product-panel.scrolled .download-feature h6 { font-size: 15px; line-height: 22px; margin-top: 8px; transition-timing-function: ease-in; transition: 0.4s; }
    .internal-header-product-panel.scrolled .download-feature .icon { height: 40px; margin-top: 0px; transition-timing-function: ease-in; transition: 0.4s; }

/**
 * Products
 * ========================================================================== */

.product-listing-panel { background: #ffffff; position: relative; min-height: 400px; padding: 60px 30px 60px 30px; overflow: hidden; position: relative; }
    .product-listing-panel .container { max-width: 1825px; }
    .product-listing-panel .col.right { padding-left: 50px; }
        .product-listing-panel .col.right form { width: 600px; float: right; }
    .product-listing-panel .settings p { color: #2e4960; font-size: 18px; }
    .product-listing-panel .settings p a { color: #2e4960; }
    .product-listing-panel .settings p a:hover { color: #38b6ab; }
    .product-listing-panel .settings .form-group { width: 50%; text-align: right; float: right; margin-top: -7px; }
    .product-listing-panel .settings .form-group label { color: #2e4960; font-size: 18px; font-weight: 300; margin-top: 8px; margin-right: 12px; }
    .product-listing-panel .settings .form-group select { color: #2e4960; line-height: 1.9; border-color: #2e4960; width: 60%; float: right; border-radius: 30px; cursor: pointer; }
    .product-listing-panel .settings .form-group select:hover { border-color: #38b6ab; }
    .product-listing-panel .products { padding: 80px 0px 0px 0px; }

    .product-listing-item { width: 90%; max-width: 300px; text-align: center; position: relative; margin: auto auto 60px auto; }
        .product-listing-item .image { height: 330px; position: relative; }
            .product-listing-item .image img { max-height: 280px; max-width: 220px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; }
        .product-listing-item .details { min-height: 210px; position: relative; }
            .product-listing-item .details h4 { font-size: 32px; line-height: 38px; padding-bottom: 2px; margin-bottom: 10px; max-height: 90px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 100%; }
            .product-listing-item .details p { color: #607e86; font-size: 22px; line-height: 30px; font-weight: 400; margin-bottom: 0px; max-height: 60px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 100%; }
            .product-listing-item .details .btn { width: 180px; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: auto; }
        .product-listing-item .side-flash { background: #41cec2; height: 100px; width: 100px; top: 0px; left: 10px; position: absolute; mask: url(../assets/Hex-01.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-01.svg) center 50% no-repeat; }
        .product-listing-item .side-flash.blue { background: #00a5c8; }
        .product-listing-item .side-flash.green { background: #41cec2; }
            .product-listing-item .side-flash h6 { color: #ffffff; font-size: 18px; line-height: 24px; position: absolute; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; }
        .product-listing-item .side-flash.bottom { top: auto; bottom: 240px; right: 0px; left: auto; }


    .product-filters-show { display: none; }

    .product-filters { background: #eff2f3; border: 1px #c1c1c1 solid; border-radius: 10px; overflow: hidden; }
        .product-filters h5 { background: #ffffff; border-top-left-radius: 10px; border-top-right-radius: 10px; font-weight: 600; padding: 20px; border-bottom: 1px #c1c1c1 solid; }
        .product-filters .accordion-header { line-height: 30px; }
            .product-filters .accordion-header button { color: #2e495f; font-size: 24px; font-weight: 500; background-color: #fff; }

        .product-filters .accordion-item .accordion-header .accordion-button::after { color: #2e495f; background: none; width: 27px; height: 27px; font-size: 36px; font-weight: 500; content: "+"; transform: none; transition: none; text-align: right; }
        .product-filters .accordion-item .accordion-header:hover .accordion-button::after { color: #00a5c8; }
        .product-filters .accordion-item .accordion-header .accordion-button:not(.collapsed)::after { color: #2e495f; background: none; width: 27px; height: 27px; font-size: 41px; font-weight: 500; content: ""; transform: none; transition: none; text-align: center; }
        .product-filters .accordion-item .accordion-header:hover .accordion-button:not(.collapsed)::after { color: #212529; }

        .product-filters .accordion-header .accordion-button::after { color: #2e495f; background: none; width: 27px; height: 27px; font-size: 36px; font-weight: 500; content: "+"; transform: none; transition: none; text-align: right; }
        .product-filters .accordion-header:hover .accordion-button::after { color: #00a5c8; }
        .product-filters .accordion-header .accordion-button:not(.collapsed)::after { color: #2e495f; background: none; width: 27px; height: 27px; font-size: 41px; font-weight: 500; content: ""; transform: none; transition: none; text-align: center; }
        .product-filters .accordion-header:hover .accordion-button:not(.collapsed)::after { color: #212529; }


        .product-filters .accordion-body { padding: 0px; }
            .product-filters .accordion-collapse .accordion-body button { color: #00a5c8; font-size: 20px; font-weight: 500; background-color: #fff; }
            .product-filters .accordion-flush { border-bottom: 1px #c1c1c1 solid; }
            .product-filters .accordion-flush:last-child { border-bottom: 0px; }
            .product-filters #categories-accordion.accordion-flush { border-bottom: 0px; }
            .product-filters .accordion-button:not(.collapsed) { box-shadow: none; }

            .product-filters .accordion-item:last-child { border-radius: 10px!important; }
            .product-filters .accordion-item:last-child button { border-radius: 10px!important; }

            .product-filters .background { background: #eff2f3; padding: 10px 10px 10px 20px; }
            .product-filters .background .form-group { display: block; margin: 10px 0px; }
            .product-filters .background .form-group label { color: #2e495f; width: 90%; font-weight: 500; margin-top: 0px; }
            .product-filters .background .form-group input { width: 10%; margin-top: 5px; float: right; }

            .product-filters .accordion-button:not(.collapsed) { color: #212529; background-color: #fff; }
            .product-filters .accordion-button:not(.collapsed):hover { color: #212529; cursor: auto; background-color: #fff; }

            .product-filters #category-2 { padding: 0px; }
            .product-filters #category-2 .accordion-item:last-child button { border-radius: 0px !important; }
                .product-filters #category-2 .accordion-item { background: #eff2f3; }
                .product-filters #category-2 .background.accordion-collapse { padding: 10px 10px 10px 20px; }

            .product-filters .accordion-item:first-child .background { padding: 0px; }
            .product-filters .accordion-item:first-child .accordion .background { padding: 10px 10px 10px 20px; }

            .product-filters .accordion-item:last-child .background { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }


    .pagination-content { padding-top: 30px; }
        .pagination-content ul.pagination .page-item { width: 35px; height: 35px; font-size: 18px; text-align: center; margin-right: 8px; }
        .pagination-content ul.pagination .page-item .page-link { color: #00a5c8; border: 1px #999999 solid; width: 35px; height: 35px; border-radius: 50%; padding: 3px 0px; }
        .pagination-content ul.pagination .page-item .page-link:hover { background: none; color: #00a5c8; border-color: #00a5c8; }
        .pagination-content ul.pagination .page-item.active .page-link { color: #ffffff; background-color: #00a5c8; border-color: #00a5c8; }
        .pagination-content ul.pagination .page-item:first-child .page-link { color: #00a5c8; font-size: 50px; line-height: 23px; }
        .pagination-content ul.pagination .page-item:first-child .page-link:hover { color: #ffffff; background-color: #00a5c8; border-color: #00a5c8; }
        .pagination-content ul.pagination .page-item:last-child .page-link { color: #00a5c8; font-size: 50px; line-height: 23px; }
        .pagination-content ul.pagination .page-item:last-child .page-link:hover { color: #ffffff; background-color: #00a5c8; border-color: #00a5c8; }
        .pagination-content ul.pagination .page-item.disabled .page-link { color: #999999; }
        .pagination-content ul.pagination .page-item.disabled .page-link:hover { cursor: not-allowed; }
        .pagination-content p { margin: 4px 0px 0px 0px; }
        .pagination-content p span { color: #38b6ab; padding: 0px 5px; }

      
/* Product Details Panel ========================================== */

.product-details-panel { background: #ffffff; position: relative; min-height: 1000px; padding: 160px 30px 80px 30px; margin-top: 267px; overflow: hidden; position: relative; }
    .product-details-panel .container { max-width: 1825px; }
    .product-details-panel p { color: #2e4960; font-size: 18px; }
    .product-details-panel p a { color: #2e4960; }
    .product-details-panel p a:hover { color: #38b6ab; }
    .product-details-panel .details { padding-top: 50px; padding-left: 50px; padding-right: 140px; }
        .product-details-panel .details h3 { margin-bottom: 17px; }
        .product-details-panel .details h4 { color: #00a5c8; font-size: 34px; line-height: 42px; margin-bottom: 4px; }
        .product-details-panel .details h5 { color: #607e86; font-size: 24px; line-height: 32px; font-weight: 400; margin-bottom: 40px; }
        .product-details-panel .details p { font-size: 24px; line-height: 32px; }
        .product-details-panel .details ul { list-style: none; font-size: 24px; line-height: 32px; padding: 0px; }
        .product-details-panel .details ul li { color: #2e4960; border-bottom: 1px #00a5c8 solid; padding: 12px 0px; }
        .product-details-panel .details ul li:first-child { padding-top: 0px; }
        .product-details-panel .details ul li:last-child { padding-bottom: 0px; border: none; }
    .product-details-panel .background-hexagon { height: 1100px; width: 1100px; top: -180px; right: -200px; position: absolute; background: url(../assets/product-hex-bg.png) bottom left no-repeat; }
    .product-details-panel .product-gallery { position: relative; padding-top: 100px; }
    .product-details-panel .product-gallery .thumbnail.large { width: 78%; padding-right: 50px; text-align: right; float: left; }
    .product-details-panel .product-gallery .thumbnail.large img { max-height: 670px; max-width: 500px; margin: auto; }
    .product-details-panel .product-gallery .thumbnails { width: 22%; float: right; }
    .product-details-panel .product-gallery .thumbnail.small { background-color: #ffffff; width: 190px; height: 190px; margin-bottom: 25px; text-align: center; float: right; position: relative; mask: url(../assets/Hex-01.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-01.svg) center 50% no-repeat; }
        .product-details-panel .product-gallery .thumbnail.small a { width: 190px; height: 190px; display: block; }
        .product-details-panel .product-gallery .thumbnail.small img { height: 125px; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; }

    .product-details-panel .social-feature { padding-top: 40px; padding-left: 50px; }
        .product-details-panel .social-feature h6 { font-size: 36px; line-height: 44px; margin-right: 15px; float: left; }
        .product-details-panel .social-feature .social-icons { padding: 0px; }

        #baguetteBox-overlay .full-image::before { height: auto; }
        #baguetteBox-overlay .full-image figure { display: block; height: 100%; width: 600px; margin: auto; background: #ffffff; mask: url(../assets/Hex-01.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-01.svg) center 50% no-repeat; position: relative; }
        #baguetteBox-overlay .full-image img { height: 500px; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; box-shadow: none ;}


/* Product Related Panel ========================================== */

.product-related-panel { padding: 80px 0px 50px 0px; }
    .product-related-panel .product-listing-item { width: 90%; }


/* About Slider Panel ========================================== */

.about-arrow-bg { background: url(../assets/about-arrow-bg.jpg) center 150px no-repeat; }
.about-arrow-bg .internal-header-panel { background: none; }

.about-arrow-bg + .shape-container + .right-content-panel.vertical-center.shape { margin-top: -100px }


.about-slider-panel { background-color: none; min-height: 1200px; position: relative; overflow: hidden; }
    .about-slider-panel .col-12 { position: relative; min-height: 1200px; }
    .about-slider-panel .center-content { top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; }
        .about-slider-panel .center-content h2 { color: #00a5c8; font-weight: 700; margin-bottom: 10px; }
        .about-slider-panel .center-content h2 + p { margin: 0px; }
        .about-slider-panel .center-content h3 { color: #ffffff; margin-bottom: 20px; }
        .about-slider-panel .center-content p { color: #ffffff; font-size: 20px; line-height: 28px; font-weight: 300; }
        .about-slider-panel .center-content { color: #ffffff; font-size: 20px; line-height: 28px; font-weight: 300; }

    .about-slider-panel .slick-slide { z-index: 5!important; }
    .about-slider-panel .slick-dots { bottom: 280px; padding-left: 0px; z-index: 10; width: 50%; text-align: left; right: 0px; }

    .about-slider-panel .side-hexagon-container { width: 825px; height: 1058px; bottom: 0px; position: absolute; }
    .about-slider-panel .side-hexagon-container-right { width: 415px; height: 525px; right: 0px; bottom: 0px; position: absolute; }
    .about-slider-panel .side-hexagon { background-size: cover; background-position: 50% center; background-repeat: no-repeat; width: 490px; height: 490px; position: absolute; mask: url(../assets/Hex-01.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-01.svg) center 50% no-repeat; }
    .about-slider-panel .side-hexagon-container .side-hexagon.one { width: 500px; height: 500px; right: 930px; transition-timing-function: ease-in; transition: 1.2s; }
    .about-slider-panel .side-hexagon-container .side-hexagon.two { width: 625px; height: 625px; bottom: 70px; left: -990px; transition-timing-function: ease-in; transition: 2s; }
    .about-slider-panel .side-hexagon-container .side-hexagon.three { width: 310px; height: 310px; bottom: 250px; right: 900px; transition-timing-function: ease-in; transition: 0.8s; }
    .about-slider-panel .side-hexagon-container .side-hexagon.four { width: 240px; height: 240px; bottom: 0px; right: 900px; transition-timing-function: ease-in; transition: 1.8s; }
    .about-slider-panel .side-hexagon-container-right .side-hexagon.one { width: 200px; height: 200px; bottom: 80px; left: 930px; transition-timing-function: ease-in; transition: 1.2s; }
    .about-slider-panel .side-hexagon-container-right .side-hexagon.two { width: 425px; height: 425px; bottom: 0px; right: -990px; transition-timing-function: ease-in; transition: 2s; }
    .about-slider-panel .side-hexagon .overlay { position: absolute; width: 100%; height: 100%; opacity: 0.5; display: none; }
    .about-slider-panel .side-hexagon .overlay.blue { background-color: #00a5c8; }
    .about-slider-panel .side-hexagon .overlay.green { background-color: #38b6ab; }
    .about-slider-panel .side-hexagon .overlay.grey { background-color: #cccccc; }

    .about-slider-panel .slick-current .side-hexagon-container .side-hexagon.one { right: 30px; transition-timing-function: ease-in; transition: 1.2s; }
    .about-slider-panel .slick-current .side-hexagon-container .side-hexagon.two { left: -90px; transition-timing-function: ease-in; transition: 2s; }
    .about-slider-panel .slick-current .side-hexagon-container .side-hexagon.three { right: 0px; transition-timing-function: ease-in; transition: 0.8s; }
    .about-slider-panel .slick-current .side-hexagon-container .side-hexagon.four { right: 100px; transition-timing-function: ease-in; transition: 1.6s; }
    .about-slider-panel .slick-current .side-hexagon-container-right .side-hexagon.one { left: 0px; transition-timing-function: ease-in; transition: 1.2s; }
    .about-slider-panel .slick-current .side-hexagon-container-right .side-hexagon.two { right: -210px; transition-timing-function: ease-in; transition: 2s; }

    /*
    .about-slider-panel .side-hexagon-container { left: -500px; transition-timing-function: ease-in; transition: 0.8s; }
    .about-slider-panel .slick-current .side-hexagon-container { left: 0px; transition-timing-function: ease-in; transition: 0.8s; }
    */

/* Environment Slider Panel ========================================== */

.environment-slider-panel { background-color: #2e495f; min-height: 1600px; padding-top: 160px; mask: url(../assets/Hex-Up-01.svg) center top no-repeat; -webkit-mask: url(../assets/Hex-Up-01.svg) center top no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px;  }
    .environment-slider-panel h3 { color: #ffffff; text-align: center; }

    .environment-slider-panel .slider-nav { max-width: 1450px; margin: auto; padding-top: 60px; padding-bottom: 60px; }
        .environment-slider-panel .slider-nav .slide { text-align: center; cursor: pointer; }
        .environment-slider-panel .slider-nav .icon { background-color: #38b6ab; height: 60px; width: 100%; }
        .environment-slider-panel .slider-nav .icon { background-color: #ffffff; }

        .environment-slider-panel .icon.product-in-use { mask: url(../assets/product-in-use-icon.svg) center 50% no-repeat; -webkit-mask: url(../assets/product-in-use-icon.svg) center 50% no-repeat; }
        .environment-slider-panel .icon.packaging-used { mask: url(../assets/packaging-used-icon.svg) center 50% no-repeat; -webkit-mask: url(../assets/packaging-used-icon.svg) center 50% no-repeat; }
        .environment-slider-panel .icon.hazard-class { mask: url(../assets/safety-sheet-icon.svg) center 50% no-repeat; -webkit-mask: url(../assets/safety-sheet-icon.svg) center 50% no-repeat; }
        .environment-slider-panel .icon.ph-balance { mask: url(../assets/ph-balance-icon.svg) center 50% no-repeat; -webkit-mask: url(../assets/ph-balance-icon.svg) center 50% no-repeat; }
        .environment-slider-panel .icon.raw-materials { mask: url(../assets/raw-materials-icon.svg) center 50% no-repeat; -webkit-mask: url(../assets/raw-materials-icon.svg) center 50% no-repeat; }
        .environment-slider-panel .icon.energy-used { mask: url(../assets/energy-used-icon.svg) center 50% no-repeat; -webkit-mask: url(../assets/energy-used-icon.svg) center 50% no-repeat; }
        .environment-slider-panel .icon.transportation { mask: url(../assets/transportation-icon.svg) center 50% no-repeat; -webkit-mask: url(../assets/transportation-icon.svg) center 50% no-repeat; }
        .environment-slider-panel .icon.water-used { mask: url(../assets/water-used-icon.svg) center 50% no-repeat; -webkit-mask: url(../assets/water-used-icon.svg) center 50% no-repeat; }
        .environment-slider-panel .slider-nav .slide:hover .icon { background-color: #ffffff; }

        .environment-slider-panel .icon { mask: var(--icon) 50% center no-repeat!important; -webkit-mask: var(--icon) center 50% no-repeat!important; }

        .environment-slider-panel .slider-nav h6 { color: #38b6ab; font-size: 20px; line-height: 26px; font-weight: 400; margin-top: 11px; }
        .environment-slider-panel .slider-nav .slick-current h6 { color: #ffffff; }

    .environment-slider-panel .slider-for .slide { min-height: 700px; position: relative; }
    .environment-slider-panel .slider-for .box-feature { background: #00a5c8; width: 90%; height: 640px; padding: 0px; border-radius: 25px; text-align: center; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; opacity: 0.5; transition-timing-function: ease-in; transition: 0.5s; }
        .environment-slider-panel .slider-for .box-feature .center-content { top: 50%; transform: translateY(-50%); left: 60px; right: 60px; margin: auto; position: absolute; }
        .environment-slider-panel .slider-for .box-feature .hex-container { width: 209px; height: 235px; background: url(../assets/hex-small-container-bg.png) top center no-repeat; margin: auto auto 35px auto; position: relative; }
        .environment-slider-panel .slider-for .box-feature .hex-container .icon { background-color: #ffffff; height: 110px; width: 100%; max-width: 100px; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; }
        .environment-slider-panel .slider-for .box-feature h4 { color: #ffffff; margin-bottom: 20px; }
        .environment-slider-panel .slider-for .box-feature p { color: #ffffff; margin-bottom: 25px; }

        .environment-slider-panel .slider-for .slick-current .box-feature { height: 700px; opacity: 1; transition-timing-function: ease-in; transition: 0.5s; }


        .environment-slider-panel .slider-for .gallery-arrow { visibility: hidden; opacity: 0; }
        .environment-slider-panel:hover .slider-for .gallery-arrow { visibility: visible; opacity: 1; }
        .environment-slider-panel .slider-for .gallery-arrow.prev { top: 44%; left: 40px; padding-top: 12px; transition-timing-function: ease-in; transition: 0.2s; }
        .environment-slider-panel .slider-for .gallery-arrow.next { top: 44%; right: 40px; padding-top: 12px; transition-timing-function: ease-in; transition: 0.2s; }
        .environment-slider-panel .slider-for .gallery-arrow { font-size: 46px; width: 90px; height: 90px; }
    

    .environment-slider-panel .slider-for .slick-dots { bottom: -80px; }



/* Client Case Studies Panel ========================================== */

.client-case-studies-panel { background: #182733; padding: 110px 0px 180px 0px; }

    .client-case-studies-panel h3 { color: #ffffff; }
    .client-case-studies-panel .slick-dots { bottom: -100px; text-align: center; }

    .client-case-studies-panel .gallery-arrow { visibility: hidden; opacity: 0; }
    .client-case-studies-panel:hover .gallery-arrow { visibility: visible; opacity: 1; }
    .client-case-studies-panel .gallery-arrow.prev { top: 44%; left: 40px; padding-top: 12px; transition-timing-function: ease-in; transition: 0.2s; }
    .client-case-studies-panel .gallery-arrow.next { top: 44%; right: 40px; padding-top: 12px; transition-timing-function: ease-in; transition: 0.2s; }

    .client-case-study-feature { min-height: 665px; width: 90%; max-width: 840px; margin: auto; border-radius: 25px; padding-top: 42px; position: relative; transition-timing-function: ease-in; transition: 0.5s; }
        .client-case-study-feature .text { background: #ffffff; padding: 30px 50px; min-height: 295px; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; transition-timing-function: ease-in; transition: 0.5s; }
            .client-case-study-feature .text p { color: #00a5c8; font-size: 20px; font-weight: 500; position: absolute; bottom: 35px; margin: 0px; }
            .client-case-study-feature .text p i { font-size: 15px; margin: 0px 0px 0px 3px; }
        .client-case-study-feature .image { width: 100%; min-height: 280px; background-size: 890px!important; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; transition-timing-function: ease-in; transition: 0.8s; position: relative; }
            .client-case-study-feature .image .logo { height: 130px; width: 300px; background-color: #fff; position: absolute; left: 50px; top: 50%; transform: translateY(-50%); }
        .client-case-study-feature:hover .image { background-size: 920px!important; transition-timing-function: ease-in; transition: 0.8s; }
        .client-case-study-feature .overlay { background: #00304d; border-radius: 10px; visibility: visible; opacity: 0.5; position: absolute; height: 575px; width: 100%; z-index: 2; transition-timing-function: ease-in; transition: 0.6s; }

        .slick-active .client-case-study-feature { padding-top: 0px; transition-timing-function: ease-in; transition: 0.5s; }
        .slick-active .client-case-study-feature .text { padding: 50px; min-height: 335px; transition-timing-function: ease-in; transition: 0.5s; }
        .slick-active .client-case-study-feature .image { width: 100%; min-height: 320px; transition-timing-function: ease-in; transition: 0.5s; }
        .slick-active .client-case-study-feature .overlay { height: 658px; visibility: hidden; opacity: 0; transition-timing-function: ease-in; transition: 0.6s; }
      
        
/* Featured Products Slider Panel ========================================== */

.featured-products-slider-panel { background: #182733; padding: 310px 0px 0px 0px; margin-top: -160px; mask: url(../assets/Hex-Up-01.svg) center top no-repeat; -webkit-mask: url(../assets/Hex-Up-01.svg) center top no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; position: relative; }

    .featured-products-slider-panel h3 { color: #ffffff; }
    .featured-products-slider-panel .slick-dots { bottom: -100px; text-align: center; }

    .featured-products-slider-panel .featured-products-carousel { max-width: 1600px; margin: auto; z-index: 1; }
    .featured-products-slider-panel .featured-products-carousel .slick-list { min-height: 850px; }
    .featured-products-slider-panel .featured-products-carousel .slick-slide { min-height: 850px; position: relative; }
    .featured-products-slider-panel .optiva-content { position: relative; }

    .featured-products-slider-panel .glow { background-color: #3b868a; box-shadow: 0px 0px 180px 240px #3b868a; left: 0px; right: 0px; top: 800px; bottom: auto; margin: auto; }

    .featured-products-slider-panel .gallery-arrow { font-size: 50px!important; color: #cccccc; background: none!important; visibility: hidden; opacity: 0; }
    .featured-products-slider-panel:hover .gallery-arrow { color: #cccccc; background: none!important; visibility: visible; opacity: 1; }
    .featured-products-slider-panel .gallery-arrow:hover { color: #ffffff; background: none!important; }
    .featured-products-slider-panel .gallery-arrow.prev { top: 44%; left: -80px; padding-top: 12px; transition-timing-function: ease-in; transition: 0.2s; }
    .featured-products-slider-panel .gallery-arrow.next { top: 44%; right: -80px; padding-top: 12px; transition-timing-function: ease-in; transition: 0.2s; }

    .featured-product-slide-feature { width: 90%; max-width: 840px; cursor: auto; margin: auto; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; transition-timing-function: ease-in; transition: 0.5s; }
        .featured-product-slide-feature .text { padding: 30px 0px 0px 0px; text-align: center; position: relative; transition-timing-function: ease-in; transition: 0.5s; }
            .featured-product-slide-feature .text h4 { color: #ffffff; font-size: 44px; line-height: 50px; margin-bottom: 18px; transition-timing-function: ease-in; transition: 0.5s; }
            .featured-product-slide-feature .text p { color: #cccccc; font-size: 20px; line-height: 28px; font-weight: 300; margin: 0px 0px 22px 0px; }
            .featured-product-slide-feature .text p i { font-size: 15px; margin: 0px 0px 0px 3px; }
        .featured-product-slide-feature .image { width: 100%; height: 460px; transition-timing-function: ease-in; transition: 0.8s; position: relative; }
            .featured-product-slide-feature .image img { opacity: 0.6; filter: grayscale(100%); max-height: 440px; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; transition-timing-function: ease-in; transition: 0.5s; }
        .featured-product-slide-feature:hover .image { background-size: 920px!important; transition-timing-function: ease-in; transition: 0.8s; }
        .featured-product-slide-feature .btn-green { background: #7a95ab; border-color: #7a95ab; }
        .featured-product-slide-feature .btn-green:hover { background: #7a95ab; border-color: #7a95ab; }
        .featured-product-slide-feature .overlay { position: absolute; height: 100%; width: 100%; z-index: 2; }

        .slick-active .featured-product-slide-feature { cursor: pointer; padding-top: 0px; transition-timing-function: ease-in; transition: 0.5s; }
        .slick-active .featured-product-slide-feature .text { padding-top: 40px; transition-timing-function: ease-in; transition: 0.5s; }
            .slick-active .featured-product-slide-feature .text h4 { font-size: 52px; line-height: 60px; transition-timing-function: ease-in; transition: 0.5s; }
        .slick-active .featured-product-slide-feature .image { width: 100%; height: 570px; transition-timing-function: ease-in; transition: 0.5s; }
            .slick-active .featured-product-slide-feature .image img { opacity: 1; filter: grayscale(0%); max-height: 550px; transition-timing-function: ease-in; transition: 0.5s; }
        .slick-active .featured-product-slide-feature .btn-green { background: #38b6ab; border-color: #38b6ab; }
        .slick-active .featured-product-slide-feature .btn-green:hover { background: #38b6ab; border-color: #38b6ab; }
        .slick-active .featured-product-slide-feature .overlay { height: 0px; width: 0px; z-index: 0; }

        .featured-products-slider-panel + .shape-container .hexagon-grid.five { top: -460px; }

        
/* Hex Down Mask Panel ========================================== */

.hex-down-mask-panel { background: #ffffff; min-height: 560px; padding: 0px 0px 0px 0px; margin-top: -80px; mask: url(../assets/Hex-Down-01.svg) center top no-repeat; -webkit-mask: url(../assets/Hex-Down-01.svg) center top no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; position: relative; z-index: 0; }



/* Latest News Panel ========================================== */

.latest-news-panel { background: #ffffff; padding: 140px 0px 150px 0px; }

	.latest-news-panel .news-carousel { margin: auto; }
    .latest-news-panel .text-right p { margin: 10px 0px 0px 0px; }
	.latest-news-panel .slick-dots { top: 60px; bottom: 0px; position: relative; text-align: center; margin: 0px 0px 0px 0px; }

.news-feature { width: 94%; max-width: 370px; margin: auto; }
	.news-feature .text { background: #f9f9f9; min-height: 280px; padding: 30px 32px 30px 32px; border-top-left-radius: 10px; border-top-right-radius: 10px; text-align: left; position: relative; }
        .news-feature .text h5 { font-size: 25px; line-height: 33px; }
        .news-feature .text h5 { max-height: 200px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 100%; }
        .news-feature .text h6 { color: #666; font-size: 18px; line-height: 25px; font-weight: 300; margin-bottom: 10px; }
		.news-feature .text p { color: #00a8b7; font-size: 20px; font-weight: 500; margin: 0px; bottom: 30px; position: absolute; }
        .news-feature .text p i { font-size: 15px; margin: 0px 0px 0px 3px; }
        .news-feature .img { width: 100%; height: 200px; background-size: 370px; background-repeat: no-repeat; background-position: 50% center; border: 1px #f2f2f2 solid; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; position: relative; transition-timing-function: ease-in; transition: 1.2s; }
        .news-feature .img .logo { height: 120px; width: 260px; background-color: #fff; position: absolute; left: 50px; top: 50%; transform: translateY(-50%); }
        .news-feature:hover .img { background-size: 400px; transition-timing-function: ease-in; transition: 1.2s; }

.internal-page-panel .news-feature { margin: auto auto 50px auto; }
    .internal-page-panel .news-feature .img { height: 200px; background-size: 420px; background-color: #ccc; }
    .internal-page-panel .news-feature:hover .img { background-size: 420px; }
    .internal-page-panel .news-feature .text { padding: 26px 26px 26px 26px; }
        .internal-page-panel .news-feature .text h5 { font-size: 25px; line-height: 33px; }
        .internal-page-panel .news-feature .text h5 { max-height: 200px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 100%; }
        .internal-page-panel .news-feature .text p { bottom: 26px; }

.news-return-panel { background: #38b6ab; padding: 50px 0px; }
    .news-return-panel h3 { color: #ffffff; }

.news-feature.video .text { min-height: 240px; }


/* Contact Panel ========================================== */

.contact-panel { padding: 80px 0px; }
    .contact-panel .container { max-width: 1300px; }
    .contact-panel .left { padding-right: 100px; }
        .contact-panel .left label { color: #607e86; font-size: 18px; line-height: 26px; font-weight: 300; margin-bottom: 8px; }
        .contact-panel .left p { color: #607e86; margin-bottom: 0px; }
        .contact-panel .left .error-message { color: #cc0000; margin-bottom: 10px; }
        .contact-panel .left .error-message:empty { display: none; }
        .contact-panel .left textarea { height: 100px; }
        .contact-panel .left .btn-primary:hover { filter: none; }

    .contact-panel .right { padding-left: 40px; }
        .contact-panel .right h3 { color: #00a5c8; font-size: 26px; line-height: 32px; font-weight: 600; border-bottom: 1px #ccc solid; padding-bottom: 25px; margin-bottom: 25px; }
        .contact-panel .right h4 { font-size: 26px; line-height: 32px; margin-bottom: 10px; }
        .contact-panel .right h5 { color: #607e86; font-size: 18px; line-height: 28px; margin-bottom: 30px; }
        .contact-panel .right p { color: #607e86; font-size: 18px; line-height: 26px; margin-bottom: 20px; }


/**
 * Featured Logo's Panel
 * ========================================================================== */

.featured-logos-panel { background: #ffffff; padding: 140px 0px 150px 0px; font-size: 0px; }
    .featured-logos-panel .img-holder { width: 11.1111111111%; display: inline-block; position: relative; vertical-align: middle; }
        .featured-logos-panel .img-holder img { max-height: 90px; max-width: 180px; }

/**
 * Brand Centre
 * ========================================================================== */

.internal-page-panel .brand-centre .icon { background-color: #00a5c8; mask: url(../assets/Hex-01.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-01.svg) center 50% no-repeat; mask-size: 210px; -webkit-mask-size: 210px;
 height: 240px; width: 240px; margin: auto auto 40px auto; position: relative; }
    .internal-page-panel .brand-centre .icon .content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 100%; margin: auto; }
    .internal-page-panel .brand-centre .icon .content .image { height: 70px; width: 100%; background: #fff; }
    .internal-page-panel .brand-centre .icon .content .image.logo { mask: url(../assets/Image-Icon.svg) center 50% no-repeat; -webkit-mask: url(../assets/Image-Icon.svg) center 50% no-repeat; }
    .internal-page-panel .brand-centre .icon .content .image.product { mask: url(../assets/Products-Icon.svg) center 50% no-repeat; -webkit-mask: url(../assets/Products-Icon.svg) center 50% no-repeat; }
    .internal-page-panel .brand-centre .icon .content .image.doc { mask: url(../assets/Doc-Icon.svg) center 50% no-repeat; -webkit-mask: url(../assets/Doc-Icon.svg) center 50% no-repeat; }
    .internal-page-panel .brand-centre .icon .content .image.support { mask: url(../assets/Support-Icon.svg) center 50% no-repeat; -webkit-mask: url(../assets/Support-Icon.svg) center 50% no-repeat; }
    .internal-page-panel .brand-centre .icon .content p { color: #fff; font-size: 19px; font-weight: 600; margin: 12px 0px 0px 0px; }

/**
 * Footer CTA Panel
 * ========================================================================== */

.footer-cta-panel { background: #2e495f; min-height: 800px; padding: 110px 0px 0px 0px; position: relative; overflow: hidden; }
    .footer-cta-panel .col { z-index: 1; }
    .footer-cta-panel .footer-img { max-width: 800px; position: absolute; z-index: 1; left: 0px; right: 0px; bottom: -300px; margin: auto; }
    .footer-cta-panel .glow { background-color: #3b868a; box-shadow: 0px 0px 340px 400px #3b868a; }
    .footer-cta-panel .hexagon-grid.two { top: auto; bottom: 130px; }

/**
 * Shapes
 * ========================================================================== */

.shape-container { position: relative; height: 0px; overflow: visible; max-width: 1920px; }

.hexagon-grid { width: 400px; height: 400px; top: 0px; position: absolute; z-index: 1; overflow: hidden; }
.hexagon-grid.one { width: 330px; height: 347px; top: -160px; right: 0px; }
.hexagon-grid.one.top { top: -50px; }
.hexagon-grid.two { width: 235px; height: 270px; top: 80px; left: 0px; }
.hexagon-grid.three { width: 370px; height: 370px; top: -210px; left: -190px; }
.hexagon-grid.four { width: 420px; height: 420px; top: -360px; right: 0px; }
.hexagon-grid.five { width: 445px; height: 510px; top: -120px; right: 0px; }
.hexagon-grid.six { width: 445px; height: 530px; top: -450px; right: 0px; }
.hexagon-grid.single { width: 320px; height: 320px; top: -120px; right: 0px; }

.hexagon-grid .hexagon { position: absolute; mask: url(../assets/Hex-01.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-01.svg) center 50% no-repeat; }

.hexagon-grid.one .hexagon.hexagon-1 { background-color: #38b6ab; width: 135px; height: 135px; right: 0px; bottom: 0px; }
.hexagon-grid.one .hexagon.hexagon-2 { background-color: #00a5c8; width: 100px; height: 100px; right: -30px; bottom: 120px; }
.hexagon-grid.one .hexagon.hexagon-3 { width: 270px; height: 270px; left: 0px; }
.hexagon-grid.one .hexagon.hexagon-3 path { fill: none; stroke: #879ea4; stroke-width: 20px; stroke-dasharray: 0; stroke-linejoin: round; }
.hexagon-grid.one.top .hexagon.hexagon-3 path { stroke: #41cec2; }

.hexagon-grid.two .hexagon.hexagon-1 { background-color: #38b6ab; width: 135px; height: 135px; left: 0px; top: 0px; }
.hexagon-grid.two .hexagon.hexagon-2 { background-color: #00a5c8; width: 100px; height: 100px; left: -30px; top: 120px; }
.hexagon-grid.two .hexagon.hexagon-3 { width: 170px; height: 170px; right: 0px; bottom: 0px; }
.hexagon-grid.two .hexagon.hexagon-3 path { fill: none; stroke: #41cec2; stroke-width: 20px; stroke-dasharray: 0; stroke-linejoin: round; }

.hexagon-grid.three .hexagon.hexagon-1 { background-color: #38b6ab; width: 370px; height: 370px; top: 0px; }
.hexagon-grid.three .hexagon.hexagon-1.blue { background-color: #00a5c8; }
.hexagon-grid.three .hexagon.clear { background: none; }
.hexagon-grid.three .hexagon.clear path { fill: none; stroke: #41cec2; stroke-width: 20px; stroke-dasharray: 0; stroke-linejoin: round; }

.hexagon-grid.four .hexagon.hexagon-1 { background-color: #577792; opacity: 0.6; width: 420px; height: 420px; right: -80px; mask: url(../assets/Hex-Lines.svg) center 50% no-repeat; -webkit-mask: url(../assets/Hex-Lines.svg) center 50% no-repeat;  }

.hexagon-grid.five .hexagon.hexagon-1 { background-color: #38b6ab; width: 190px; height: 190px; left: 65px; top: 0px; }
.hexagon-grid.five .hexagon.hexagon-2 { background-color: #00a5c8; width: 150px; height: 150px; left: 0px; top: 165px; }
.hexagon-grid.five .hexagon.hexagon-3 { width: 390px; height: 390px; right: -80px; bottom: 0px; }
.hexagon-grid.five .hexagon.hexagon-3 path { fill: none; stroke: #879ea4; stroke-width: 20px; stroke-dasharray: 0; stroke-linejoin: round; }
.hexagon-grid.five.top .hexagon.hexagon-3 path { stroke: #41cec2; }

.hexagon-grid.six .hexagon.hexagon-1 { background-color: #38b6ab; width: 250px; height: 250px; right: -155px; top: 0px; }
.hexagon-grid.six .hexagon.hexagon-2 { width: 300px; height: 300px; right: -80px; bottom: 0px; }
.hexagon-grid.six .hexagon.hexagon-2 path { fill: none; stroke: #41cec2; stroke-width: 20px; stroke-dasharray: 0; stroke-linejoin: round; }


.hexagon-grid.single .hexagon.hexagon-1 { background: none; width: 320px; height: 320px; right: 0px; bottom: 0px; position: relative; }
    .hexagon-grid.single .hexagon.hexagon-1.blue { background-color: #2e495f; }
    .hexagon-grid.single .hexagon.hexagon-1 img { max-height: 200px; max-width: 200px; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; }
    .hexagon-grid.single .hexagon.hexagon-1 path { fill: none; stroke: #00a5c8; stroke-width: 20px; stroke-dasharray: 0; stroke-linejoin: round; }

/*
.hexagon-shape { height: 200px; width: 200px; overflow: hidden; position: relative; display: flex; justify-content: center; margin: auto; }
.hexagon-shape.blue { background: #01a5c7; }
    .hexagon-shape .gradient { background: #39b2ab; opacity: 0.5; width: 100%; height: 100%; position: absolute; z-index: 1; transition-timing-function: ease-in; transition: 0.3s; }
    .hexagon-shape .gradient.blue { background: #39b2ab; }
    .hexagon-shape .gradient.green { background: #67ccaa; }
    .hexagon-shape .gradient.blue:hover { background: #67ccaa; }
    .hexagon-shape .gradient.green:hover { background: #39b2ab; }
    .hexagon-shape .gradient + img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
    .hexagon-shape.img img { min-width: 200px; max-height: 230px; object-position: center; top: 50%; transform: translateY(-50%); margin: auto; position: absolute; }
    .hexagon-shape.icon img { max-height: 130px; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute;  }
*/

.glow { width: 1px; height: 1px; background-color: #3b868a; box-shadow: 0px 0px 240px 300px #3b868a; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: auto; transition-timing-function: ease-in; transition: 0.6s; }
/**
.glow:hover { background-color: #67ccaa; box-shadow: 0px 0px 240px 300px #67ccaa; transition-timing-function: ease-in; transition: 0.6s; }
*/


/**
 * Social Icons
 * ========================================================================== */

.social-icons { margin: 0px; padding: 22px 0px 0px 0px; list-style: none; float: left; }
    .social-icons li { float: left; width: 46px; height: 46px; margin-right: 10px; margin-bottom: 0px; border: 0px; }
    .social-icons li a { background: #00a4c7; border-radius: 50%; height: 46px; width: 46px; display: block; text-align: center; }
    .social-icons li a:hover { background: #04b4d9; }
    .social-icons li a i { color: #fff; }
    .social-icons li a:hover i { color: #ffffff; }
    .social-icons li.linkedin a { font-size: 25px; line-height: 48px; }
    .social-icons li.twitter a { font-size: 25px; line-height: 48px; }
    .social-icons li.facebook a { font-size: 25px; line-height: 48px; }
    .social-icons li.youtube a { font-size: 25px; line-height: 48px; }
    .social-icons li.instagram a { font-size: 25px; line-height: 48px; }


/**
 * Forms
 * ========================================================================== */

.formeo input.form-control { height: 40px; }


/**
 * Footer
 * ========================================================================== */

footer { background: #172630; }
    footer .container { max-width: 1825px; }
    footer .footer-top { background: #172630; padding: 75px 15px; border-bottom: 1px #62727e solid; }
        footer .footer-top img { width: 180px; margin-bottom: 32px; }
        footer .footer-top h4 { color: #ffffff; font-size: 28px; line-height: 34px; font-weight: 400; margin-bottom: 15px; }
        footer .footer-top p { color: #ffffff; font-size: 16px; line-height: 22px; }

        footer .footer-top ul.links { list-style: none; padding: 0px; margin: 20px 0px 0px 0px; }
        footer .footer-top ul li { font-size: 20px; margin-bottom: 30px; }
        footer .footer-top ul li a { color: #ffffff; }   
        footer .footer-top ul li a:hover { color: #05a9ba; } 
        footer .footer-top ul li:last-child { margin-bottom: 0px; }
        
        footer .footer-top .footer-social { margin: 0px; padding: 22px 0px 0px 0px; list-style: none; float: left; }
            footer .footer-top .footer-social li { float: left; width: 46px; height: 46px; margin-right: 10px; margin-bottom: 0px; border: 0px; }
            footer .footer-top .footer-social li a { background: #05a9ba; border-radius: 50%; height: 46px; width: 46px; display: block; text-align: center; }
            footer .footer-top .footer-social li a:hover { background: #05a9ba; }
            footer .footer-top .footer-social li a i { color: #fff; }
            footer .footer-top .footer-social li a:hover i { color: #ffffff; }
            footer .footer-top .footer-social li.linkedin a { font-size: 25px; line-height: 48px; }
            footer .footer-top .footer-social li.twitter a { font-size: 25px; line-height: 48px; }
            footer .footer-top .footer-social li.facebook a { font-size: 25px; line-height: 48px; }
            footer .footer-top .footer-social li.youtube a { font-size: 25px; line-height: 48px; }
            footer .footer-top .footer-social li.instagram a { font-size: 25px; line-height: 48px; }
        

    footer .footer-bottom { padding: 30px 15px; }
        footer .footer-bottom p { color: #eaeaea; font-size: 15px; margin: 10px 0px; }
        footer .footer-bottom p a { color: #eaeaea; }
        footer .footer-bottom p a:hover { color: #05a9ba; } 
        footer .footer-bottom p span { color: #62727e; padding: 0px 5px; }
        footer .footer-bottom p br { display: none; }
        footer .footer-bottom .text-right p { margin: 45px 0px 0px 0px; }


/**
 * Modals
 * ========================================================================== */

.video-modal .modal-content { border-radius: 0px; }
.video-modal .modal-lg { max-width: 1100px; }
.video-modal .container { margin: 0 auto; max-width: 100%; width: 100%; padding: 0; }
.video-modal .resp-container { position: relative; overflow: hidden; padding-top: 56.25%; }
.video-modal iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.video-modal .row { margin: 0 auto; max-width: 100%; width: 100%; padding: 0; }
    .video-modal .modal-body { background: #fff; padding: 0px;}
        .video-modal .modal-body video { display: block; width: 100%; }


#newsletterPopup .modal-lg { max-width: 700px; width: 100%; }
#newsletterPopup .modal-content { border-radius: 0px; }
#newsletterPopup .modal-header { border-radius: 0px; border: 0px; padding-top: 30px; padding-right: 30px; padding-bottom: 0px; z-index: 1; position: relative; }
    #newsletterPopup .modal-header .close { height: 38px; width: 38px; font-size: 34px; color: #999; border: 1px #ccc solid; border-radius: 50%; opacity: 1; z-index: 1; }
    #newsletterPopup .modal-header .close:hover { background: #009e58; border-color: #009e58; color: #fff; }

#newsletterPopup .modal-body { border-radius: 0px; padding: 0px 30px 30px 30px; }
    #newsletterPopup .modal-body h1 { color: #2e4960; font-size: 32px; line-height: 44px; font-weight: 600; margin: -20px 0px -10px 0px; }
    #newsletterPopup .modal-body p { color: #666; font-size: 17px; line-height: 24px; margin: 0px; }
    #newsletterPopup .modal-body label { color: #666; font-weight: 500; }
    #newsletterPopup .modal-body hr { margin-top: 10px; margin-bottom: 30px; opacity: 1; }
    #newsletterPopup .modal-body .f-field-group label { font-size: 16px; margin-bottom: 8px; font-weight: 600; }
    #newsletterPopup .modal-body .checkbox-titles { font-size: 16px; margin-bottom: 8px; font-weight: 600; }
    #newsletterPopup .modal-body .f-field-group .f-field-group label { font-size: 15px; font-weight: 400; }
    #newsletterPopup .modal-body .formeo hr + .f-field-group input[type="checkbox"] { float: left; }
    #newsletterPopup .modal-body .formeo hr + .f-field-group input[type="checkbox"] + label { float: right; width: 95%; }

    #newsletterPopup .formeo.formeo-render .formeo-column { padding: 0 10px; color: #666; }

    #newsletterPopup .modal-body .formeo .f-field-group input[type="checkbox"] { float: left; }
    #newsletterPopup .modal-body .formeo .f-field-group input[type="checkbox"] + label { font-size: 15px; font-weight: 400; float: left; width: 90%; margin-top: -4px; margin-left: 5px; margin-bottom: 16px; }

    #newsletterPopup .modal-body .formeo p.bottom-text { margin-top: 20px }
    #newsletterPopup .modal-body .formeo p.bottom-text + div { font-size: 15px; }
    #newsletterPopup .modal-body .formeo p.bottom-text + div + div { font-size: 15px; }
    #newsletterPopup .modal-body .formeo p.bottom-text + div + div + div { font-size: 15px; }

    #newsletterPopup .modal-body .formeo .f-btn-group { display: block; vertical-align: middle; text-align: center; }
    #newsletterPopup .modal-body .formeo .f-btn-group .btn { font-size: 17px; margin: auto; border-radius: 30px; padding: 8px 34px; }


.modal.brand-image .modal-header { padding: 20px 30px; }
    .modal.brand-image .modal-header h5 { font-size: 26px; line-height: 34px; }
.modal.brand-image .modal-content { border: 0px; border-radius: 0px; }


/**
 * Tablet/Mobile Resolutions
 * ========================================================================== */

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

    .internal-header-panel .center-content { padding-left: 75px; }
    .internal-header-panel .cutoff-hexagon { left: -495px; }

    .double-content-panel .left .cutoff-img { bottom: -150px; right: -20px; max-width: 300px; }

    .double-content-panel .right .cutoff-img { bottom: -20px; right: -85px; max-width: 600px; }

    .featured-products-slider-panel .featured-products-carousel { max-width: 1500px; }

    .environment-slider-panel .slider-for .box-feature h4 { font-size: 30px; line-height: 36px; margin-bottom: 15px; }
    .environment-slider-panel .slider-for .box-feature p { font-size: 17px; line-height: 24px; }
    .environment-slider-panel .slider-for .box-feature .btn { font-size: 16px; line-height: 18px; }
    .environment-slider-panel .slider-for .box-feature .hex-container { width: 140px; height: 158px; background-size: 140px; margin: auto auto 20px auto; }
    .environment-slider-panel .slider-for .box-feature .hex-container .icon { background-color: #ffffff; height: 70px; }

}


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

    header .header .navigation li { font-size: 20px; margin-left: 35px; }
    header .header .navigation li i { font-size: 16px; }
    header .header .nav-elements { margin-left: 30px; }

}

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

    h2 { font-size: 54px; line-height: 62px; }
    h3 { font-size: 44px; line-height: 52px; }
    h4 { font-size: 32px; line-height: 40px; }
    h5 { font-size: 23px; line-height: 31px; }

    .right-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img.middle { right: 30px; }

    .featured-products-slider-panel .gallery-arrow.prev { left: -10px; }
    .featured-products-slider-panel .gallery-arrow.next { right: -10px; }


    .product-listing-item .image { height: 300px; }
        .product-listing-item .image img { max-height: 250px; max-width: 200px; }

    .product-listing-item .details { min-height: 200px; }
        .product-listing-item .details h4 { font-size: 28px; line-height: 34px; max-height: 70px; }
        .product-listing-item .details p { font-size: 20px; line-height: 28px; max-height: 56px; }
        .product-listing-item .details .btn { font-size: 16px; line-height: 20px; width: 135px; padding: 11px 10px; }

    .product-listing-item .side-flash { height: 80px; width: 80px; }
        .product-listing-item .side-flash h6 { font-size: 16px; line-height: 22px; }
    
    .product-details-panel .background-hexagon { top: -120px; right: -270px; }

    .about-slider-panel .center-content { width: 80%; }
    .about-slider-panel .slick-dots { width: 45%; }

}

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

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

    header .header .container { padding-left: 10px; padding-right: 10px; }
    header .header .navigation li { font-size: 18px; margin-left: 28px; }
    header .header .navigation li i { font-size: 14px; }
    header .header .nav-elements { margin-left: 25px; }
    header .header .nav-elements .btn { padding: 11px 15px; }

    .main-slider .slick-dots { padding-left: 15px; }

    .product-listing-panel .container { padding-left: 10px; padding-right: 10px; }

    .center-content-side-images-panel.vertical-center .side-hexagon-container.left { display: none; }
    .center-content-side-images-panel.vertical-center .side-hexagon-container.right { display: none; }

}

@media screen and (max-width: 1600px) {
        
    h2 { font-size: 52px; line-height: 60px; }
    h3 { font-size: 42px; line-height: 50px; }
    h4 { font-size: 30px; line-height: 38px; }
    h5 { font-size: 22px; line-height: 30px; }

    .main-slider { min-height: 680px; }
        .main-slider .slide { min-height: 680px; }
        .main-slider .slide .col-12 { min-height: 680px; }
        .main-slider .slide .side-img { max-height: 500px; margin-top: 60px; }
        .main-slider .slick-dots { bottom: 155px; }

    .left-content-panel.vertical-center { min-height: 800px; }
        .left-content-panel.vertical-center .col { min-height: 800px; }

        .left-content-panel.shape.vertical-center { min-height: 900px; }
        .left-content-panel.shape.vertical-center .col { min-height: 900px; }
        .left-content-panel.shape .side-hexagon-container { width: 820px; height: 820px; }
        .left-content-panel.shape .side-hexagon-container .side-hexagon { width: 820px; height: 820px; }
        .left-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img { max-width: 540px; max-height: 725px; }
        .left-content-panel.shape .side-hexagon-container .sub-side-hexagon { width: 215px; height: 215px; }
        .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.icon img { max-width: 140px; max-height: 120px; }
        .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.sub-icon{ width: 125px; height: 125px; }
        .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.sub-icon.bottom { top: auto; left: 35px; bottom: 30px; }
        .left-content-panel.shape.overlay .side-hexagon-container .side-hexagon.image + .side-overlay-image { display: none; }

    .right-content-panel.vertical-center { min-height: 800px; }
        .right-content-panel.vertical-center .col { min-height: 800px; }
        .right-content-panel .img-side .side-img { max-height: 600px; }

        .right-content-panel.shape.vertical-center { min-height: 900px; }
        .right-content-panel.shape.vertical-center .col { min-height: 900px; }
        .right-content-panel.shape .side-hexagon-container { width: 820px; height: 820px; }
        .right-content-panel.shape .side-hexagon-container .side-hexagon { width: 820px; height: 820px; }
        .right-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img { max-width: 540px; max-height: 725px; right: 30px; }

    .hexagon-grid.one { width: 210px; height: 240px; }
    .hexagon-grid.one .hexagon.hexagon-1 { width: 95px; height: 95px; }
    .hexagon-grid.one .hexagon.hexagon-2 { width: 70px; height: 70px; bottom: 88px; }
    .hexagon-grid.one .hexagon.hexagon-3 { width: 170px; height: 170px; }

    .hexagon-grid.three { width: 270px; height: 270px; top: -155px; left: -90px; }
    .hexagon-grid.three .hexagon.hexagon-1 { width: 270px; height: 270px; }

    .hexagon-grid.four { width: 260px; height: 260px; top: -300px; }
    .hexagon-grid.four .hexagon.hexagon-1 { opacity: 0.7; width: 260px; height: 260px; right: -30px; }


    .featured-products-slider-panel .featured-products-carousel { max-width: 1400px; }
    .featured-products-slider-panel .featured-products-carousel .slick-list { min-height: 740px; }
    .featured-products-slider-panel .featured-products-carousel .slick-slide { min-height: 740px; }
    .featured-product-slide-feature .image { height: 360px; }
        .featured-product-slide-feature .image img { max-height: 340px; }
    .featured-product-slide-feature .text p { color: #cccccc; font-size: 16px; line-height: 24px; }
    .featured-product-slide-feature .text h4 { font-size: 32px; line-height: 38px; }
    .featured-product-slide-feature .btn { font-size: 16px; line-height: 18px; }

    .slick-active .featured-product-slide-feature .image { height: 460px; }
        .slick-active .featured-product-slide-feature .image img { max-height: 440px; }
    .slick-active .featured-product-slide-feature .text h4 { font-size: 42px; line-height: 50px; }
    

    .double-content-panel { min-height: 700px; }
        .double-content-panel .left { padding: 115px 0px 0px 0px; min-height: 700px; }
        .double-content-panel .right { padding: 115px 0px 0px 0px; min-height: 700px; }

    .featured-logos-panel { padding: 110px 0px 120px 0px; }
        .featured-logos-panel .img-holder img { max-height: 95px; max-width: 200px; }

    .client-case-studies-panel { padding: 100px 0px 150px 0px; }
        .client-case-studies-panel h3 { margin-bottom: 50px!important; }

    .latest-news-panel { padding: 100px 0px 110px 0px; }
        .latest-news-panel h3 { margin-bottom: 50px!important; }

    .news-feature .text h5 { font-size: 27px; line-height: 35px; }

    .internal-header-bg-panel { min-height: 300px; }
        .internal-header-bg-panel .col-12 { min-height: 300px; }

    .internal-hexagon-header-panel.news h2 { font-size: 38px; line-height: 46px; }

    .product-listing-panel .col.right form { width: 500px; }
    .product-listing-panel .settings p { font-size: 16px; }
    .product-listing-panel .settings .form-group label { font-size: 16px; margin-top: 7px; }
    .product-listing-panel .settings .form-group select { width: 55%; line-height: 1.5; }
    
    .internal-header-product-panel { min-height: 210px; }
        .internal-header-product-panel .col { min-height: 210px; }
        .internal-header-product-panel .col-12 { min-height: 210px; }
        .internal-header-product-panel .center-content h2 { font-size: 48px; line-height: 56px; }
        .internal-header-product-panel.scrolled .center-content h2 { font-size: 40px; line-height: 48px; }

    .product-details-panel { padding-top: 125px; }
        .product-details-panel p { font-size: 16px; }

        .product-details-panel .details { padding-top: 25px; padding-left: 0px; }
            .product-details-panel .details h4 { font-size: 28px; line-height: 34px; margin-bottom: 10px; }
            .product-details-panel .details h5 { font-size: 21px; line-height: 28px; }
            .product-details-panel .details p { font-size: 18px; line-height: 26px; }
            .product-details-panel .details ul { padding: 0px; }
            .product-details-panel .details ul li { font-size: 18px; line-height: 26px; }

        .product-details-panel .product-gallery .thumbnail.large { width: 72%; }
            .product-details-panel .product-gallery .thumbnail.large img { max-height: 620px; max-width: 450px; }
        .product-details-panel .product-gallery .thumbnails { width: 28%; }

        .product-details-panel .social-feature { padding-left: 0px; }

    .internal-page-panel .hexagon-grid.one { display: none; }
    .internal-page-panel .hexagon-grid.two { display: none; }

    .about-slider-panel .center-content { right: auto; }
    .about-slider-panel .slick-dots { width: 50%; }

    .about-slider-panel .side-hexagon-container { width: 500px; height: 770px; bottom: 100px; }
        .about-slider-panel .side-hexagon-container .side-hexagon.one { width: 330px; height: 330px; }
        .about-slider-panel .side-hexagon-container .side-hexagon.two { width: 395px; height: 395px; bottom: 110px; }
        .about-slider-panel .side-hexagon-container .side-hexagon.three { width: 210px; height: 210px; }
        .about-slider-panel .side-hexagon-container .side-hexagon.four { width: 180px; height: 180px; }


    .environment-slider-panel .slider-nav { max-width: 1150px; }
        .environment-slider-panel .slider-nav h6 { font-size: 15px; line-height: 21px; }

    .top-cutoff-center-panel .side-img.left { left: 50px; max-width: 400px !important; top: 150px; }
    .top-cutoff-center-panel .side-img.right { right: 50px; max-width: 400px !important; top: 150px; }


    footer .footer-top p { color: #ffffff; font-size: 14px; line-height: 20px; }

}

@media screen and (max-width: 1500px) {
        
    h2 { font-size: 50px; line-height: 58px; }
    h3 { font-size: 40px; line-height: 48px; }
    h4 { font-size: 28px; line-height: 36px; }

    .left-content-panel.shape.vertical-center { min-height: 800px; }
    .left-content-panel.shape.vertical-center .col { min-height: 800px; }
    .left-content-panel.shape .side-hexagon-container { width: 720px; height: 720px; top: 35px; }
    .left-content-panel.shape .side-hexagon-container .side-hexagon { width: 720px; height: 720px; }
    .left-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img { max-width: 440px; max-height: 625px; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon { width: 155px; height: 155px; top: 40px; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.icon img { max-width: 100px; max-height: 90px; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.icon.bottom { bottom: 120px; left: 0px; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.sub-icon.bottom { left: 85px; bottom: 15px; }

    .right-content-panel.shape.vertical-center { min-height: 800px; }
    .right-content-panel.shape.vertical-center .col { min-height: 800px; }
    .right-content-panel.shape .side-hexagon-container { width: 720px; height: 720px; top: 35px; }
    .right-content-panel.shape .side-hexagon-container .side-hexagon { width: 720px; height: 720px; }
    .right-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img { max-width: 440px; max-height: 625px; }

    .right-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img.middle { right: 30px; }

    .hexagon-grid.three { width: 200px; height: 200px; }
    .hexagon-grid.three .hexagon.hexagon-1 { width: 200px; height: 200px; }

    
    .internal-header-product-panel .three + .row .download-feature h6 { font-size: 15px; line-height: 22px; }
    .internal-header-product-panel.scrolled .three + .row .download-feature h6 { font-size: 13px; line-height: 19px; }


    .product-listing-item .image { height: 280px; }
        .product-listing-item .image img { max-height: 230px; max-width: 180px; }

    .product-listing-item .details { min-height: 188px; }
        .product-listing-item .details h4 { font-size: 26px; line-height: 32px; max-height: 66px; }
        .product-listing-item .details p { font-size: 18px; line-height: 26px; max-height: 52px; }
        .product-listing-item .details .btn { font-size: 15px; line-height: 20px; width: 125px; padding: 11px 10px; }

    .product-listing-item .side-flash { height: 70px; width: 70px; }
        .product-listing-item .side-flash h6 { font-size: 15px; line-height: 20px; }

    .product-filters .accordion-header button { font-size: 22px; padding: 15px; }
    .product-filters .accordion-collapse .accordion-body button { font-size: 18px; line-height: 24px; padding: 15px 15px; }
    .product-filters .background .form-group label { font-size: 15px; }

    .product-filters .background { padding: 6px 5px 6px 15px; }
    .product-filters .accordion-item:first-child .accordion .background { padding: 6px 5px 6px 15px; }

    .product-details-panel .background-hexagon { top: -120px; right: -340px; }
    .product-details-panel .product-gallery .thumbnail.large img { max-height: 580px; max-width: 400px; }
    .product-details-panel .product-gallery .thumbnail.small { width: 160px; height: 160px; }
    .product-details-panel .product-gallery .thumbnail.small img { height: 105px; }
    

}

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

    header .header .navigation li { font-size: 16px; margin-left: 22px; }
    header .header .navigation li i { font-size: 12px; }
    header .header .nav-elements .btn { font-size: 15px; }
    header .header .nav-elements .btn { margin-left: 10px; }

    .featured-products-slider-panel { padding-top: 250px; }
    .featured-products-slider-panel .featured-products-carousel { max-width: 1200px; }
    .featured-products-slider-panel .featured-products-carousel .slick-list { min-height: 700px; }
    .featured-products-slider-panel .featured-products-carousel .slick-slide { min-height: 700px; }

    .featured-product-slide-feature .image { height: 320px; }
        .featured-product-slide-feature .image img { max-height: 300px; }
        .featured-product-slide-feature .text h4 { font-size: 28px; line-height: 34px; margin-bottom: 12px; }
        .featured-product-slide-feature .text p { color: #cccccc; font-size: 15px; line-height: 24px; }

    .slick-active .featured-product-slide-feature .image { height: 420px; }
        .slick-active .featured-product-slide-feature .image img { max-height: 400px; }
        .slick-active .featured-product-slide-feature .text h4 { font-size: 36px; line-height: 42px; }

    .hex-down-mask-panel { min-height: 460px; mask-size: 1580px; -webkit-mask-size: 1580px; }

    .featured-products-slider-panel + .shape-container .hexagon-grid.five { top: -360px; }

}

@media screen and (max-width: 1400px) {
        
    h2 { font-size: 48px; line-height: 56px; }
    h3 { font-size: 38px; line-height: 46px; }
    h4 { font-size: 26px; line-height: 34px; }
    p { font-size: 18px; line-height: 26px; }
    li { font-size: 18px; line-height: 26px; }

    
    .cutoff-internal-header-panel .hexagon-grid.one { display: none; }
    .cutoff-internal-header-panel .hexagon-grid.two { display: none; }

    .right-content-panel .img-side .side-img { max-width: 70%; }

    .double-content-panel .left .center-content { left: 50px; max-width: 400px; }
    .double-content-panel .right .center-content { left: 40px; max-width: 400px; }

    .featured-logos-panel .img-holder img { max-height: 90px; max-width: 180px; }


    .internal-header-product-panel .center-content h2 { font-size: 42px; line-height: 50px; }
    .internal-header-product-panel.scrolled .center-content h2 { font-size: 36px; line-height: 42px; }

    .product-details-panel { padding-top: 115px; }
        .product-details-panel p { font-size: 15px; }
        .product-details-panel .background-hexagon { top: -130px; right: -410px; }
        .product-details-panel .product-gallery .thumbnail.large { width: 72%; }
        .product-details-panel .product-gallery .thumbnail.large img { max-height: 500px; max-width: 380px; }
        .product-details-panel .product-gallery .thumbnails { width: 28%; }


    .product-details-panel .social-feature h6 { font-size: 26px; line-height: 32px; margin-top: 7px; }
    
    .center-content-side-images-panel.vertical-center .hexagon-grid.one { display: none; }
    .center-content-side-images-panel.vertical-center .hexagon-grid.two { display: none; }

    .about-slider-panel .center-content { font-size: 16px; line-height: 24px; }
        .about-slider-panel .center-content p { font-size: 16px; line-height: 24px; }
        .about-slider-panel .center-content li { font-size: 16px; line-height: 24px; }


    .footer-cta-panel { min-height: 700px; padding: 80px 0px 0px 0px; }
    .footer-cta-panel .footer-img { max-width: 600px; bottom: -150px; }

    footer .footer-top h4 { font-size: 24px; line-height: 30px; }
    footer .footer-top .footer-social { padding: 8px 0px 0px 0px; }
    footer .footer-top ul li { font-size: 17px; }
    footer .footer-top p { padding-right: 70px; }

    footer .footer-bottom p { font-size: 14px; }
    footer .footer-bottom p span { padding: 0px 2px; }

}

@media screen and (max-width: 1350px) {
        
    h2 { font-size: 46px; line-height: 54px; }
    h3 { font-size: 36px; line-height: 44px; }
    h4 { font-size: 26px; line-height: 34px; }
    h5 { font-size: 20px; line-height: 28px; }

    .news-feature { max-width: 370px; }
        .news-feature .text { padding: 20px 22px 20px 22px; }
        .news-feature .text h5 { font-size: 24px; line-height: 32px; }
        .news-feature .text p {font-size: 16px; }
        .news-feature .text p i { font-size: 12px; }

    .product-filters .accordion-header button { font-size: 20px; }

    .internal-header-product-panel .three + .row .download-feature { right: 7px; left: 7px; }

}

@media screen and (max-width: 1300px) {
        
    h2 { font-size: 44px; line-height: 52px; }
    h3 { font-size: 34px; line-height: 42px; }
    h4 { font-size: 24px; line-height: 32px; }

    header .header .nav-elements .btn { font-size: 13px; padding: 11px 10px; }

    .featured-logos-panel h3 { margin-bottom: 30px!important; }
    .featured-logos-panel .img-holder { width: 25%; margin-top: 25px; margin-bottom: 25px; }

    .product-listing-panel .col.right form { width: 450px; margin-top: 4px; }
    .product-listing-panel .settings p { font-size: 15px; }
    .product-listing-panel .settings .form-group label { font-size: 15px; margin-top: 5px; }
    .product-listing-panel .settings .form-group select { font-size: 14px; }


    .internal-header-product-panel { padding: 0px 5px 0px 5px; }
    .product-details-panel { padding-left: 5px; padding-right: 5px; }

    .top-cutoff-center-panel .side-img.left { left: 30px; max-width: 300px !important; top: 190px; }
    .top-cutoff-center-panel .side-img.right { right: 30px; max-width: 300px !important; top: 190px; }


    footer .footer-bottom p { font-size: 13px; }

}

@media screen and (max-width: 1250px) {
        
    h2 { font-size: 42px; line-height: 50px; }
    h3 { font-size: 32px; line-height: 40px; }
    h4 { font-size: 23px; line-height: 31px; }

    header .header .navigation li { font-size: 15px; }

    .featured-products-slider-panel { padding-top: 250px; }
    .featured-products-slider-panel .featured-products-carousel { max-width: 1000px; }
    .featured-products-slider-panel .featured-products-carousel .slick-list { min-height: 650px; }
    .featured-products-slider-panel .featured-products-carousel .slick-slide { min-height: 650px; }

    .featured-product-slide-feature .image { height: 260px; }
        .featured-product-slide-feature .image img { max-height: 240px; }
        .featured-product-slide-feature .text h4 { font-size: 25px; line-height: 34px; }
        .featured-product-slide-feature .text p { color: #cccccc; font-size: 14px; line-height: 22px; }

    .slick-active .featured-product-slide-feature .image { height: 360px; }
        .slick-active .featured-product-slide-feature .image img { max-height: 340px; }
        .slick-active .featured-product-slide-feature .text h4 { font-size: 32px; line-height: 38px; }

    .product-filters .accordion-header button { font-size: 19px; }
    .product-filters .accordion-collapse .accordion-body button { font-size: 16px; line-height: 22px; }

    .product-details-panel p { font-size: 14px; }

    .internal-page-panel .support-feature h5 { font-size: 20px; line-height: 28px; }

}

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

    header .header .navigation { display: none; }
    header .header .nav-elements .nav-icon { display: block; margin-left: 10px; }
    header .header .nav-elements .search-icon { float: right; margin-left: 10px; }

    .full-panel-dropdown.active { top: 95px; }

    .main-slider { min-height: 580px; }
        .main-slider .slide { min-height: 580px; }
        .main-slider .slide .col-12 { min-height: 580px; }
        .main-slider .slide .side-img { max-height: 420px; margin-top: 30px; }
        .main-slider .slide .content { padding-top: 110px; }
        .main-slider .slick-dots { bottom: 115px; }

    .cutoff-internal-header-panel .center-content { padding-top: 70px; }
    .cutoff-internal-header-panel .hexagon-grid.single.left { display: none; }
    .cutoff-internal-header-panel .hexagon-grid.single.right { top: 400px; left: 0px; right: 0px; margin: auto; }

    .left-content-panel.vertical-center { min-height: 700px; }
        .left-content-panel.vertical-center .col { min-height: 700px; }

    .right-content-panel.vertical-center { min-height: 700px; }
        .right-content-panel.vertical-center .col { min-height: 700px; }
        .right-content-panel .img-side .side-img { max-height: 500px; }

    .double-content-panel { min-height: 600px; }
        .double-content-panel .left { padding: 95px 0px 0px 0px; min-height: 600px; }
        .double-content-panel .right { padding: 95px 0px 0px 0px; min-height: 600px; }
            .double-content-panel .right .cutoff-img { max-width: 500px; }
            
    .internal-header-panel { min-height: 560px; }
        .internal-header-panel .col-12 { min-height: 560px; }
        .internal-header-panel .side-img { max-width: 400px; margin: 150px auto auto auto; }

    .left-content-panel.shape.vertical-center { min-height: 680px; }
    .left-content-panel.shape.vertical-center .col { min-height: 680px; }
    .left-content-panel.shape .side-hexagon-container { width: 580px; height: 580px; top: 35px; }
    .left-content-panel.shape .side-hexagon-container .side-hexagon { width: 580px; height: 580px; }
    .left-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img { max-width: 360px; max-height: 475px; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon { width: 125px; height: 125px; top: 40px; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.icon img { max-width: 80px; max-height: 70px; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.icon.bottom { bottom: 120px; left: 0px; }
    .left-content-panel.shape .side-hexagon-container .sub-side-hexagon.sub-icon.bottom { width: 85px; height: 85px; left: 85px; bottom: 55px; }

    .right-content-panel.shape.vertical-center { min-height: 680px; }
    .right-content-panel.shape.vertical-center .col { min-height: 680px; }
    .right-content-panel.shape .side-hexagon-container { width: 580px; height: 580px; top: 35px; }
    .right-content-panel.shape .side-hexagon-container .side-hexagon { width: 580px; height: 580px; }
    .right-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img { max-width: 360px; max-height: 475px; }
    .right-content-panel.shape .side-hexagon-container .line-side-hexagon.big { width: 200px; height: 200px; }


    .product-listing-panel .settings { text-align: center; }

    .product-listing-panel .col.right { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); }
        .product-listing-panel .col.right form { width: 455px; float: none; margin: 10px auto auto auto; }

    .product-listing-panel .products { padding: 40px 0px 0px 0px; }
    .product-listing-panel .products .col.right { padding-top: 30px; }

    .product-filters-show { padding: 20px; border: 1px #c1c1c1 solid; border-radius: 10px; max-width: 500px; margin: auto; cursor: pointer; display: block; }
    .product-filters-show.active { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
    .product-filters { display: none; max-width: 500px; margin: auto; border-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
        .product-filters h5 { display: none; }
    .product-filters.active { display: block; }
    .product-filters-show h4::after { color: #2e495f; background: none; width: 27px; height: 27px; font-size: 36px; font-weight: 500; content: "+"; transform: none; transition: none; text-align: right; float: right; }
    .product-filters-show:hover h4::after { color: #00a5c8; }
    .product-filters-show.active h4::after { content: "-"; text-align: center; }

    .internal-page-sub-navigation { display: none!important; }
    .internal-page-sub-navigation + .internal-page-panel { padding-top: 70px; }

    .internal-hexagon-header-panel.news h2 { font-size: 30px; line-height: 38px; }

    .internal-header-product-panel .center-content h2 { font-size: 36px; line-height: 44px; }
    .internal-header-product-panel.scrolled .center-content h2 { font-size: 30px; line-height: 36px; }
    .internal-header-product-panel .download-feature { height: 130px; }
    .internal-header-product-panel.scrolled .download-feature { height: 116px; }
        .internal-header-product-panel .download-feature .icon { height: 50px; margin-top: 0px; }
        .internal-header-product-panel.scrolled .download-feature .icon { height: 35px; }
        .internal-header-product-panel .download-feature h6 { font-size: 15px; line-height: 21px; margin-top: 10px; }

    .internal-header-product-panel .three + .row .download-feature h6 { font-size: 13px; line-height: 19px; }
    .internal-header-product-panel.scrolled .three + .row .download-feature h6 { font-size: 13px; line-height: 19px; }

    .internal-page-panel .news-feature.video .text h5 { font-size: 22px; line-height: 30px; }

    .product-details-panel .background-hexagon { top: -10px; right: -410px; height: 950px; width: 950px; }
    .product-details-panel .product-gallery .thumbnail.large img { max-height: 420px; max-width: 300px; }
    .product-details-panel .product-gallery .thumbnail.small { width: 125px; height: 125px; }
        .product-details-panel .product-gallery .thumbnail.small img { height: 80px; }


    .about-arrow-bg .internal-header-panel + .shape-container + .shape-container { display: none; }

    .about-slider-panel .center-content { right: auto; }
    .about-slider-panel .slick-dots { width: 58%; }

    .about-slider-panel .side-hexagon-container { width: 410px; height: 670px; bottom: 200px; }
        .about-slider-panel .side-hexagon-container .side-hexagon.one { width: 280px; height: 280px; }
        .about-slider-panel .side-hexagon-container .side-hexagon.two { width: 345px; height: 345px; bottom: 110px; }
        .about-slider-panel .side-hexagon-container .side-hexagon.three { width: 160px; height: 160px; }
        .about-slider-panel .side-hexagon-container .side-hexagon.four { width: 130px; height: 130px; bottom: 50px; }


    .footer-cta-panel .hexagon-grid.two { display: none; }

    .internal-header-panel + .shape-container .hexagon-grid.one { top: -95px; }
    .hexagon-grid.one {width: 168px; height: 197px; top: -110px; right: 0px; }
    .hexagon-grid.one.top { top: -50px; }
    .hexagon-grid.two { width: 158px; height: 198px; top: -60px; left: 0px; }
    .hexagon-grid.three { width: 120px; height: 120px; top: -125px; left: -20px; }
    .hexagon-grid.four { width: 180px; height: 180px; top: -200px; }
    .hexagon-grid.five { width: 195px; height: 280px; }

    .hexagon-grid.one .hexagon.hexagon-1 { width: 85px; height: 85px; right: 0px; bottom: 5px; }
    .hexagon-grid.one .hexagon.hexagon-2 { width: 60px; height: 60px; right: -20px; bottom: 82px; }
    .hexagon-grid.one .hexagon.hexagon-3 { width: 130px; height: 130px; left: 0px; }

    .hexagon-grid.two .hexagon.hexagon-1 { width: 85px; height: 85px; left: 0px; top: 0px; }
    .hexagon-grid.two .hexagon.hexagon-2 { width: 60px; height: 60px; left: -30px; top: 73px; }
    .hexagon-grid.two .hexagon.hexagon-3 { width: 130px; height: 130px; right: 0px; bottom: 0px; }

    .hexagon-grid.three .hexagon.hexagon-1 { width: 120px; height: 120px; }

    .hexagon-grid.four .hexagon.hexagon-1 { width: 180px; height: 180px; }

    .hexagon-grid.five .hexagon.hexagon-1 { width: 110px; height: 110px; left: 35px; top: 18px; }
    .hexagon-grid.five .hexagon.hexagon-2 { width: 90px; height: 90px; top: 115px; }
    .hexagon-grid.five .hexagon.hexagon-3 { width: 190px; height: 190px; }
    
    

    footer .footer-top { padding-top: 55px; padding-bottom: 55px; }
        footer .footer-top img { margin-top: 60px; }
        footer .footer-top .col-xl-4 { text-align: center; order: 4; }
        footer .footer-top p { padding-right: 0px; }
        footer .footer-top .footer-social { float: none; width: 280px; margin: auto; }

    footer .footer-bottom { text-align: center; }
        footer .footer-bottom .text-right { text-align: center; }
        footer .footer-bottom p { font-size: 16px; }
        footer .footer-bottom .text-right p { margin: 15px 0px 0px 0px; }

}

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

    h2 { font-size: 40px; line-height: 48px; }
    h4 { font-size: 22px; line-height: 30px; }

    .main-slider .slide .side-img { margin-top: 90px; }

    .left-content-panel.shape .side-hexagon-container { width: 520px; height: 520px; top: 75px; }
    .left-content-panel.shape .side-hexagon-container .side-hexagon { width: 520px; height: 520px; }
    .left-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img { max-width: 300px; max-height: 425px; }

    .right-content-panel.shape .side-hexagon-container { width: 520px; height: 520px; top: 75px; }
    .right-content-panel.shape .side-hexagon-container .side-hexagon { width: 520px; height: 520px; }
    .right-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img { max-width: 300px; max-height: 425px; }

    .internal-header-product-panel .download-feature { padding: 15px 10px; }
        .internal-header-product-panel .download-feature h6 { font-size: 13px; line-height: 18px; margin-top: 13px; }
        .internal-header-product-panel.scrolled .download-feature h6 { font-size: 13px; line-height: 18px; margin-top: 13px; }

    .product-details-panel .background-hexagon { top: -10px; right: -410px; height: 900px; width: 900px; }
    .product-details-panel .product-gallery .thumbnail.large img { max-height: 380px; max-width: 260px; }
    .product-details-panel .product-gallery .thumbnail.small { margin-bottom: 15px; }

    .product-details-panel .details { padding-right: 100px; }

}

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

    .featured-products-slider-panel .featured-products-carousel { max-width: 920px; }

    .product-details-panel .product-gallery .thumbnail.large img { max-height: 360px; max-width: 240px; }

    .product-details-panel p { font-size: 13px; }
    
    .internal-header-product-panel .three + .row .download-feature h6 { font-size: 12px; line-height: 18px; }
    .internal-header-product-panel.scrolled .three + .row .download-feature h6 { font-size: 12px; line-height: 18px; }

    .about-slider-panel .center-content { right: 0px; }
    .about-slider-panel .slick-dots { width: 53%; }

}

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

    h2 { font-size: 38px; line-height: 46px; }
    h4 { font-size: 21px; line-height: 29px; }

    header .header { padding: 12px 5px; }
        header .header img { width: 140px; }
        header .header .nav-elements { margin-top: 16px; }

    header .header.scrolled { padding: 12px 5px; }

    .full-panel-dropdown.search { padding: 20px 20px; }
        .full-panel-dropdown.search .search-holder .btn { font-size: 16px; line-height: 18px; }

    .main-slider { text-align: center; } 
        .main-slider .slide .content { max-width: 600px; width: 100%; padding-top: 60px; margin: auto; }
        .main-slider .slide .side-img { max-height: 420px; margin: 110px auto -40px auto; }
        .main-slider .slide .col-12 { min-height: 0px; }
        .main-slider .slide h2 { margin-bottom: 20px; }
        .main-slider .slide p { padding-right: 0px; }
        .main-slider .slick-dots { top: 330px; bottom: auto; text-align: center; padding: 0px; }


    .internal-header-panel { text-align: center; padding: 60px 0px 40px 0px; margin-top: 96px; }
        .internal-header-panel h2 { margin-bottom: 20px; }
        .internal-header-panel .col-12 { min-height: 0px; }
        .internal-header-panel .content { padding-top: 0px; }
        .internal-header-panel .center-content { max-width: 600px; text-align: center; padding-left: 0px; top: 0px; transform: none; left: 0px; right: 0px; margin: auto; position: relative; }
        .internal-header-panel .cutoff-hexagon { display: none; }
        .internal-header-panel .side-img { max-width: 600px; margin: 60px auto auto auto; }


    .cutoff-internal-header-panel { margin-top: 95px; }


    .left-content-panel { text-align: center; }
    .left-content-panel.vertical-center { padding: 90px 0px; }
        .left-content-panel.vertical-center .center-content { position: relative; top: 0px; transform: none; z-index: 1; }
        .left-content-panel.vertical-center .col { min-height: 0px; }

        .left-content-panel .img-side .side-img { top: auto; transform: none; left: 0px; right: 0px; position: relative; max-width: 700px; margin-top: 50px; width: 90%; }

        .left-content-panel.shape.vertical-center { padding: 80px 0px 80px 0px; }
            .left-content-panel.shape .side-hexagon-container { width: 480px; height: 480px; top: 0px; left: 0px; right: 0px; margin: 60px auto auto auto; position: relative; }
            .left-content-panel.shape .side-hexagon-container .side-hexagon { width: 480px; height: 480px; }
            .left-content-panel.shape.vertical-center .center-content { position: relative; top: 0px; transform: none; z-index: 1; }
            .left-content-panel.shape.vertical-center .col { min-height: 0px; }

        .left-content-panel.shape + .shape-container + .right-content-panel.shape { margin-top: 0px; }

    .right-content-panel { text-align: center; }
    .right-content-panel.vertical-center { padding: 90px 0px; }
        .right-content-panel.vertical-center .center-content { position: relative; top: 0px; transform: none; z-index: 1; }
        .right-content-panel.vertical-center .col { min-height: 0px; }
        .right-content-panel .col.img-side { order: 2 !important; }
        .right-content-panel .img-side .side-img { top: auto; transform: none; left: 0px; right: 0px; margin: 60px auto -170px auto; position: relative; }
        .right-content-panel .col.text-side { order: 1 !important; }
        .right-content-panel.vertical-center.height-800 .col {  min-height: 0px; }
        .right-content-panel.vertical-center.height-700 .col {  min-height: 0px; }
        .right-content-panel.vertical-center.height-600 .col {  min-height: 0px; }

        .right-content-panel.shape.vertical-center { padding: 80px 0px 80px 0px; }
            .right-content-panel.shape .side-hexagon-container { width: 480px; height: 480px; top: 0px; left: 0px; right: 0px; margin: 60px auto auto auto; position: relative; }
            .right-content-panel.shape .side-hexagon-container .side-hexagon { width: 480px; height: 480px; }
            .right-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img { right: 100px; }
            .right-content-panel.shape .side-hexagon-container .side-hexagon + .hexagon-side-img.middle { right: 80px; }
            .right-content-panel.shape.vertical-center .center-content { position: relative; top: 0px; transform: none; z-index: 1; }
            .right-content-panel.shape.vertical-center .col { min-height: 0px; }

        .right-content-panel.shape + .shape-container + .left-content-panel.shape { margin-top: 0px; }

        .featured-products-slider-panel + .shape-container + .right-content-panel.shape { margin-top: 30px; }
        

    .featured-products-slider-panel { margin-top: 0px; }
    .featured-products-slider-panel .featured-products-carousel { max-width: 820px; }
    .featured-products-slider-panel .gallery-arrow.prev { left: -10px; }
    .featured-products-slider-panel .gallery-arrow.next { right: -10px; }
    .featured-products-slider-panel .featured-products-carousel .slick-list { min-height: 600px; }
    .featured-products-slider-panel .featured-products-carousel .slick-slide { min-height: 600px; }

    .featured-product-slide-feature .image { height: 230px; }
        .featured-product-slide-feature .image img { max-height: 210px; }
        .featured-product-slide-feature .text h4 { font-size: 23px; line-height: 30px; }
        .featured-product-slide-feature .text p { font-size: 13px; line-height: 21px; }
        .featured-product-slide-feature .btn { font-size: 14px; line-height: 16px; }

    .slick-active .featured-product-slide-feature .image { height: 330px; }
        .slick-active .featured-product-slide-feature .image img { max-height: 310px; }
        .slick-active .featured-product-slide-feature .text h4 { font-size: 30px; line-height: 36px; }

    .hex-down-mask-panel { min-height: 402px; mask-size: 1380px; -webkit-mask-size: 1380px; }


    .double-content-panel .center-content { position: relative; margin: 0px; }
    .double-content-panel .left { padding: 95px 0px 95px 0px; min-height: 0px; }
        .double-content-panel .left .center-content { left: 40px; max-width: 300px; }
    .double-content-panel .right { padding: 95px 0px 95px 0px; min-height: 0px; }
        .double-content-panel .right .center-content { left: 40px; max-width: 300px; }

    .featured-logos-panel .img-holder { width: 33.3%; }

    .featured-logos-panel + .shape-container .hexagon-grid.one.top { top: -120px; }

    .client-case-study-feature .text { padding: 40px 30px; }
    .client-case-study-feature .text h6 { font-size: 20px; line-height: 26px; }
    .client-case-study-feature .text h5 { font-size: 34px; line-height: 44px; }
    .slick-active .client-case-study-feature .text { padding: 40px 30px; }


    .internal-hexagon-header-panel.news h2 { font-size: 26px; line-height: 32px; }

    .internal-header-bg-panel { min-height: 440px; text-align: center; margin-top: 95px; }
        .internal-header-bg-panel .col-12 { min-height: 220px; }
        .internal-header-bg-panel .side-img { max-height: 300px; margin-top: 30px; }

    .internal-header-product-panel { min-height: 0px; padding: 40px 0px; top: auto; position: relative; margin-top: 95px; }
        .internal-header-product-panel .col { min-height: unset; }
        .internal-header-product-panel .col-12 { min-height: unset; }
        .internal-header-product-panel.scrolled .col { min-height: unset; }
        .internal-header-product-panel.scrolled .col-12 { min-height: unset; }
        .internal-header-product-panel .center-content { text-align: center; top: auto; transform: none; left: 0px; right: 0px; margin: auto auto 20px auto; position: relative; }
        .internal-header-product-panel .center-content h5 { font-size: 24px; line-height: 32px; }
        .internal-header-product-panel .center-content h2 { font-size: 34px; line-height: 42px; }
        .internal-header-product-panel .download-feature { padding: 10px 4px 10px 12px; height: auto!important; position: relative; top: 0px; transform: none; right: 0px; left: 0px; text-align: left; }
            .internal-header-product-panel .download-feature .icon { height: 30px!important; width: 25px!important; background-position: left 50%!important; display: inline-block!important; vertical-align: middle!important; }
            .internal-header-product-panel .download-feature h6 { font-size: 14px!important; line-height: 20px!important; margin-top: 0px!important; display: inline-block; vertical-align: middle; margin-left: 4px!important; }
            .internal-header-product-panel .download-feature h6 br { display: none; }
        .internal-header-product-panel .right .row { width: auto; max-width: 600px; margin: auto; float: none; }

    .internal-header-product-panel.scrolled { top: auto; }
    .internal-header-product-panel.scrolled .center-content h5 { font-size: 24px; line-height: 32px; }
    .internal-header-product-panel.scrolled .center-content h2 { font-size: 34px; line-height: 42px; }

    .internal-header-product-panel .three + .row { max-width: 350px; }
    .internal-header-product-panel .three + .row .download-feature { right: 0px; left: 0px; }
    .internal-header-product-panel .three + .row .col { flex: 0 0 auto; }
    .internal-header-product-panel .download-feature { margin: 10px 0px; }

    .internal-hexagon-header-panel { min-height: 0px; padding: 60px 0px 45px 0px; }
    .internal-hexagon-header-panel + .internal-page-panel { padding-top: 70px; }

    .internal-page-panel .safety-data-sheet-downloads { position: relative!important; top: auto!important; float: none; width: 100%; max-width: 500px; margin: auto; }
    .internal-page-panel .safety-data-sheet-content { width: 100%; float: none; max-width: 500px; margin: 50px auto auto auto; }

    .internal-page-panel .center-page-content h3 { font-size: 26px; line-height: 34px; }
    .internal-page-panel .center-page-content p { font-size: 18px; line-height: 26px; }
    .internal-page-panel .center-page-content li { font-size: 18px; line-height: 26px; }

    .about-arrow-bg { background-size: 1680px; background-position: center 350px!important; }
    .about-slider-panel .col-12.img-side { min-height: 100px; }
    .about-slider-panel .col-12.text-side { min-height: 700px; }

    .about-slider-panel .center-content { top: auto; transform: none; left: auto; right: 70px; max-width: 500px; width: 100%; }
        .about-slider-panel .center-content { font-size: 15px; line-height: 22px; }
        .about-slider-panel .center-content p { font-size: 15px; line-height: 22px; }
        .about-slider-panel .center-content li { font-size: 15px; line-height: 22px; }
    .about-slider-panel .slick-dots { bottom: 190px; }

    .about-slider-panel .side-hexagon-container { width: 250px; height: 520px; top: 0px; bottom: auto; }
        .about-slider-panel .side-hexagon-container .side-hexagon.one { width: 180px; height: 180px; }
        .about-slider-panel .side-hexagon-container .side-hexagon.two { width: 245px; height: 245px; bottom: 110px; }
        .about-slider-panel .side-hexagon-container .side-hexagon.three { display: none; }
        .about-slider-panel .side-hexagon-container .side-hexagon.four { width: 100px; height: 100px; bottom: 30px; }

    .about-slider-panel .side-hexagon-container-right { width: 235px; height: 350px; }
        .about-slider-panel .side-hexagon-container-right .side-hexagon.one { width: 120px; height: 120px; }
        .about-slider-panel .side-hexagon-container-right .side-hexagon.two { width: 325px; height: 325px; }


    .center-content-side-images-panel.vertical-center { padding: 80px 0px 0px 0px; }
    .center-content-side-images-panel.vertical-center .center-content { position: relative; top: auto; transform: none; }

    .top-cutoff-center-panel .glow.left { display: none; }
    .top-cutoff-center-panel .glow.right { display: none; }
    .top-cutoff-center-panel .side-img.left { display: none; }
    .top-cutoff-center-panel .side-img.right { display: none; } 

    .product-listing-panel .col.right form { width: 100%; max-width: 450px; }

    .product-details-panel .product-gallery { background: #38b6ab; border-radius: 10px; margin-top: 40px; padding: 40px; }
        .product-details-panel .product-gallery .thumbnail.large { width: 100%; padding-right: 0px; text-align: center; float: none; }
        .product-details-panel .product-gallery .thumbnails { width: 100%; font-size: 0px; margin-top: 35px; float: none; text-align: center; }
        .product-details-panel .product-gallery .thumbnail.small { float: none; display: inline-block; margin: auto; }
            .product-details-panel .product-gallery .thumbnail.small a { width: 125px; height: 125px; }

    .product-details-panel { text-align: center; padding-top: 65px; margin-top: 0px; }
        .product-details-panel .details { padding-right: 0px; }
        .product-details-panel .background-hexagon { display: none; }
        .product-details-panel .social-feature { width: 380px; margin: auto; }

    .contact-panel .left { padding-right: 12px; }    
    .contact-panel .right { padding-top: 80px; padding-left: 12px; }

    .hexagon-grid.three { display: none; }

    footer .footer-top ul.links { margin: 0px 0px 0px 0px; }
    footer .footer-top ul li { margin-bottom: 17px; }
    footer .footer-top ul li:last-child { margin-bottom: 17px; }

}

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

    .about-slider-panel .center-content { max-width: 450px; }

    .featured-products-slider-panel .featured-products-carousel { max-width: 720px; }

    .client-case-study-feature { min-height: 585px; }
    .client-case-study-feature .image { min-height: 220px; }
    .client-case-study-feature .text { min-height: 245px; }
    .client-case-study-feature .text h5 { font-size: 31px; line-height: 40px; }
    .client-case-study-feature .overlay { height: 465px; }

    .slick-active .client-case-study-feature .image { min-height: 260px; }
    .slick-active .client-case-study-feature .text { min-height: 285px; }
    .slick-active .client-case-study-feature .overlay { height: 545px; }

}


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

    .featured-products-slider-panel .featured-products-carousel { max-width: 100%; }
    .featured-products-slider-panel .gallery-arrow.prev { left: 15px; }
    .featured-products-slider-panel .gallery-arrow.next { right: 15px; }

    #baguetteBox-overlay .full-image figure { width: 400px; }
    #baguetteBox-overlay .full-image img { height: 300px; }

}

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

    h2 { font-size: 36px; line-height: 44px; }

    .menu-modal .menu-content .accordion-body ul li.title.empty { display: none; }
    .menu-modal .menu-content .accordion-body ul li.title.empty + li { margin-top: -9px; }

    .main-slider .slick-dots { top: 360px; }

    .cutoff-internal-header-panel .center-content { padding-top: 50px; }
        .cutoff-internal-header-panel .center-content h3 { font-size: 26px; line-height: 34px; margin-bottom: 20px!important; }
        .cutoff-internal-header-panel .center-content p { font-size: 16px; line-height: 22px; }
    .cutoff-internal-header-panel .hexagon-grid.single.right { width: 220px; height: 220px; top: auto; bottom: 60px; }
        .cutoff-internal-header-panel .hexagon-grid.single.right .hexagon.hexagon-1 { width: 220px; height: 220px; }
        .cutoff-internal-header-panel .hexagon-grid.single.right .hexagon.hexagon-1 img { max-height: 150px; max-width: 150px; }

    .right-content-panel .img-side .side-img { max-width: 100%; }

    .double-content-panel .left .cutoff-img { max-width: 200px; right: 0px; bottom: -50px; }

    .double-content-panel .right .cutoff-img { max-width: 300px; right: 0px; bottom: 0px; }

    .internal-header-panel + .shape-container .hexagon-grid.one { display: none; }

    .product-listing-panel .settings .form-group { text-align: center; width: 100%; float: none; margin-top: 0px; }
        .product-listing-panel .settings .form-group label { font-size: 15px; margin: 16px 0px 6px 0px; }
        .product-listing-panel .settings .form-group select { margin: auto; float: none; }
        .product-listing-panel .col.right form { margin: 0px auto auto auto; }


    .environment-slider-panel .slider-for .box-feature { width: 95%; }
        .environment-slider-panel .slider-for .box-feature h4 { font-size: 26px; line-height: 32px; }
        .environment-slider-panel .slider-for .box-feature p { font-size: 15px; line-height: 22px; }
    .environment-slider-panel .slider-for .box-feature .center-content { left: 30px; right: 30px; }
    .environment-slider-panel .slider-for .gallery-arrow.prev { display: none!important; }
    .environment-slider-panel .slider-for .gallery-arrow.next { display: none!important; }

    .internal-page-panel .awards-feature .image { width: 100%; display: inline-block; vertical-align: middle; text-align: center; }
        .internal-page-panel .awards-feature .image .image-holder {  margin: auto auto 30px auto; }
    .internal-page-panel .awards-feature .details {width: 100%; display: inline-block; vertical-align: middle; text-align: center; }


    .about-arrow-bg { background-position: -550px 550px !important; background-size: 1580px; }

    .about-slider-panel { min-height: 1000px; }

    .about-slider-panel .col-12.img-side { min-height: 185px; }
    .about-slider-panel .col-12.text-side { min-height: 700px; }

    .about-slider-panel .center-content { top: auto; transform: none; left: 0px; right: 0px; max-width: 500px; width: 100%; text-align: center; padding: 0px 30px; }
    .about-slider-panel .slick-dots { text-align: center; width: 100%; bottom: 150px; }

    .about-slider-panel .side-hexagon-container { width: 260px; height: 160px; top: 0px; left: 0px; right: 0px; bottom: auto; margin: auto; }
        .about-slider-panel .side-hexagon-container .side-hexagon.one { width: 90px; height: 90px; bottom: 0px; }
        .about-slider-panel .side-hexagon-container .side-hexagon.two { width: 145px; height: 145px; bottom: 0px; }
        .about-slider-panel .slick-current .side-hexagon-container .side-hexagon.one { right: 0px; }
        .about-slider-panel .slick-current .side-hexagon-container .side-hexagon.two { left: 0px; }
        .about-slider-panel .side-hexagon-container .side-hexagon.four { display: none; }

    .about-slider-panel .side-hexagon-container-right { display: none; width: 235px; height: 350px; }
        .about-slider-panel .side-hexagon-container-right .side-hexagon.one { width: 120px; height: 120px; }
        .about-slider-panel .side-hexagon-container-right .side-hexagon.two { width: 325px; height: 325px; }


    .hexagon-grid.one { width: 135px; height: 177px; top: -62px; right: 0px; }
    .hexagon-grid.one.top { top: -50px; }

    .hexagon-grid.one .hexagon.hexagon-1 { width: 80px; height: 80px; right: 0px; bottom: 5px; }
    .hexagon-grid.one .hexagon.hexagon-2 { width: 50px; height: 50px; right: -18px; bottom: 76px; }
    .hexagon-grid.one .hexagon.hexagon-3 { width: 105px; height: 105px; left: 0px; }

    .featured-logos-panel .img-holder { width: 50%; }

    .client-case-study-feature .text h6 { font-size: 17px; line-height: 23px; }
    .client-case-study-feature .text h5 { font-size: 28px; line-height: 37px; }
    .client-case-study-feature .text p { font-size: 16px; }
    .client-case-studies-panel .gallery-arrow { display: none!important; }

    .product-listing-panel { padding: 60px 10px 60px 10px; }

    .pagination-content { text-align: center; }
        .pagination-content .pagination { width: 288px; margin: auto; }
        .pagination-content .text-right { text-align: center; padding-top: 18px; }

    .footer-cta-panel { min-height: 0px; padding: 80px 0px 0px 0px; }
    .footer-cta-panel .footer-img { max-width: 400px; padding: 0px 15px; margin: 50px auto -100px auto; bottom: auto; position: relative; }

    footer .footer-bottom p br { display: block; }

}

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

.internal-header-product-panel .right .row { max-width: 350px; }
    .internal-header-product-panel .right .row .download-feature { right: 0px; left: 0px; }
    .internal-header-product-panel .right .row .col { flex: 0 0 auto; }

    .full-panel-dropdown.search #product-live-search-results { max-width: 380px; }

}

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

    p { font-size: 17px; line-height: 24px; }

    .main-slider .slide .content { padding-top: 40px; }

    .client-case-study-feature .text h5 { font-size: 26px; line-height: 35px; }
        .client-case-study-feature .image .logo { left: 0px; right: 0px; margin: auto; }

    .client-case-study-feature .image .logo { height: 110px; width: 240px; }

    .featured-products-slider-panel + .shape-container .hexagon-grid.five { top: -220px; }

    .about-arrow-bg { background-position: -720px 550px !important; background-size: 1580px; }

    .internal-page-panel .news-search .btn { font-size: 16px; }

    .product-details-panel .social-feature h6 { margin-right: 0px; float: none; margin-bottom: 12px; }
    .product-details-panel .social-feature .social-icons { margin: auto; float: none; width: 280px; }
        .product-details-panel .social-feature .social-icons li { margin-right: 5px; margin-left: 5px; }

}

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

    h2 { font-size: 34px; line-height: 42px; }

    .double-content-panel .left { padding: 65px 0px 145px 0px; }
        .double-content-panel .left .cutoff-img { max-width: 150px; }
    .double-content-panel .right { padding: 65px 0px 145px 0px; }
        .double-content-panel .right .cutoff-img { max-width: 240px; }

    .featured-logos-panel .img-holder img { max-height: 80px; max-width: 160px; }

    #baguetteBox-overlay .full-image figure { width: 350px; }
    #baguetteBox-overlay .full-image img { height: 250px; }

}

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

    .client-case-study-feature { min-height: 505px; }
    .client-case-study-feature .image { min-height: 150px; }
    .client-case-study-feature .overlay { height: 400px; }
    .client-case-study-feature .text { padding: 30px 25px; min-height: 250px; }
        .client-case-study-feature .text h6 { margin-bottom: 12px; }
        .client-case-study-feature .text h5 { font-size: 24px; line-height: 33px; }
        .client-case-study-feature .text p { bottom: 25px; }

    .slick-active .client-case-study-feature .text { padding: 35px 25px; }

    .slick-active .client-case-study-feature .image { min-height: 190px; }
    .slick-active .client-case-study-feature .overlay { height: 515px; }

    .about-arrow-bg { background-position: -720px 650px !important; background-size: 1580px; }

}

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

    h2 { font-size: 30px; line-height: 38px; }

    .about-slider-panel .center-content { padding: 0px 15px; }

    header .header .nav-elements .btn { display: none; }

    footer .footer-bottom p { font-size: 15px; }

    #baguetteBox-overlay .full-image figure { width: 320px; }
    #baguetteBox-overlay .full-image img { height: 220px; }

}

@media screen and (max-width: 450px) {
        
    #baguetteBox-overlay .full-image figure { width: 300px; }
    #baguetteBox-overlay .full-image img { height: 200px; }
    
    .about-arrow-bg { background-position: -720px 650px !important; background-size: 1680px; }
    .about-slider-panel .slick-dots { bottom: 100px; }

}


@media screen and (max-width: 410px) {
        
    .about-arrow-bg { background-position: -720px 650px !important; background-size: 1740px; }
    .about-slider-panel .slick-dots { bottom: 60px; }

}

/**
 * Slick Slider
 * ========================================================================== */

 .slick-slider { position: relative; display: block; }

 .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
 .slick-list:focus { outline: none; }
 .slick-list.dragging { cursor: pointer; }
 
 .slick-track { position: relative; top: 0; left: 0; display: block; }
 .slick-track:before,
 .slick-track:after { display: table; content: ''; }
 .slick-track:after { clear: both; }
 .slick-loading .slick-track { visibility: hidden; }
 .slick-slide { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; float: left; height: 100%; min-height: 1px; }
 .slick-slide img { display: block; }
 .slick-slide.slick-loading img { display: none; }
 .slick-initialized .slick-slide { display: block; }
 .slick-loading .slick-slide { visibility: hidden; }
 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
 .slick-arrow.slick-hidden { display: none; }

 .slick-slider .gallery-arrow { background: rgba(255, 255, 255, 0.46); font-size: 34px; position: absolute; top: 105px; z-index: 10; width: 70px; height: 70px; border-radius: 50%; padding: 0px; text-align: center; cursor: pointer; transition-timing-function: ease-in; transition: 0.2s; }
 .slick-slider .gallery-arrow:hover { background: #fff; }
 
 .slick-slider .gallery-arrow .icon { height: 33px; width: 18px; position: absolute; top: 50%; transform: translateY(-50%); }
 .slick-slider .gallery-arrow.prev .icon { background: url(../assets/gallery-arrow-left.png) bottom center no-repeat; left: 22px; }
 .slick-slider .gallery-arrow.prev:hover .icon { background-image: url(../assets/gallery-arrow-left-on.png); }
 .slick-slider .gallery-arrow.next .icon { background: url(../assets/gallery-arrow-right.png) bottom center no-repeat; right: 22px; }
 .slick-slider .gallery-arrow.next:hover .icon { background-image: url(../assets/gallery-arrow-right-on.png); }
 
 .slick-dots { position: absolute; bottom: 45px; display: block; width: 100%; list-style: none; text-align: center; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }
     .slick-dots li { position: relative; display: inline-block; width: 14px; height: 14px; margin: 0 4px; padding: 0; cursor: pointer; border: 0px; }
     .slick-dots li button { background: none; border: 2px #999999 solid; font-size: 0; line-height: 0; display: block; height: 14px; width: 14px; padding: 0px; cursor: pointer; color: #cc0000; outline: none; border-radius: 50%; }
     .slick-dots li button:hover,.slick-dots li button:focus { outline: none; }
     .slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity: 1; }
     .slick-dots li button:before { font-size: 10px; line-height: 20px; position: absolute; top: 0; left: 0; width: 14px; height: 14px; content: ''; text-align: center; opacity: .25; color: #051D49; border-radius: 50%; }
     .slick-dots li.slick-active button:before { opacity: 1; color: #ccc !important; height: 8px; width: 36px; border-radius: 25px; }
     .slick-dots li.slick-active { background: #999999; height: 14px; width: 36px; border-radius: 25px; }
     .slick-dots li.slick-active button { background: #999999; border: 1px solid #999999 !important; height: 14px; width: 36px; border-radius: 25px; }