/**
 * title:      Stamp Out
 * created:    10/06/2024
 * author:     Development Team <info@optiva.co.uk>
 * copyright:  Optiva Ltd

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

/** Fonts */

body { font-family: "Barlow Condensed", sans-serif; overflow-x: hidden; scroll-behavior: smooth; font-weight: 300; padding: 0px; margin: 0px; }

h2 { color: #1d1e1b; font-size: 76px; line-height: 76px; font-weight: 800; margin: 0px; text-transform: uppercase; }
h3 { color: #1d1e1b; font-size: 58px; line-height: 60px; font-weight: 800; margin: 0px; text-transform: uppercase; }
h4 { color: #1d1e1b; font-size: 52px; line-height: 54px; font-weight: 800; margin: 0px; text-transform: uppercase; }
h5 { color: #1d1e1b; font-size: 42px; line-height: 44px; font-weight: 800; margin: 0px; text-transform: uppercase; }
h6 { color: #1d1e1b; font-size: 36px; line-height: 38px; font-weight: 800; margin: 0px; text-transform: uppercase; }
p { color: #575756; font-size: 20px; line-height: 26px; font-weight: 400; margin: 0px; font-family: "Poppins", sans-serif; }
li { color: #575756; font-size: 20px; line-height: 26px; font-weight: 400; margin: 0px; font-family: "Poppins", sans-serif; }

.container { width: 100%; max-width: 1680px; margin: auto; }

a { color: #333333; text-decoration: none; }
a:link { text-decoration: none; }
a:hover { color: #e30613; text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }

* { box-sizing: border-box; }

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

.mb-0 { margin-bottom: 0px!important; }

.img-fluid { max-width: 100%; height: auto; }

.btn { font-size: 20px; line-height: 22px; font-weight: 800; text-transform: uppercase; display: inline-block; padding: 12px 40px; color: #e10613; border: 2px #e10613 solid; border-radius: 30px; filter: drop-shadow(0px); box-shadow: none; font-family: "Barlow Condensed", sans-serif; transition: 0.2s; transition-timing-function: ease-in; }
.btn:hover { cursor: pointer; transition: 0.2s; transition-timing-function: ease-in; }
.btn:focus { transition: 0.2s; transition-timing-function: ease-in; }

.btn-red { background: #e10613; border-color: #e10613; color: #ffffff; }
.btn-red:hover { background: #c80a15!important; border-color: #c80a15!important; color: #ffffff!important; }
.btn-red:focus { background: #c80a15; border-color: #c80a15; color: #ffffff; }
.btn-red:active { background: #c80a15!important; border-color: #c80a15!important; color: #ffffff!important; }

.btn-red-keyline { background: none; border-color: #e10613; color: #ffffff; }
.btn-red-keyline:hover { background: #e10613!important; border-color: #e10613!important; color: #ffffff!important; }
.btn-red-keyline:focus { background: none; border-color: #e10613; color: #ffffff; }
.btn-red-keyline:active { background: none!important; border-color: #e10613!important; color: #ffffff!important; }
.btn-red-keyline.grey { color: #1d1d1b; }

.btn-black { background: #000000; border-color: #000000; color: #ffffff; }
.btn-black:hover { background: #000000!important; border-color: #000000!important; color: #e10613!important; }
.btn-black:focus { background: #000000!important; border-color: #000000!important; color: #e10613!important; }
.btn-black:active { background: #000000!important; border-color: #000000!important; color: #e10613!important; }

.btn-white-keyline { background: none; border-color: #ffffff; color: #ffffff; }
.btn-white-keyline:hover { background: #ffffff!important; border-color: #ffffff!important; color: #e10613!important; }
.btn-white-keyline:focus { background: none; border-color: #ffffff; color: #ffffff; }
.btn-white-keyline:active { background: none!important; border-color: #ffffff!important; color: #ffffff!important; }


.form-control { font-family: "Poppins", sans-serif; display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box;border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .375rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); }

.alert { font-size: 16px; text-align: left; border-radius: 10px; padding: 16px; margin-bottom: 30px; position: relative; font-family: "Poppins", sans-serif; }
    .alert button { background: none; color: #999999; font-size: 22px; width: 32px; height: 32px; border: 1px #cccccc solid; border-radius: 50%; padding: 0px; margin-top: -3px; float: right; }

.alert-danger { background: #ffffff; border: 2px #e30613 solid; color: #e30613; }
    .alert-danger strong { font-weight: 600; }
    .alert-danger button { color: #e30613; border-color: #e30613; }
    .alert-danger button:hover { color: #ffffff; background: #e30613; border-color: #e30613; cursor: pointer; }

.alert-success { background: none; border: 2px #7cc100 solid; color: #7cc100; }
    .alert-success strong { font-weight: 600; }
    .alert-success button { color: #7cc100; border-color: #7cc100; }
    .alert-success button:hover { color: #ffffff; background: #7cc100; border-color: #7cc100; cursor: pointer; }

.cky-btn.cky-btn-accept { background: #e30613!important; border-color: #e30613!important; color: #ffffff!important; }
.cky-btn-revisit-wrapper { background: #e20613!important; }

/* === Menu Modal =============================== */

.menu-modal { background: #1d1e1b; opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%; min-height: 100vh; padding: 0px 20px 50px 20px; overflow: auto; top: 0px; transition: 0.4s; transition-timing-function: ease-in; z-index: 0; }
.menu-modal.active { z-index: 1000000;  opacity: 1; visibility: visible; top: 0px; transition: 0.4s; transition-timing-function: ease-in; }

    .menu-modal .header-content { min-height: 128px; padding-top: 26px; padding-bottom: 35px; transition: 0.2s; transition-timing-function: ease-in; }
        .menu-modal .header-content .close-icon { border: 2px #ffffff solid; color: #ffffff; font-size: 24px; width: 45px; height: 45px; border-radius: 50%; margin-left: 10px; text-align: center; float: right; overflow: hidden; position: relative; }
            .menu-modal .header-content .close-icon i { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; }
            .menu-modal .header-content .close-icon:hover { background: #ffffff; color: #e30613; cursor: pointer; }
        .menu-modal .header-content img { width: 75px; margin-top: 0px; transition: 0.2s; transition-timing-function: ease-in; }
        .menu-modal.scrolled .header-content { padding-top: 26px; transition: 0.2s; transition-timing-function: ease-in; }
            .menu-modal.scrolled .header-content img { width: 75px; margin-top: 0px; transition: 0.2s; transition-timing-function: ease-in; }

    .menu-modal .link-content { text-align: center; }
        .menu-modal .link-content .links { list-style: none; padding: 0px; margin: 0px; }
        .menu-modal .link-content .links li { font-size: 34px; line-height: 40px; font-weight: 800; margin-bottom: 15px; font-family: "Barlow Condensed", sans-serif; }
        .menu-modal .link-content .links li a { color: #ffffff; }
        .menu-modal .link-content .links li a:hover { color: #e30613; }
        .menu-modal .link-content .links li span { color: #ffffff; cursor: pointer; }
        .menu-modal .link-content .links li span:hover { color: #e30613; }

    .menu-modal .link-content .dropdown-content { display: none; }
        .menu-modal .link-content .dropdown-content ul { list-style: none; padding: 0px; margin: 10px 0px 25px 0px; }
        .menu-modal .link-content .dropdown-content ul li { font-size: 26px; line-height: 32px; font-weight: 700; margin-bottom: 8px; }
        .menu-modal .link-content .dropdown-content ul li a { color: #dbdbdb; }
    .menu-modal .link-content .dropdown-content.active { display: block; }

    .menu-modal .link-content .info-content { padding-top: 45px; }
        .menu-modal .link-content .info-content h5 { color: #e30613; font-size: 26px; line-height: 32px; margin-bottom :10px; }
        .menu-modal .link-content .info-content h5 a { color: #e30613; }
        .menu-modal .link-content .info-content h4 { color: #ffffff; font-size: 28px; line-height: 34px; font-weight: 500; margin-bottom: 5px; font-family: "Poppins", sans-serif; }
        .menu-modal .link-content .info-content h4 a { color: #ffffff; }
        .menu-modal .link-content .info-content h4 a:hover { color: #ffffff; }
        .menu-modal .link-content .info-content p { color: #ffffff; font-size: 22px; line-height: 26px; font-weight: 500; margin-bottom: 0px; }
        .menu-modal .link-content .info-content p a { color: #ffffff; }
        .menu-modal .link-content .info-content p a:hover { color: #ffffff; }


/** Header ========================================================================== */

header { background: none; width: 100%; padding: 20px 20px; top: 0px; text-align: center; box-shadow: rgba(0,0,0,.117647) 0 0px 0px; position: fixed; z-index: 1500; transition: 0.2s; transition-timing-function: ease-in; }
    header .logo { max-width: 150px; margin-right: 0px; float: left; vertical-align: top; transition: 0.2s; transition-timing-function: ease-in; }
    header .navigation { max-width: 1076px; padding: 15px 0px 0px 0px; font-size: 0px; left: 0px; right: 0px; margin: auto; position: absolute; transition: 0.2s; transition-timing-function: ease-in; }
    header .navigation ul { list-style: none; padding: 0px; margin: 0px; text-align: left; }
    header .navigation ul li { font-size: 28px; line-height: 36px; font-weight: 600; text-transform: uppercase; margin-left: 26px; margin-right: 26px; display: inline-block; font-family: "Barlow Condensed", sans-serif; position: relative; }
    header .navigation ul li:first-child { margin-left: 0px; }
    header .navigation ul li:last-child { margin-right: 0px; }
    header .navigation ul li a { color: #ffffff; padding: 15px; display: block; text-shadow: none; position: relative; z-index: 21; }
    header .navigation ul li:first-child a { padding-left: 0px; }
    header .navigation ul li a:hover { color: #ffcc00; }
    header .navigation ul li a::after { background: #ffcc00; opacity: 0; visibility: none; display: block; width: 50px; height: 4px; content: ""; margin: 6px auto auto auto; transition: 0.2s; transition-timing-function: ease-in; }
    header .navigation ul li a:hover::after { opacity: 1; visibility: visible; transition: 0.2s; transition-timing-function: ease-in; }
    header .navigation ul li a.border { background: #ffffff; color: #e10613; }
    header .navigation ul li a.border:hover { background: #1d1e1b; color: #ffffff; }
    header .navigation ul li a.border::after { display: none; }
    header .login-icon { width: 48px; height: 48px; border: 2px #e10613 solid; border-radius: 50%; margin-top: 22px; float: right; position: relative; transition: 0.2s; transition-timing-function: ease-in; }
    header .login-icon:hover { background: #e10613; }
    header .login-icon .icon { width: 20px; height: 28px; background: url('../assets/portal-icon.png') top center no-repeat; background-size: 20px; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; transition: 0.2s; transition-timing-function: ease-in; }
    header .login-icon:hover .icon { background-image: url('../assets/portal-icon-hover.png'); transition: 0.2s; transition-timing-function: ease-in; }
    header .nav-icon { display: none; width: 48px; height: 48px; color: #1d1e1b; border: 2px #1d1e1b solid; border-radius: 50%; font-size: 25px; margin-top: 22px; margin-left: 12px; cursor: pointer; float: right; position: relative; transition: 0.2s; transition-timing-function: ease-in; }
    header .nav-icon:hover { background: #1d1e1b; color: #ffffff; }
    header .nav-icon i { top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; transition: 0.2s; transition-timing-function: ease-in; }

    header .navigation .dropdown-content { display: none; position: absolute; right: 0; background-color: #ffffff; box-shadow: rgba(0,0,0,.117647) 0 3px 3px; text-align: left; border: 0px; width: 200px; max-width: 260px; padding: 16px 16px 16px 16px; z-index: 20; top: 65px; left: 0px; transition-timing-function: ease-in; transition: 0.2s;  }
        header .navigation .dropdown-content ul { width: 100%; list-style: none; padding: 0px; margin: 0px; float: left; font-size: 0px; }
        header .navigation .dropdown-content li { font-size: 24px; line-height: 26px; margin: 0px; background: none; float: none; height: auto; text-align: left; display: block; }
        header .navigation .dropdown-content li.no-border { border-bottom: none; }
        header .navigation .dropdown-content li a { background: #ffffff!important; height: auto; font-weight: 600; white-space: normal; margin: 0px; border-bottom: none; display: block; cursor: pointer!important; }
        header .navigation .dropdown-content li a:link { background: none; padding: 8px 0px!important; color: #1d1e1b!important; border: none!important;  }
        header .navigation .dropdown-content li a:visited { background: none; color: #1d1e1b!important; border: none!important;  }
        header .navigation .dropdown-content li a:hover { background: none; color: #e10613!important; border: none!important; }
        header .navigation .dropdown-content li a:active { background: none; color: #e10613!important; border: none!important; }
        header .navigation .dropdown-content li a::after { display: none; }
        header .navigation .dropdown-content li:last-child { border: 0px; }
        header .navigation .dropdown:hover .dropdown-content { display: block; }
        header .dropdown:hover a { background: #ffffff; color: #e10613!important; }
        header .dropdown:hover a::after { background: #e10613; opacity: 1; visibility: visible; display: block; width: 50px; height: 4px; content: ""; margin: 6px auto auto auto; }
        header .navigation .dropdown .dropdown-content .contained { max-width: 1100px; margin: auto; }
    
    header.scrolled { background: #ffffff; padding: 14px 20px; box-shadow: rgba(0,0,0,.117647) 0 1px 3px; transition: 0.2s; transition-timing-function: ease-in; }
        header.scrolled .logo { max-width: 80px; transition: 0.2s; transition-timing-function: ease-in; }
        header.scrolled .navigation { padding: 9px 0px 0px 0px; transition: 0.2s; transition-timing-function: ease-in; }
        header.scrolled .navigation ul li a { color: #1d1e1b; }
        header.scrolled .navigation ul li a:hover { color: #e10613; }
        header.scrolled .navigation ul li a::after { background: #e10613; }
        header.scrolled .navigation ul li a.border { background: none; color: #e10613; border: 1px #e10613 solid; }
        header.scrolled .navigation ul li a.border:hover { background: #1d1e1b; color: #ffffff; border: 1px #1d1e1b solid; }
        header.scrolled .login-icon { margin-top: 18px; transition: 0.2s; transition-timing-function: ease-in; }
        header.scrolled .nav-icon { margin-top: 18px; transition: 0.2s; transition-timing-function: ease-in; }

        header .header-bg { background: #e10613; width: 1283px; height: 150px; top: 0px; left: 70px; right: 0px; margin: auto; position: absolute; opacity: 1; visibility: visible; transition: 0.2s; transition-timing-function: ease-in;
            mask: url('../assets/header-internal-bg.svg') bottom center no-repeat; -webkit-mask: url('../assets/header-internal-bg.svg') bottom center no-repeat; }
        header.scrolled .header-bg { top: -30px; opacity: 0; visibility: none; transition: 0.2s; transition-timing-function: ease-in; }


/** Main Background ========================================================================== */

.main-slider-panel { background: #ffffff; padding: 0px; min-height: 820px; overflow: hidden; position: relative; }
    .main-slider-panel .slider { width: 100%; min-height: 820px; padding: 0px; position: relative; z-index: 1; }
    .main-slider-panel .slider .container { width: 100%; max-width: 1076px; min-height: 820px; position: relative; }
    .main-slider-panel .slider .slide { min-height: 820px; }
    .main-slider-panel .slider .content { width: 100%; max-width: 600px; margin: 0px; padding-top: 180px; position: relative; z-index: 1; }
    .main-slider-panel .slider .content h2 { color: #ffffff; font-size: 56px; line-height: 56px; margin-bottom: 32px; }
    .main-slider-panel .slider .side-image { max-width: 850px; right: -330px; bottom: 0px; position: absolute; }
    .main-slider-panel .slider .slide-2 .side-image { max-width: 780px; margin-top: -40px; top: 50%; transform: translateY(-50%); bottom: auto; }
    .main-slider-panel .slider .slide-3 .side-image { bottom: -120px; }
    .main-slider-panel .slider .slide-0 .side-image { bottom: -150px; }

    .main-slider-panel .slider .slick-dots { width: 100%; max-width: 1076px; text-align: left; bottom: 80px; }

    .main-slider-panel .red-shape-bg { background: #e10613; width: 1400px; height: 811px; top: 0px; left: 70px; right: 0px; margin: auto; position: absolute;
       mask: url('../assets/main-slider-panel-shape-bg.svg') top center no-repeat; -webkit-mask: url('../assets/main-slider-panel-shape-bg.svg') top center no-repeat; }

    .main-slider-panel + .content-panel { margin-top: -40px; }


/** Content Panel ========================================================================== */

.content-panel { width: 100%; max-width: 1920px; min-height: 500px; padding: 100px 30px 100px 30px; margin: auto; background-position: top center; background-repeat: no-repeat; overflow: hidden; position: relative; z-index: 1; }
    .content-panel.no-pad { padding: 0px; }
    .content-panel ul { list-style: none; padding: 0px; margin: 0px 0px 30px 0px; width: 100%; }
    .content-panel ul.no-border li { border: 0px; }
    .content-panel li { padding: 12px 0px; border-bottom: 1px #e10613 solid; }
    .content-panel li:first-child { padding-top: 0px; }
    .content-panel li:last-child { border: none; }
    .content-panel h6 { margin-bottom: 20px; }
    .content-panel h5 { margin-bottom: 20px; }
    .content-panel h2 { font-size: 50px; line-height: 56px; margin-bottom: 30px; }
    .content-panel h3 { margin-bottom: 35px; }
    .content-panel h4 { margin-bottom: 20px; }
    .content-panel p { margin-bottom: 30px; }
    .content-panel P + h4 { margin-top: 30px; }
    .content-panel P + h5 { margin-top: 30px; }
    .content-panel strong { font-weight: 600; }
    .content-panel h2 + p + p { margin-bottom: 0px; }
    .content-panel .red { color: #e20613; }
    .content-panel[dark-mode] { background: #182733; }
    .content-panel .container { display: flex; flex-wrap: wrap; }
    .content-panel .content { width: 50%; flex: 0 0 auto; position: relative; }
    .content-panel .text-content { width: 100%; max-width: 720px; margin: auto; }
    .content-panel .red-shape + .text-content { margin-top: 50px; }
    .content-panel .text-content p { margin-bottom: 20px; } 
    .content-panel .text-content .btn { margin-top: 20px; } 

    .content-panel .slanted-text { width: 780px; }
    .content-panel .slanted-text h3 { position: relative; }
    .content-panel .slanted-text h4 { position: relative; }
    .content-panel .slanted-text h4.red { color: #e20613; }
    .content-panel .slanted-text .slanted { transform: rotate(-1.5deg); }
    .content-panel .slanted-text.one h4.slanted { left: 0px; }
    .content-panel .slanted-text.one h4.slanted + h4.slanted { left: -80px; }
    .content-panel .slanted-text.one h4.slanted + h4.slanted + h4 { text-align: right; right: 70px; top: -5px; }
    .content-panel .slanted-text.two h4.slanted { left: -30px; }
    .content-panel .slanted-text.two h4.slanted + h4.slanted { left: 0px; }
    .content-panel .slanted-text.two h4.slanted + h4.slanted + h4 { text-align: right; right: 100px; top: -1px; }
    .content-panel .slanted-text.three h3.slanted { font-size: 80px; line-height: 80px; left: 60px; }
    .content-panel .slanted-text.three h3.slanted + h4.slanted { left: 0px; }
    .content-panel .slanted-text.three h3.slanted + h4.slanted + h4 { text-align: right; right: 240px; top: -1px; }


    .content-panel .background-mask.one { width: 1919px; height: 1000px; background-size: cover; background-position: 50% center; background-repeat: no-repeat; left: 50px; right: 0px; padding: 0px; margin: auto; mask: url('../assets/content-panel-mask-bg-1.svg') top center no-repeat; -webkit-mask: url('../assets/content-panel-mask-bg-1.svg') top center no-repeat; position: relative; }
    .content-panel.mask-bg .container { top: 50%; transform: translateY(-50%); left: 0px; right: 0px; position: absolute; z-index: 1; }
    .content-panel.mask-bg { padding-left: 0px; padding-right: 0px; }

    .content-panel .side-image-shape-mask { position: absolute; }
    .content-panel .side-image-shape-mask.one { width: 950px; height: 596px; left: -200px; background-size: cover; background-position: 50% center; background-repeat: no-repeat; mask: url('../assets/side-image-shape-mask-1.svg') left 50% no-repeat; -webkit-mask: url('../assets/side-image-shape-mask-1.svg') left 50% no-repeat; }
    .content-panel .side-image-shape-mask.two { width: 950px; height: 596px; right: -200px; background-size: cover; background-position: 50% center; background-repeat: no-repeat; mask: url('../assets/side-image-shape-mask-2.svg') right 50% no-repeat; -webkit-mask: url('../assets/side-image-shape-mask-2.svg') right 50% no-repeat; }

    .content-panel .panel-side-shape-mask { background: #e10613; top: 50%; transform: translateY(-50%); position: absolute; }
    .content-panel.left .panel-side-shape-mask { width: 850px; height: 620px; right: -350px; mask: url('../assets/content-panel-side-shape-mask.svg') left 50% no-repeat; -webkit-mask: url('../assets/content-panel-side-shape-mask.svg') left 50% no-repeat; }
    .content-panel.left .panel-side-shape-mask + .full-side-image { max-width: 700px; top: 50%; transform: translateY(-50%); right: 0px; position: absolute; }
    .content-panel.right .panel-side-shape-mask { width: 850px; height: 620px; left: -350px; mask: url('../assets/content-panel-side-shape-mask.svg') right 50% no-repeat; -webkit-mask: url('../assets/content-panel-side-shape-mask.svg') right 50% no-repeat; }
    .content-panel.right .panel-side-shape-mask + .full-side-image { max-width: 700px; top: 50%; transform: translateY(-50%); left: 0px; position: absolute; }

    .content-panel .full-side-image { height: auto; position: relative; }
    .content-panel.left .full-side-image { right: -200px; }
    .content-panel.right .full-side-image { left: -200px; }
    .content-panel .full-side-image.text-image { width: 120%; max-width: 950px; }

    .content-panel img.infographic { max-width: 600px; margin: auto; width: 80%; }

    .content-panel .text-content.vertical-center { top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; }

    .content-panel .red-shape { background: #e10613; position: relative; }
    .content-panel .red-shape .inside-text { color: #ffffff; width: 80%; max-width: 650px; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; }
    .content-panel .red-shape.one { width: 974px; height: 330px; left: -100px; mask: url('../assets/red-shape-one-mask-bg.svg') left 50% no-repeat; -webkit-mask: url('../assets/red-shape-one-mask-bg.svg') left 50% no-repeat; }

    .content-panel .red-shape.two { width: 560px; height: 315px; bottom: -10px; right: 0px; mask: url('../assets/red-shape-two-mask-bg.svg') left 50% no-repeat; -webkit-mask: url('../assets/red-shape-two-mask-bg.svg') left 50% no-repeat; position: absolute; }
    .content-panel .red-shape.two .inside-text { color: #ffffff; width: 75%; max-width: 450px; margin-top: -22px; left: 20px; }

    .content-panel .red-shape.three { width: 560px; height: 315px; bottom: -10px; left: 0px; mask: url('../assets/red-shape-three-mask-bg.svg') left 50% no-repeat; -webkit-mask: url('../assets/red-shape-three-mask-bg.svg') left 50% no-repeat; position: absolute; }
    .content-panel .red-shape.three .inside-text { color: #ffffff; width: 75%; max-width: 400px; margin-top: -22px; right: -10px; }
    .content-panel .red-shape.three.bottom { bottom: -190px; }

    .content-panel.height-700 { min-height: 700px; }
    .content-panel.height-800 { min-height: 800px; }
    .content-panel.height-900 { min-height: 900px; }


/** Feature Boxes ========================================================================== */

.feature-boxes-panel { padding: 90px 30px 40px 30px; overflow: hidden; position: relative; }

    .feature-boxes-panel .slanted-text { margin-bottom: 50px; left: 200px; position: relative; }
        .feature-boxes-panel .slanted-text .slanted { transform: rotate(-1.5deg); }
        .feature-boxes-panel .slanted-text.inline h2 { font-size: 68px; line-height: 70px; margin-right: 15px; display: inline-block; position: relative; }
        .feature-boxes-panel .slanted-text.inline h2.red { color: #e20613; }
        .feature-boxes-panel .slanted-text.inline h2.slanted + h2.slanted { top: 12px; }
        .feature-boxes-panel .slanted-text.inline h2.slanted + h2.slanted + h2 { text-align: right; top: 3px; }

    .feature-boxes-panel .container { display: block; font-size: 0px; }
    .feature-boxes-panel .col { width: 25%; display: inline-block; vertical-align: top; transition: 0.5s; transition-timing-function: ease-in; }
    .feature-boxes-panel .col.active { width: 50%; display: inline-block; transition: 0.5s; transition-timing-function: ease-in; }

    .feature-boxes-panel .feature-box { background: #e20613; width: 90%; height: 480px; margin: auto; padding: 0px; cursor: pointer; overflow: hidden; position: relative; transition: 0.5s; transition-timing-function: ease-in; }
        .feature-boxes-panel .feature-box .content { padding: 50px; }
        .feature-boxes-panel .feature-box .open { opacity: 0; visibility: hidden; transition: 0s; transition-timing-function: ease-in; transition-delay: 0s; }
        .feature-boxes-panel .feature-box .icon { width: 100%; height: 92px; margin-bottom: 30px; position: relative; }
        .feature-boxes-panel .feature-box img { width: auto; max-width: 120px; max-height: 92px; top: 50%; transform: translateY(-50%); left: 0px; margin: auto; position: absolute; }
        .feature-boxes-panel .feature-box h4 { color: #ffffff; font-size: 44px; line-height: 46px; margin-bottom: 25px; }
        .feature-boxes-panel .feature-box p { font-size: 18px; line-height: 26px; margin-bottom: 20px; }
        .feature-boxes-panel .feature-box p:last-child { margin-bottom: 0px; }
        .feature-boxes-panel .feature-box h5 { color: #ffffff; font-size: 24px; line-height: 28px; cursor: pointer; bottom: 50px; position: absolute; transition: 0.2s; transition-timing-function: ease-in; }
        .feature-boxes-panel .feature-box:hover h5 { color: #ffcc00; transition: 0.2s; transition-timing-function: ease-in; }

    .feature-boxes-panel .col.active .feature-box { background: #f3f3f3; width: 95%; transition: 0.5s; transition-timing-function: ease-in; }
        .feature-boxes-panel .col.active .feature-box .icon { display: none; }
        .feature-boxes-panel .col.active .feature-box h4 { color: #1d1e1b; }
        .feature-boxes-panel .col.active .feature-box h5 { display: none; }
        .feature-boxes-panel .col.active .feature-box .open { opacity: 1; visibility: visible; transition: 0.3s; transition-timing-function: ease-in; transition-delay: 0.5s; }


/** Feature Boxes ========================================================================== */

.product-feature-boxes-panel { padding: 90px 30px 90px 30px; overflow: hidden; position: relative; }

    .product-feature-boxes-panel .slanted-text { text-align: center; margin-bottom: 50px; left: 20px; position: relative; }
        .product-feature-boxes-panel .slanted-text .slanted { transform: rotate(-1.5deg); }
        .product-feature-boxes-panel .slanted-text.inline h2 { font-size: 68px; line-height: 70px; margin-right: 15px; display: inline-block; position: relative; }
        .product-feature-boxes-panel .slanted-text.inline h2.red { color: #e20613; }
        .product-feature-boxes-panel .slanted-text.inline h2.slanted + h2.slanted { top: 12px; }
        .product-feature-boxes-panel .slanted-text.inline h2.slanted + h2.slanted + h2 { text-align: right; top: 3px; }

    .product-feature-boxes-panel .container { display: block; font-size: 0px; }
    .product-feature-boxes-panel .col { width: 25%; display: inline-block; vertical-align: top; margin-bottom: 35px; transition: 0.5s; transition-timing-function: ease-in; }
    .product-feature-boxes-panel .container.three .col { width: 33.3333333333%; }

    .product-feature-boxes-panel .product-box { background: #ffffff; width: 92%; min-height: 320px; border: 2px #b7b7b7 solid; border-radius: 20px; margin: auto; padding: 0px; cursor: pointer; overflow: hidden; position: relative; transition: 0.3s; transition-timing-function: ease-in; }
        .product-feature-boxes-panel .product-box .content { padding: 30px; }
        .product-feature-boxes-panel .product-box .icon { width: 100%; height: 72px; margin-top: 10px; margin-bottom: 18px; position: relative; }
        .product-feature-boxes-panel .product-box img { width: auto; max-width: 100px; max-height: 72px; top: 50%; transform: translateY(-50%); left: 0px; margin: auto; position: absolute; }
        .product-feature-boxes-panel .product-box h4 { color: #010101; font-size: 38px; line-height: 40px; margin-bottom: 25px; }
        .product-feature-boxes-panel .product-box h5 { color: #e20613; font-size: 22px; line-height: 26px; cursor: pointer; bottom: 30px; position: absolute; transition: 0.2s; transition-timing-function: ease-in; }

    .product-feature-boxes-panel .product-box:hover { border-color: #e20613; transition: 0.3s; transition-timing-function: ease-in; }


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

.internal-header-shape-panel { width: 100%; max-width: 1920px; min-height: 500px; padding: 0px 30px 60px 30px; margin: 150px auto auto auto; background-position: top center; background-repeat: no-repeat; overflow: hidden; position: relative; z-index: 1; }
    .internal-header-shape-panel .container { min-height: 500px; display: flex; flex-wrap: wrap; position: relative; }
    .internal-header-shape-panel .content { min-height: 500px; width: 100%; flex: 0 0 auto; position: relative; }

    .internal-header-shape-panel .side-image-shape-mask { position: absolute; width: 1450px; height: 575px; right: -40px; background-size: cover; background-position: 50% center; background-repeat: no-repeat; mask: url('../assets/internal-header-shape-mask.svg') left 50% no-repeat; -webkit-mask: url('../assets/internal-header-shape-mask.svg') left 50% no-repeat; }
    
    .internal-header-shape-panel .red-shape { background: #e10613; width: 640px; height: 365px; bottom: -20px; left: 40px; mask: url('../assets/red-shape-two-mask-bg.svg') left 50% no-repeat; -webkit-mask: url('../assets/red-shape-two-mask-bg.svg') left 50% no-repeat; position: absolute; }
        .internal-header-shape-panel .red-shape .inside-text { color: #ffffff; text-align: center; width: 75%; max-width: 450px; margin: -28px auto auto auto; top: 50%; transform: translateY(-50%); left: -40px; right: 0px; position: absolute; }

.internal-header-shape-panel.small { min-height: 260px; padding-bottom: 20px; margin: 190px auto auto auto; }
    .internal-header-shape-panel.small .container { min-height: 260px; }
    .internal-header-shape-panel.small .content { min-height: 260px; }
    .internal-header-shape-panel.small .side-image-shape-mask { position: absolute; background-size: cover; background-position: 50% center; background-repeat: no-repeat; mask: url('../assets/internal-header-shape-small-mask.svg') left top no-repeat; -webkit-mask: url('../assets/internal-header-shape-small-mask.svg') left top no-repeat; }
    .internal-header-shape-panel.small .red-shape { width: 380px; height: 235px; bottom: 15px; margin: auto auto auto 80px; }
    .internal-header-shape-panel.small .red-shape .inside-text { margin: -20px auto auto auto; left: 0px; }


/** Internal Text Panel  ========================================================================== */

.internal-text-panel { padding: 50px 30px 70px 30px; }
    .internal-text-panel .content { font-size: 18px; line-height: 24px; max-width: 900px; margin: auto; }
        .internal-text-panel .content p { font-size: 18px; line-height: 24px; margin-bottom: 25px; }
        .internal-text-panel .content p + ul { margin-top: -10px; }
        .internal-text-panel .content li { font-size: 18px; line-height: 24px; }
        .internal-text-panel .content h4 { font-size: 32px; line-height: 34px; margin-bottom: 15px; }

        .internal-text-panel .content .faqs-section { max-width: 760px; margin: auto; }
        .internal-text-panel .content .faqs-section .card-bg { background: #ffffff; border: 2px #e10613 solid; border-radius: 10px; padding: 24px; margin-bottom: 25px; position: relative; }
        .internal-text-panel .content .faqs-section .card-header { width: 100%; display: block; position: relative; }
            .internal-text-panel .content .faqs-section .card-header h4 { padding-right: 30px; margin: 0px; cursor: pointer; }
            .internal-text-panel .content .faqs-section .card-header h4::after { font-size: 60px; line-height: 34px; content: "+"; font-weight: 600; top: 50%; transform: translateY(-50%); right: 0px; margin-top: -2px; position: absolute; }
            .internal-text-panel .content .faqs-section .card-header:hover h4 { color: #e10613; }
        .internal-text-panel .content .faqs-section .card-body { padding-top: 20px; }
            .internal-text-panel .content .faqs-section .card-body p { margin-bottom: 20px; }
            .internal-text-panel .content .faqs-section .card-body *:last-child { margin-bottom: 0px; }
        .internal-text-panel .content .faqs-section .collapse { display: none; visibility: hidden; }
        .internal-text-panel .content .faqs-section .collapse.active { height: 100%; display: block; visibility: visible; }


/** Download Content Panel  ========================================================================== */
        
.download-content-panel { background: #ffffff; padding: 220px 30px 40px 30px; overflow: hidden; position: relative; }
    .download-content-panel .container { max-width: 1200px; }
    .download-content-panel .content li { border: 0px; }
    .download-content-panel .content li:after { background: #e10613; content: ""; width: 160px; height: 3px; display: block; margin: auto; position: relative; top: 11px; }
    .download-content-panel .content li:last-child:after { background: none; }
    .download-content-panel .content.right .red-shape.three { background-size: cover; width: 460px; height: 285px; top: -30px; left: 0px; right: 0px; bottom: auto; margin: auto; z-index: 1; }
    .download-content-panel .download-cta { background: #e10613; width: 360px; padding: 260px 25px 15px 25px; margin: auto; position: relative; }
        .download-content-panel .download-cta h5 { color: #ffffff; text-align: center; margin-bottom: 25px; }
        .download-content-panel .download-cta .form-group { margin-bottom: 20px; }
        .download-content-panel .download-cta .form-group label { color: #ffffff; font-size: 16px; line-height: 22px; font-weight: 600; display: block; margin-bottom: 8px; font-family: "Poppins", sans-serif; }
        .download-content-panel .download-cta .form-group.error label { color: #ffa700!important; }
        .download-content-panel .download-cta .form-group .checkbox { position: relative; }
        .download-content-panel .download-cta .form-group .checkbox input { width: 100%; height: 100%; top: 0px; left: 0px; padding: 0px; margin: 0px; position: absolute; }
        .download-content-panel .download-cta .form-group .checkbox label { font-size: 15px; line-height: 21px; font-weight: 400; padding-left: 15px; }
        .download-content-panel .download-cta .form-group .checkbox label::before { width: 21px; height: 21px; }
        .download-content-panel .download-cta .form-group .checkbox label::after { width: 22px; height: 22px; font-size: 17px; padding-left: 1px; text-align: center; }
        .download-content-panel .download-cta .btn { border-radius: 5px; width: 100%; font-weight: 600; text-transform: none; font-family: "Poppins", sans-serif; }
        .download-content-panel .download-cta .btn:disabled { opacity: .5; pointer-events: none; cursor: not-allowed; width: 100%; }
        .download-content-panel .download-cta .btn:disabled span { display: none; }
        .download-content-panel .download-cta .btn:disabled .spinner-border { display: inline-block; }
        .download-content-panel .download-cta p { color: #ffffff; font-size: 15px; line-height: 21px; margin: 35px 0px 0px 0px; }
        .download-content-panel .download-cta p a { color: #ffcc00; }
        .download-content-panel .download-cta-footer img { max-width: 360px; margin: auto; display: block; } 


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

.contact-panel { background: url('../assets/contact-panel.jpg') bottom center no-repeat; padding: 40px 30px 60px 30px; overflow: hidden; position: relative; }
    .contact-panel .content { width: 100%; max-width: 690px; margin: auto; text-align: center; position: relative; }
    .contact-panel .content h5 { font-size: 26px; line-height: 34px; font-weight: 500; margin-bottom: 35px; text-transform: none; font-family: "Poppins", sans-serif; }
    .contact-panel .content h6 { font-size: 24px; line-height: 32px; font-weight: 500; margin-bottom: 5px; text-transform: none; font-family: "Poppins", sans-serif; }
    .contact-panel .content h6.contact-details { font-size: 26px; line-height: 34px; margin-top: 50px; margin-bottom: 0px; }
    .contact-panel .content .red { color: #e30613; }
    .contact-panel .form { font-size: 0px; margin-top: 25px; text-align: center; }
    .contact-panel .form .form-group { margin-bottom: 30px; }
    .contact-panel .form .form-group.inline { display: inline-block; width: 50%; }
    .contact-panel .form .form-group.inline.left { padding-right: 8px; }
    .contact-panel .form .form-group.inline.right { padding-left: 8px; }
        .contact-panel .form .form-group label { color: #666666; font-size: 18px; font-weight: 400; margin-bottom: 6px; text-align: left; display: block; font-family: "Poppins", sans-serif; }
    .contact-panel .form .form-group .form-control { background: none; color: #333333; font-size: 18px; border-radius: 0px; border: 0px; height: 40px; padding: 4px 0px; border-bottom: 2px #cccccc solid; }
    .contact-panel .form .form-group .form-control.error { border-color: #e30613!important; }
    .contact-panel .form .form-group .form-control:focus { box-shadow: none; } 
    .contact-panel .form .form-group.label-above { position: relative; margin-bottom: 30px; }
    .contact-panel .form .form-group.label-above span { font-family: "Poppins", sans-serif; visibility: hidden; opacity: 0; z-index: 3; color: #666666; font-size: 17px; position: absolute; text-align: left; left: 0px; top: 4px; transition-timing-function: ease-in; transition: 0.2s; }
    .contact-panel .form .form-group.label-above .form-control:focus + span { visibility: visible; opacity: 1; color: #666666; font-size: 15px; top: -22px; transition-timing-function: ease-in; transition: 0.2s; }
    .contact-panel .form .form-group.label-above .form-control { z-index: 2; position: relative; background: none; }
    .contact-panel .form .form-group.label-above .form-control::placeholder { color: #666666; opacity: 1; transition-delay: 1s; transition-timing-function: ease-in; transition: 0.6s; }
    .contact-panel .form .form-group.label-above .form-control:focus::placeholder { color: #ffffff!important; transition-delay: 1s; transition-timing-function: ease-in; transition: 0.6s; }
    .contact-panel .form .form-group.label-above .form-control.error::placeholder { color: #e30613; }
    .contact-panel .form .btn-red { background: #e30613; font-size: 20px; line-height: 22px; font-weight: 500; padding: 12px 35px; margin: 10px auto auto auto; color: #ffffff; border-radius: 30px; filter: drop-shadow(0px); box-shadow: none; }
    .contact-panel .form .btn-red:hover { background: #c60712; }
    .contact-panel .form .btn.btn-red:disabled { opacity: .5; pointer-events: none; cursor: not-allowed; width: 180px; }
    .contact-panel .form .btn.btn-red:disabled span { display: none; }
    .contact-panel .form .btn.btn-red:disabled .spinner-border { display: inline-block; }
    
    
/** Contact Panel  ========================================================================== */

.contact-popout-panel.content-panel { background: #ffffff; padding: 240px 30px 120px 30px; overflow: hidden; position: relative; }

    .contact-popout-panel .container { max-width: 1020px; position: relative; }

    .contact-popout-panel .contact-mask-bg { background: #e20613; width: 1100px; height: 800px; left: 0px; right: 0px; margin: auto; mask: url('../assets/contact-mask-bg.svg') top center no-repeat; -webkit-mask: url('../assets/contact-mask-bg.svg') top center no-repeat; mask-size: cover; -webkit-mask-size: cover; position: absolute; }
    
    .contact-popout-panel.content-panel .red-shape.three { width: 660px; height: 400px; margin-left: -100px; margin-top: -40px; bottom: auto; background-size: cover; background-position: 50% center; background-repeat: no-repeat; position: relative; }

    .contact-popout-panel .content.left { width: 60%; }
    .contact-popout-panel .content.left .text { text-align: center; padding: 0px 30px; margin-top: 0px; }
        .contact-popout-panel .content.left .text h4 { color: #ffffff; margin-bottom: 20px; }
        .contact-popout-panel .content.left .text p { color: #ffffff; font-weight: 500; margin-bottom: 45px; }
        .contact-popout-panel .content.left .text li { color: #ffffff; font-size: 16px; line-height: 22px; border-color: #cccccc; }
        .contact-popout-panel .content.left .text h5 { color: #ffffff; font-size: 32px; line-height: 34px; margin-bottom: 3px; text-transform: none; }
        .contact-popout-panel .content.left .text h5 a { color: #ffffff; }
        .contact-popout-panel .content.left .text h6 { color: #ffffff; font-size: 22px; line-height: 30px; font-weight: 500; margin-bottom: 0px; text-transform: none; font-family: "Poppins", sans-serif; }
        .contact-popout-panel .content.left .text h6 a { color: #ffffff; }

    .contact-popout-panel .content.right { width: 40%; }

    .contact-popout-panel .popout-cta { background: #ffffff; width: 90%; max-width: 410px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.6); border-radius: 20px; padding: 25px; margin-top: -45px; float: right; position: relative; }
        .contact-popout-panel .popout-cta h2 { text-align: center; margin-bottom: 12px; }
        .contact-popout-panel .popout-cta p { font-size: 17px; line-height: 24px; text-align: center; font-family: "Poppins", sans-serif; }
        .contact-popout-panel .popout-cta h6 { font-size: 12px; line-height: 18px; font-weight: 300; margin-top: 20px; margin-bottom: 0px; text-transform: none; text-align: center; font-family: "Poppins", sans-serif; }
        .contact-popout-panel .popout-cta h6 a { color: #e30613; }
        .contact-popout-panel .popout-cta .form-group { margin-bottom: 10px; }
        .contact-popout-panel .popout-cta .form-group label { font-weight: 600; margin-bottom: 3px; display: block; font-family: "Poppins", sans-serif; }
        .contact-popout-panel .popout-cta .form-group label span { color: #e20613; }
        .contact-popout-panel .popout-cta .form-group .form-control.error { border-color: #e30613!important; }
        .contact-popout-panel .popout-cta .btn { width: 100%; border-radius: 5px; font-weight: 600; text-transform: none; margin-top: 15px; font-family: "Poppins", sans-serif; }
        .contact-popout-panel .popout-cta .btn.btn-red:disabled { opacity: .5; pointer-events: none; cursor: not-allowed; width: 100%; }
        .contact-popout-panel .popout-cta .btn.btn-red:disabled span { display: none; }
        .contact-popout-panel .popout-cta .btn.btn-red:disabled .spinner-border { display: inline-block; }
        
    .spinner-border { display: none; width: 1.5rem; height: 1.5rem; font-size: 15px; vertical-align: -.125em; border: .25em solid #cccccc; border-right-color: currentcolor; border-right-color: transparent; border-radius: 50%; animation-name: spinner-border; animation-duration: 0.5s; animation-fill-mode: forwards; animation-iteration-count: infinite; }
    .spinner-border .visually-hidden { display: none; }
   
    @keyframes spinner-border {  0% { transform: rotate(360deg); } 100% { transform: rotate(0deg); }  }


    @media screen and (max-width: 1700px) {
        .contact-popout-panel.content-panel .red-shape.three { margin-left: -170px; }
    }

    @media screen and (max-width: 1250px) {
        .contact-popout-panel.content-panel .red-shape.three { width: 460px; height: 300px; margin: auto; left: 0px; }
    }

    @media screen and (max-width: 991px) {
        .contact-popout-panel.content-panel { padding: 170px 30px 120px 30px; }
            .contact-popout-panel.content-panel .content.right { order: 1; }
            .contact-popout-panel.content-panel .content.left { order: 2; }

            .contact-popout-panel .contact-mask-bg { bottom: 0px; }

            .contact-popout-panel .popout-cta { width: 100%; float: none; margin-left: auto; margin-right: auto; margin-bottom: 40px; float: none; }
    }


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

.footer-cta-panel { background: #e10613; padding: 90px 30px 90px 30px; overflow: hidden; position: relative; mask: url('../assets/footer-panel-mask.svg') top center no-repeat; -webkit-mask: url('../assets/footer-panel-mask.svg') top center no-repeat; mask-size: cover; -webkit-mask-size: cover; }
    .footer-cta-panel .content { text-align: center; }
    .footer-cta-panel h3 { color: #ffffff; margin-bottom: 30px; }

    .footer-cta-panel + footer { margin-top: -20px; }


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

footer { background: #1a1a1a; mask: url('../assets/footer-panel-mask.svg') top center no-repeat; -webkit-mask: url('../assets/footer-panel-mask.svg') top center no-repeat; mask-size: cover; -webkit-mask-size: cover; padding: 110px 30px 60px 30px; position: relative; }
    footer .container { max-width: 1560px; display: flex; flex-wrap: wrap; }
    footer .content { width: 50%; flex: 0 0 auto; position: relative; font-size: 0px; }
    footer .content.left { width: 60%; }
    footer .content.right { width: 40%; }
        footer .content h5 { color: #e20613; font-size: 28px; line-height: 34px; margin-bottom: 34px; }
        footer .content .links { width: 50%; display: inline-block; vertical-align: top; }
        footer .content .links ul { list-style: none; padding: 0px; margin: 0px; }
        footer .content .links ul li { color: #ffffff; font-size: 20px; line-height: 24px; margin-bottom: 20px; }
        footer .content .links ul li a { color: #ffffff; }
        footer .content .links ul li a:hover { color: #e20613; }

        footer .content .info { width: 100%; max-width: 312px; float: right; }
            footer .content .info .logo { max-width: 140px; margin-bottom: 35px; }
            footer .content .contact-detail { margin-bottom: 20px; }
                footer .content .contact-detail h5 { font-size: 22px; line-height: 22px; font-weight: 600; text-transform: lowercase; vertical-align: middle; display: inline-block; margin: 0px 0px 0px 15px; font-family: "Poppins", sans-serif; }
                footer .content .contact-detail h5 a { color: #ffffff; }
                footer .content .contact-detail h5 a:hover { color: #e20613; }
                footer .content .icon-circle { background: #e20613; width: 54px; height: 54px; border-radius: 50%; vertical-align: middle; display: inline-block; text-align: center; position: relative; }
                footer .content .icon-circle i { color: #ffffff; font-size: 30px; top: 50%; left: 0px; right: 0px; transform: translateY(-50%); margin: auto; position: absolute; }
                footer .content .icon-circle .icon.mobile { mask: url('../assets/mobile-icon.svg') center 50% no-repeat; -webkit-mask: url('../assets/mobile-icon.svg') center 50% no-repeat; width: 32px; height: 32px; }
                footer .content .icon-circle .icon.email { mask: url('../assets/email-icon.svg') center 50% no-repeat; -webkit-mask: url('../assets/email-icon.svg') center 50% no-repeat; width: 32px; height: 32px; }

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

        footer .bottom-content { padding-top: 60px; }
            footer .bottom-content .text-right { text-align: right; }
            footer .bottom-content p { color: #c6c6c5; font-size: 16px; line-height: 22px; }
            footer .bottom-content p a { color: #c6c6c5; }
            footer .bottom-content p a:hover { color: #e20613; }
            footer .bottom-content p span { color: #e20613; margin: 0px 10px; }
            footer .bottom-content img.footer-logos { height: 70px; float: right; margin-top: -50px; }



/* === Dark Theme =============================== */

.dark-theme h1 { color: #ffffff; }
.dark-theme h2 { color: #ffffff; }
.dark-theme h3 { color: #ffffff; }
.dark-theme h4 { color: #ffffff; }
.dark-theme h5 { color: #cccccc; }
.dark-theme h6 { color: #ffffff; }
.dark-theme p { color: #ffffff; }




/* === Resolutions =============================== */

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

    .content-panel.mask-bg .container { max-width: 1480px; }

    .content-panel .red-shape.one { left: -155px; }

}

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

    h4 { font-size: 46px; line-height: 48px; }

    .content-panel.mask-bg .container { max-width: 1340px; }

    .content-panel .side-image-shape-mask.one { left: -300px; }
    .content-panel .side-image-shape-mask.two { right: -300px; }

    .content-panel .red-shape.two { width: 460px; height: 280px; right: 80px; }
        .content-panel .red-shape.two h3.inside-text { font-size: 52px; line-height: 54px; }

    .content-panel .red-shape.three { width: 460px; height: 280px; left: 80px; }
        .content-panel .red-shape.three h3.inside-text { font-size: 52px; line-height: 54px; }

}

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

    h2 { font-size: 64px; line-height: 64px; }

    header .logo { max-width: 130px; }
    header .navigation { max-width: 1002px; }
        header .navigation ul li { font-size: 25px; line-height: 33px; }
    
    .main-slider-panel { min-height: 670px; }
        .main-slider-panel .slider { min-height: 670px; }
        .main-slider-panel .slider .container { min-height: 670px; max-width: 1000px; }
        .main-slider-panel .slider .slide { min-height: 670px; }
        .main-slider-panel .slider .content { max-width: 560px; }
            .main-slider-panel .slider .content h2 { font-size: 50px; line-height: 50px; }
        .main-slider-panel .slider .slick-dots { max-width: 1000px; bottom: 60px; }

        .main-slider-panel .red-shape-bg { width: 1300px; height: 700px; top: -60px; left: 20px; }
            .main-slider-panel .slider .content h2 { margin-bottom: 35px; }

        .main-slider-panel .slider .side-image { max-width: 700px; right: -230px; }
        .main-slider-panel .slider .slide-2 .side-image { max-width: 580px; }

        .internal-header-shape-panel .red-shape { width: 510px; height: 315px; }
            .internal-header-shape-panel .red-shape h2.inside-text { font-size: 60px; line-height: 62px; }

}

@media screen and (min-width: 1600px) {

    .internal-header-shape-panel + .content-panel.no-pad-desktop { padding-top: 60px; }
    .content-panel.no-pad-desktop { padding-top: 0px; padding-bottom: 0px; }

}

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

    h3 { font-size: 54px; line-height: 54px; }
    h4 { font-size: 40px; line-height: 42px; }
    h5 { font-size: 36px; line-height: 38px; }
    h6 { font-size: 32px; line-height: 34px; }
    p { font-size: 18px; line-height: 24px; }
    li { font-size: 18px; line-height: 24px; }

    header .header-bg { width: 1183px; height: 138px; }

    .content-panel { padding-top: 50px; padding-bottom: 50px; }
        .content-panel h4 { margin-bottom: 15px; }
        .content-panel P + h4 { margin-top: 25px; }
        .content-panel h5 { margin-bottom: 15px; }

    .download-content-panel { padding: 180px 30px 40px 30px; }

    .content-panel.mask-bg .container { max-width: 1240px; }
    .content-panel .red-shape.one { width: 874px; height: 300px; left: -110px; }

    .content-panel .text-content { max-width: 660px; }

    .content-panel .slanted-text { width: 600px; }
        .content-panel .slanted-text h4 { font-size: 40px; line-height: 42px; }

    .content-panel .full-side-image.text-image { width: 110%; }

    .content-panel img.infographic { max-width: 500px; }

    .content-panel.height-700 { min-height: 600px; }
    .content-panel.height-800 { min-height: 700px; }
    .content-panel.height-900 { min-height: 800px; }

    .product-feature-boxes-panel { padding: 60px 30px 60px 30px; }

    .feature-boxes-panel { padding-top: 60px; padding-bottom: 30px; }

    .footer-cta-panel { padding: 60px 30px 60px 30px; }
        .footer-cta-panel h3 { margin-bottom: 25px; }

    footer { padding: 90px 40px 50px 40px; }
        footer .content .links ul li { font-size: 17px; line-height: 22px; }
        footer .content .info .logo { max-width: 125px; }

}

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

    .main-slider-panel .slider .content { padding-top: 170px; max-width: 530px; }
        .main-slider-panel .slider .content h2 { font-size: 46px; line-height: 46px; }

    .content-panel .side-image-shape-mask.one { width: 750px; height: 496px; left: -200px; }
    .content-panel .side-image-shape-mask.two { width: 750px; height: 496px; right: -200px; }

    .content-panel .red-shape.two { width: 390px; height: 240px; }
        .content-panel .red-shape.two h3.inside-text { font-size: 42px; line-height: 44px; margin-top: -18px; }
    .content-panel .red-shape.three { width: 390px; height: 240px; }
        .content-panel .red-shape.three h3.inside-text { font-size: 42px; line-height: 44px; margin-top: -18px; }

    .feature-boxes-panel .feature-box .content { padding: 40px; }
    .feature-boxes-panel .feature-box h5 { bottom: 40px; }

}

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

    h2 { font-size: 56px; line-height: 56px; }
    h3 { font-size: 48px; line-height: 48px; }

    header .logo { max-width: 120px; }
    header .navigation { max-width: 800px; left: -140px; }
        header .navigation ul li { font-size: 23px; line-height: 30px; margin-left: 8px; margin-right: 8px; }
    
    .main-slider-panel { min-height: 640px; }
        .main-slider-panel .slider { min-height: 640px; }
        .main-slider-panel .slider .container { min-height: 640px; max-width: 940px; }
        .main-slider-panel .slider .slide { min-height: 640px; }
        .main-slider-panel .slider .content { max-width: 460px; }
            .main-slider-panel .slider .content h2 { font-size: 43px; line-height: 43px; }
        .main-slider-panel .slider .slick-dots { max-width: 940px; bottom: 45px; }

        .main-slider-panel .red-shape-bg { width: 1200px; height: 630px; left: 0px; }
            .main-slider-panel .slider .content h2 { margin-bottom: 30px; }

        .main-slider-panel .slider .side-image { max-width: 660px; right: -130px; }
        .main-slider-panel .slider .slide-2 .side-image { max-width: 560px; }

    .content-panel.left .panel-side-shape-mask + .full-side-image { max-width: 500px; right: 50px; }
    .content-panel.right .panel-side-shape-mask + .full-side-image { max-width: 500px; right: 50px; }

    .content-panel.mask-bg .container { max-width: 1120px; }
    .content-panel .red-shape.one { width: 774px; height: 260px; left: -75px; }

    .content-panel .background-mask.one { height: 800px; mask-size: 1980px; -webkit-mask-size: 1980px; }


    .feature-boxes-panel .feature-box h4 { font-size: 38px; line-height: 42px; }
    .feature-boxes-panel .feature-box p { font-size: 16px; line-height: 24px; }

}

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

    header .header-bg { width: 1083px; height: 126px; left: 50px; }

    .main-slider-panel .slider .content h2 { font-size: 42px; line-height: 42px; }

}

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

    h2 { font-size: 50px; line-height: 50px; }
    p { font-size: 17px; line-height: 23px; }
    li { font-size: 17px; line-height: 23px; }

    header .logo { max-width: 105px; }
    header .navigation { left: -100px; }

    .main-slider-panel .slider .container { max-width: 900px; }
    .main-slider-panel .slider .slick-dots { max-width: 900px; }
    .main-slider-panel .slider .side-image { right: -190px; }

    .main-slider-panel .red-shape-bg { width: 1100px; height: 590px; top: 0px; }

    .internal-header-shape-panel { min-height: 420px; }
        .internal-header-shape-panel .container { min-height: 420px; }
        .internal-header-shape-panel .content { min-height: 420px; }
        .internal-header-shape-panel .side-image-shape-mask { width: 1200px; height: 460px; }
        .internal-header-shape-panel .red-shape{ bottom: -10px; }

    .content-panel .side-image-shape-mask.one { left: -200px; }
    .content-panel .side-image-shape-mask.two { right: -200px; }

    .content-panel .red-shape.two { width: 350px; height: 220px; }
    .content-panel .red-shape.two h3.inside-text { font-size: 38px; line-height: 40px; margin-top: -16px; }

    .content-panel .red-shape.three { width: 350px; height: 220px; }
    .content-panel .red-shape.three h3.inside-text { font-size: 38px; line-height: 40px; margin-top: -16px; }

    .content-panel .slanted-text { width: 560px; }
        .content-panel .slanted-text h4 { font-size: 36px; line-height: 38px; }
    .content-panel .slanted-text.one { margin-left: 50px; }
    .content-panel .slanted-text.two { margin-left: 30px; }

    .feature-boxes-panel .slanted-text.inline h2 { font-size: 58px; line-height: 60px; }
    .feature-boxes-panel .feature-box { height: 450px; }
        .feature-boxes-panel .feature-box .icon { height: 76px; }
            .feature-boxes-panel .feature-box .icon img { max-width: 100px; max-height: 76px; }
        .feature-boxes-panel .feature-box .content { padding: 30px; }
        .feature-boxes-panel .feature-box h4 { font-size: 32px; line-height: 34px; }
        .feature-boxes-panel .feature-box h5 { bottom: 30px; }

}


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

    header .header-bg { width: 1000px; height: 116px; left: 50px; }

    .content-panel .background-mask.one { left: 10px; }

}


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

    h2 { font-size: 46px; line-height: 46px; }

    header .header-bg { width: 960px; height: 112px; }
    header .logo { max-width: 100px; }
    header .navigation { max-width: 780px; left: -80px; }
        header .navigation ul li { font-size: 22px; line-height: 28px; }
    
    .main-slider-panel { min-height: 600px; }
        .main-slider-panel .slider { min-height: 600px; }
        .main-slider-panel .slider .container { min-height: 600px; max-width: 860px; }
        .main-slider-panel .slider .slide { min-height: 600px; }
        .main-slider-panel .slider .content { max-width: 420px; padding-top: 155px; }
        .main-slider-panel .slider .content h2 { font-size: 39px; line-height: 39px; }
        .main-slider-panel .slider .slick-dots { max-width: 860px; bottom: 60px; }

        .main-slider-panel .red-shape-bg { width: 1020px; height: 600px; left: 0px; }
            .main-slider-panel .slider .content h2 { margin-bottom: 30px; }

        .main-slider-panel .slider .side-image { max-width: 620px; right: -130px; }
        .main-slider-panel .slider .slide-2 .side-image { max-width: 450px; }

    .content-panel.mask-bg .container { max-width: 1020px; }

    .content-panel .side-image-shape-mask.one { width: 690px; height: 480px; }
    .content-panel .side-image-shape-mask.two { width: 690px; height: 480px; }

    .content-panel .red-shape.two { width: 320px; height: 200px; }
        .content-panel .red-shape.two h3.inside-text { font-size: 34px; line-height: 36px; margin-top: -14px; }

    .content-panel .red-shape.three { width: 320px; height: 200px; }
        .content-panel .red-shape.three h3.inside-text { font-size: 34px; line-height: 36px; margin-top: -14px; }

    .content-panel.left .panel-side-shape-mask { width: 750px; height: 500px; }
    .content-panel.left .panel-side-shape-mask + .full-side-image { max-width: 400px; right: 50px; }
    .content-panel.right .panel-side-shape-mask { width: 750px; height: 500px; }
    .content-panel.right .panel-side-shape-mask + .full-side-image { max-width: 400px; right: 50px; }


    #home-panel-6.content-panel .content.left { width: 60%; }
    #home-panel-6.content-panel .content.right { width: 40%; }

}

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

    h4 { font-size: 36px; line-height: 38px; }
    h5 { font-size: 32px; line-height: 34px; }

    header .header-bg { display: none; }
    header .navigation { display: none; }
    header .nav-icon { display: block; }
    header .logo { max-width: 90px; }

    .main-slider-panel { min-height: 540px; }
        .main-slider-panel .slider { min-height: 540px; }
        .main-slider-panel .slider .container { min-height: 540px; max-width: 780px; }
        .main-slider-panel .slider .slide { min-height: 540px; }
        .main-slider-panel .slider .content { max-width: 420px; padding-top: 100px !important; }
        .main-slider-panel .slider .slick-dots { max-width: 780px; bottom: 60px; }

        .main-slider-panel .red-shape-bg { width: 880px; height: 460px; left: -50px; }

        .main-slider-panel .slider .side-image { max-width: 520px; }
        .main-slider-panel .slider .slide-2 .side-image { right: -70px; }

    .internal-header-shape-panel { min-height: 380px; padding: 0px 30px 30px 30px;  margin: 120px auto auto auto; }
        .internal-header-shape-panel .container { min-height: 380px; }
        .internal-header-shape-panel .content { min-height: 380px; }
        .internal-header-shape-panel .side-image-shape-mask { width: 1050px; height: 400px; }
        .internal-header-shape-panel .red-shape { width: 410px; height: 255px; bottom: -5px; }
            .internal-header-shape-panel .red-shape .inside-text { left: -15px; margin: -22px auto auto auto; }
            .internal-header-shape-panel .red-shape h2.inside-text { font-size: 56px; line-height: 58px; }

    .content-panel .text-content.vertical-center { top: auto; transform: none; position: relative; }

    .content-panel .slanted-text h4 { font-size: 30px; line-height: 32px; }
    .content-panel .slanted-text.one { margin-left: 20px; }
    .content-panel .slanted-text.one h4.slanted + h4.slanted { left: -50px; }
    .content-panel .slanted-text.one h4.slanted + h4.slanted + h4 { text-align: center; right: 70px; top: 1px; }

    .feature-boxes-panel .slanted-text.inline h2 { font-size: 54px; line-height: 56px; }

    .product-feature-boxes-panel .col { width: 50%; }
    .product-feature-boxes-panel .container.three .col { width: 50%; }

    .internal-header-shape-panel.small { margin: 140px auto auto auto; }

    .download-content-panel { padding: 160px 30px 40px 30px; }

}

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

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

    .main-slider-panel { min-height: 470px; }
        .main-slider-panel .slider { min-height: 470px; }
        .main-slider-panel .slider .container { min-height: 470px; max-width: 700px; }
        .main-slider-panel .slider .slide { min-height: 470px; }
        .main-slider-panel .slider .content { max-width: 400px; padding-top: 60px !important; }
            .main-slider-panel .slider .content h2 { font-size: 36px; line-height: 36px; }
        .main-slider-panel .slider .slick-dots { max-width: 700px; bottom: 60px; }

        .main-slider-panel .red-shape-bg { width: 780px; height: 430px; left: -50px; }

        .main-slider-panel .slider .side-image { max-width: 420px; }
        .main-slider-panel .slider .slide-2 .side-image { max-width: 360px; }

    .content-panel.mask-bg .container { max-width: 900px; }

    .content-panel .side-image-shape-mask.one { width: 630px; height: 430px; }
    .content-panel .side-image-shape-mask.two { width: 630px; height: 430px; }

    .content-panel .red-shape.two { width: 300px; height: 180px; }
        .content-panel .red-shape.two h3.inside-text { font-size: 32px; line-height: 34px; }

    .content-panel .red-shape.three { width: 300px; height: 180px; }
        .content-panel .red-shape.three h3.inside-text { font-size: 32px; line-height: 34px; }

    .feature-boxes-panel .col { width: 100%; }
    .feature-boxes-panel .col.active { width: 100%; }
    .feature-boxes-panel .feature-box { background: #e20613!important; width: 95%; height: auto; margin-bottom: 30px; }
    .feature-boxes-panel .feature-box .icon { display: block!important; }
    .feature-boxes-panel .feature-box h4 { color: #ffffff!important; }
    .feature-boxes-panel .feature-box h5 { display: none; }
    .feature-boxes-panel .feature-box p { color: #ffffff; }
    .feature-boxes-panel .feature-box .open { opacity: 1; visibility: visible; transition: 0.3s; transition-timing-function: ease-in; transition-delay: 0.5s; }

    .internal-header-shape-panel.small .red-shape { width: 320px; height: 205px; margin: auto; }
    .internal-header-shape-panel.small .red-shape h3.inside-text { font-size: 48px; line-height: 48px; margin: -15px auto auto auto; }
    
    footer { text-align: center; }
        footer .container { max-width: 660px; }
        footer .content.left { width: 100%; }
        footer .content.right { width: 100%; }
        footer .content .footer-social { margin: 20px auto auto auto; display: inline-block; }
            footer .content .footer-social li { margin-left: 5px; margin-right: 5px; }
        footer .content .info { float: none; margin: 70px auto auto auto; }
        footer .content .contact-detail { margin-bottom: 10px; }
        footer .content .icon-circle { display: none; }
        footer .bottom-content { padding-top: 30px; }
            footer .bottom-content .text-right { text-align: center; margin-top: 6px; }
            footer .bottom-content img.footer-logos { height: 70px; float: none; margin-top: 40px; }

}

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

    .main-slider-panel .slider .container { min-height: 470px; max-width: 650px; }
    .main-slider-panel .slider .content h2 { font-size: 32px; line-height: 32px; }

    .main-slider-panel .red-shape-bg { width: 730px; height: 400px; }

}

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

    h3 { font-size: 40px; line-height: 42px; }
    p { font-size: 16px; line-height: 23px; }
    li { font-size: 16px; line-height: 23px; }
       
    .main-slider-panel { text-align: center; min-height: 650px; }
        .main-slider-panel .slider { min-height: 650px; }
        .main-slider-panel .slider .container { min-height: 650px; max-width: 400px; }
        .main-slider-panel .slider .slide { min-height: 650px; }
        .main-slider-panel .slider .side-image { max-width: 300px; right: 0px; left: 0px; bottom: -126px !important; margin: auto; position: relative; }
        .main-slider-panel .slider .slide-2 .side-image { max-width: 380px; margin-top: 0px; top: auto; bottom: -120px!important; left: 0px; right: 0px; transform: none; }
        .main-slider-panel .slider .slick-dots { max-width: 700px; bottom: 310px; text-align: center; }
        .main-slider-panel .slider .slick-dots li button { border: 1px #ffffff solid; }
        .main-slider-panel .slider .slick-dots li.slick-active { background: #ffffff; }
        .main-slider-panel .slider .slick-dots li.slick-active button { background: #ffffff; border: 1px #ffffff solid; }

        .main-slider-panel .red-shape-bg { width: 460px; height: 500px; left: 0px; mask-image: url('../assets/main-slider-panel-shape-mobile-bg.svg'); -webkit-mask-image: url('../assets/main-slider-panel-shape-mobile-bg.svg'); }

    .internal-header-shape-panel .red-shape { width: 360px; height: 220px; left: 0px; right: 0px; margin: auto; }
        .internal-header-shape-panel .red-shape h2.inside-text { font-size: 46px; line-height: 48px; }
        .internal-header-shape-panel .red-shape .inside-text { left: -12px; margin: -16px auto auto auto; }


    .content-panel .content { width: 100%!important; text-align: center; }
    .content-panel.right .content.left { order: 2; }
    .content-panel.right .content.right { order: 1; }
    .content-panel .background-mask.one { left: 0px; }

    .content-panel.left .panel-side-shape-mask { width: 350px; height: 320px; left: 0px; right: 0px; margin: auto; position: relative; }
    .content-panel.left .panel-side-shape-mask + .full-side-image { max-width: 300px; max-height: 280px; right: 0px; margin: auto; }
    .content-panel.right .panel-side-shape-mask { width: 350px; height: 320px; left: 0px; right: 0px; margin: auto; position: relative; }
    .content-panel.right .panel-side-shape-mask + .full-side-image { max-width: 300px; max-height: 280px; right: 0px; margin: auto; }


    .content-panel.left .full-side-image { width: 100%; max-width: 560px; left: 0px; right: 0px; margin: 50px auto auto auto; }
    .content-panel.right .full-side-image { width: 100%; max-width: 560px; left: 0px; right: 0px; margin: 50px auto auto auto; }

    .content-panel .red-shape.one {  width: 674px; height: 220px; left: 0px; right: 0px; margin: auto; mask-position: 50% center; -webkit-mask-position: 50% center; }
    .content-panel .red-shape.three.bottom { bottom: -10px; }

    .content-panel .side-image-shape-mask { position: relative; }
    .content-panel .side-image-shape-mask.one { left: auto; margin: auto; }
    .content-panel .side-image-shape-mask.two { right: auto; margin: auto; }

    .content-panel .slanted-text { width: 100%; }
    .content-panel .slanted-text.three h3.slanted { left: 0px; }
    .content-panel .slanted-text.three h3.slanted + h4.slanted + h4 { text-align: center; right: 0px; }

    .content-panel .full-side-image.text-image { width: 100%; }
    .content-panel .text-content.vertical-center { top: 0px; transform: none; left: 0px; right: 0px; margin: auto; position: relative; }

    .feature-boxes-panel .slanted-text { left: 0px; text-align: center; }
        .feature-boxes-panel .slanted-text.inline h2 { font-size: 44px; line-height: 46px; }
        .feature-boxes-panel .slanted-text.inline h2.slanted + h2.slanted { top: 6px; }

    .product-feature-boxes-panel .slanted-text.inline { text-align: center; left: 0px; }
        .product-feature-boxes-panel .slanted-text.inline h2 { font-size: 56px; line-height: 58px; }

    .download-content-panel .content.left { padding-bottom: 60px; }

    footer { padding: 90px 30px 50px 30px; }

}


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

    h2 { font-size: 39px; line-height: 39px; }
    h3 { font-size: 32px; line-height: 34px; }

    header { background: #ffffff; padding: 11px 20px; }
        header .logo { max-width: 68px; }
        header .nav-icon { margin-top: 12px; }
        header .login-icon { margin-top: 12px; }
    header.scrolled { padding: 11px 20px; }
        header.scrolled .logo { max-width: 68px; }
        header.scrolled .nav-icon { margin-top: 12px; }
        header.scrolled .login-icon { margin-top: 12px; }

    .main-slider-panel { text-align: center; min-height: 650px; margin-top: 89px; }
        .main-slider-panel .slider .content { width: 90%; margin-left: auto; margin-right: auto; }
            .main-slider-panel .slider .content h2 { font-size: 32px; line-height: 32px; }
        .main-slider-panel .red-shape-bg { width: 400px; height: 500px; left: -0px; }

    .internal-header-shape-panel { margin: 50px auto auto auto; }
    .internal-header-shape-panel.small { min-height: 200px; margin: 90px auto auto auto; }
        .internal-header-shape-panel.small .container { min-height: 200px; }
        .internal-header-shape-panel.small .content { min-height: 200px; }
        .internal-header-shape-panel.small .red-shape { bottom: -30px; }

    .internal-text-panel .content h4 { font-size: 32px; line-height: 34px; }
    .internal-text-panel .content p { font-size: 16px; line-height: 22px; }
    .internal-text-panel .content li { font-size: 16px; line-height: 22px; }

    .content-panel { padding-top: 30px; padding-bottom: 30px; }
    .content-panel.mask-bg + .content-panel { padding-top: 60px; }

    .content-panel.mask-bg .text-content { width: 92%; } 

    .content-panel .red-shape.one { width: 474px; height: 165px; }

    .content-panel .slanted-text.one { margin-left: 20px; }
    .content-panel .slanted-text.two { margin-left: 0px; }
    .content-panel .slanted-text.three h3.slanted { font-size: 70px; line-height: 70px; }

    .content-panel .text-content .btn { margin-top: 10px; }

    .feature-boxes-panel .slanted-text.inline h2 { font-size: 37px; line-height: 39px; }
    .feature-boxes-panel .slanted-text.inline h2.slanted + h2.slanted { top: 3px; }

    #home-panel-5 { display: none; }

    .product-feature-boxes-panel .slanted-text.inline h2 { font-size: 48px; line-height: 50px; }

    .contact-panel .content h5 { font-size: 22px; line-height: 30px; }
    .contact-panel .content h6 { font-size: 22px; line-height: 30px; }
    .contact-panel .content h6.contact-details { font-size: 22px; line-height: 30px; }

    .download-content-panel { padding: 100px 30px 40px 30px; }

}

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

    .content-panel .slanted-text h4 { font-size: 30px; line-height: 32px; }
    .content-panel .slanted-text.three h3.slanted { font-size: 60px; line-height: 60px; }
    .content-panel .slanted-text.three h3.slanted + h4.slanted + h4 { top: 2px; }

    .product-feature-boxes-panel .col { width: 100%; }
    .product-feature-boxes-panel .container.three .col { width: 100%; }
    .product-feature-boxes-panel .product-box { max-width: 400px; }
        .product-feature-boxes-panel .product-box h4 { font-size: 36px; line-height: 38px; }

    footer .content .info .logo { margin-bottom: 18px; }
    footer .bottom-content p a { display: block; margin-top: 10px; margin-bottom: 10px; }
    footer .bottom-content p span { display: none; }
    footer .content h5 { margin-bottom: 20px; }
    footer .content .links ul li { margin-bottom: 10px; }

}

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

    .main-slider-panel .slider .content { width: 85%; }

    .contact-panel .content h5 { font-size: 20px; line-height: 26px; }
    .contact-panel .content h6 { font-size: 20px; line-height: 26px; }
    .contact-panel .content h6.contact-details { font-size: 20px; line-height: 28px; }

    .product-feature-boxes-panel .product-box h4 { font-size: 32px; line-height: 34px; }

}

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

    .content-panel { padding-left: 20px; padding-right: 20px; }

    .content-panel .slanted-text h4 { font-size: 26px; line-height: 28px; }

    .content-panel .slanted-text.one { margin-left: 0px; }
    .content-panel .slanted-text.one h4.slanted + h4.slanted { left: -30px; }
    .content-panel .slanted-text.one h4.slanted + h4.slanted + h4 { text-align: center; top: -1px; right: 0px; }

    .content-panel .slanted-text.two h4.slanted + h4.slanted + h4 { text-align: center; top: 3px; right: 0px; }

}


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

    h3 { font-size: 26px; line-height: 28px; }

    .content-panel .red-shape.one { width: 360px; height: 130px; }

    .feature-boxes-panel .slanted-text { margin-bottom: 40px; }
        .feature-boxes-panel .slanted-text.inline h2 { font-size: 30px; line-height: 32px; margin-right: 10px; }

    footer .content .links { width: 100%; display: block; margin-bottom: 35px; }
    footer .content .links:last-child { margin-bottom: 0px; }
    footer .content .footer-social { margin: 0px auto auto auto; }
    footer .content .contact-detail { margin-bottom: 12px; }

}


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

    .content-panel .slanted-text.one h4 { font-size: 22px; line-height: 24px; }

    .content-panel .background-mask.one { height: 720px; }

}

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

    .download-content-panel .download-cta { width: 100%; }
    .download-content-panel .download-cta-footer img { max-width: 100%; }

}


/**
 * 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-dots { position: absolute; top: auto; bottom: 30px; left: 0px; right: 0px; display: block; width: 100%; list-style: none; text-align: center; padding-right: 0px; padding-left: 0px; margin: auto;  z-index: 1001;}
     .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0px 5px 0px 5px; padding: 0; cursor: pointer; border: 0px; }
     .slick-dots li button { background: none; border: 1px #666666 solid; font-size: 0; line-height: 0; display: block; height: 20px; width: 20px; padding: 0px; margin: auto; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; position: absolute; 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; right: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; color: #051D49; border-radius: 50%; }
     .slick-dots li.slick-active button:before { opacity: 1; color: #ccc !important; height: 20px; width: 20px; border-radius: 25px; }
     .slick-dots li.slick-active { background: #e10613; height: 20px; width: 20px; border-radius: 25px; }
     .slick-dots li.slick-active button { background: #e10613;  border: 1px #e10613 solid; height: 20px; width: 20px; border-radius: 25px; }