@font-face {
    font-family: 'Archivo';
    src: url('../fonts/Archivo-Regular.woff2') format('woff2'),
        url('../fonts/Archivo-Regular.woff') format('woff'),
        url('../fonts/Archivo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('../fonts/Archivo-Medium.woff2') format('woff2'),
        url('../fonts/Archivo-Medium.woff') format('woff'),
        url('../fonts/Archivo-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Archivo';
    src: url('../fonts/Archivo-Bold.woff2') format('woff2'),
        url('../fonts/Archivo-Bold.woff') format('woff'),
        url('../fonts/Archivo-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Univers LT';
    src: url('../fonts/UniversLT-65Bd.woff2') format('woff2'),
        url('../fonts/UniversLT-65Bd.woff') format('woff'),
        url('../fonts/UniversLT-65Bd.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Univers LT';
    src: url('../fonts/UniversLT-45Lt.woff2') format('woff2'),
        url('../fonts/UniversLT-45Lt.woff') format('woff'),
        url('../fonts/UniversLT-45Lt.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Univers LT';
    src: url('../fonts/UniversLT-75Blk.woff2') format('woff2'),
        url('../fonts/UniversLT-75Blk.woff') format('woff'),
        url('../fonts/UniversLT-75Blk.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Univers LT';
    src: url('../fonts/UniversLT-39ThUltCn.woff2') format('woff2'),
    url('../fonts/UniversLT-39ThUltCn.woff') format('woff'),
    url('../fonts/UniversLT-39ThUltCn.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Black Mamba Venom';
    src: url('../fonts/BlackMamba-Venom.woff2') format('woff2'),
        url('../fonts/BlackMamba-Venom.woff') format('woff'),
        url('../fonts/BlackMamba-Venom.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html{
    /* overflow-x: hidden; */
}

body{
    font-family: 'Archivo';
    background: #121212;
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #383264;
    overflow-x: hidden;
    -webkit-font-feature-settings: "lnum";
    -moz-font-feature-settings: "lnum";
    font-feature-settings: "lnum";
}

/*Global*/

*{
    box-sizing: border-box;
}

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

a{
    color: #000;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:focus{
    outline: none;
}

a:hover{
    color: #AC1267;
    text-decoration: none;
}

p{

}

h1, h2, h3, h4, h5{
    font-family: 'Univers LT';
    font-weight: 700;
}

h1{

}

h2{

}

h3{

}

h4{

}

h5{

}

ul,
ol{
    margin: 0;
    padding: 0;
}

ul li,
ol li{
    list-style: none;
}

.text ul li{
    margin: 0 0 10px;
    padding: 0 0 0 30px;
    position: relative;
}

.text ul li:before{
    content: '';
    background: #383264;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 11px;
    left: 0;
}

.text ol{
    padding-left: 24px;
}

.text ol li{
    margin: 0 0 10px;
    list-style: decimal;
}

.section-header{
    margin: 0 0 40px;
}

.section-header h2{
    margin: 0;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}

.section-title-border{
    padding: 0 0 10px;
    border-bottom: 1px solid #000;
}

.section-title-border h2{
    margin: 0;
    font-family: 'Archivo';
    font-size: 16px;
    font-weight: 500;
}

.go-back{
    font-family: 'Univers LT';
    padding: 0 0 0 40px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none !important;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.go-back:before{
    content: '\f060';
    font-family: 'Font Awesome 5 Pro';
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn{
    text-transform: uppercase;
}

.btn strong{
    margin: -4px 0 0;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.btn-primary,
.btn-primary:focus{
    background: #2404F2;
    font-size: 12px;
    color: #F3F3F3;
    font-weight: 500;
    line-height: 18px;
    border-radius: 2px;
    border-color: #2404F2;
}

.btn:focus{
    outline: none;
    box-shadow: none;
}

.btn-secondary{
    background: #000;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    line-height: 18px;
    border-radius: 2px;
    border-color: #000;
}

.btn-outline-primary{
    font-size: 12px;
    color: #2404F2;
    border-color: #aaa0e7;
    line-height: 18px;
}

.btn-outline-primary:hover{
    background: #2404F2;
    border-color: #2404F2;
    color: #F3F3F3;
}

.normal-link{
    color: #2404F2 !important;
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.normal-link:hover{
    color: #000 !important;
}

.custom-checkbox{
    min-height: inherit !important;
    margin: 0 0 30px;
    padding: 0 0 0 30px;
    position: relative;
}

.custom-checkbox input{
    height: auto !important;
    opacity: 0;
    position: absolute !important;
    top: 0;
    left: 0;
}

.custom-checkbox label{
    margin: 0 0 0 -30px;
    padding: 0 0 0 30px;
    font-size: 14px;
    color: #fff !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    -webkit-transform: translateY(0%) !important;
    -moz-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
}

.custom-checkbox.black label{
    color: #000 !important;
}

.custom-checkbox label:before{
    content: '';
    background: none;
    width: 21px;
    height: 21px;
    border: 1px solid #F3F3F3;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
}

.custom-checkbox.black label:before{
    border-color: #000;
}

.custom-checkbox input[type="radio"] + label:before{
    border-radius: 100%;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before{
    background: none;
    border: 1px solid #F3F3F3;
}

.custom-checkbox.black .custom-control-input:indeterminate ~ .custom-control-label:before{
    border: 1px solid #000;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before{
    background-color: #2404F2;
    border: 1px solid #2404F2;
}

.custom-checkbox label:after{
    top: 3px !important;
    left: 3px !important;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:after{
    display: none;
}

.custom-checkbox label a{
    color: #fff;
    text-decoration: underline;
}

.mamba{
    font-family: 'Black Mamba Venom';
}

input::-webkit-contacts-auto-fill-button,  input::-webkit-credentials-auto-fill-button {   visibility: hidden;   pointer-events: none;   position: absolute;   right: 0; }

.form-state-success .form-msg{
    font-family: 'Univers LT';
    background: none;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    border: none;
}

.form-state-success .form-msg a{
    color: #fff;
}

.light-box .form-state-success .form-msg{
    color: #000;
}

.light-box .form-state-success .form-msg a{
    color: #000;
}

.form-state-error .form-msg,
#commentModal .form-msg{
    font-family: 'Univers LT';
    background: none;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    border: none;
}

.form-state-error .form-msg a{
    color: #fff;
}

.light-box .form-state-error .form-msg{
    color: #000;
}

.light-box .form-state-error .form-msg a{
    color: #000;
}

.form-state-info .form-msg{
    font-family: 'Univers LT';
    background: none;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    border: none;
}

.form-state-info .form-msg a{
    color: #fff;
}

.light-box .form-state-info .form-msg{
    color: #000;
}

.light-box .form-state-info .form-msg a{
    color: #000;
}

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

.promo-box{}

.promo-box .form-control{
    background: transparent;
    height: 47px;
    padding: 0 20px;
    color: #a5a5a5;
    border: 1px solid #a5a5a5;
    border-radius: 5px;
}

.promo-box .input-group-append{
    padding: 0 0 0 17px;
}

.promo-box button.btn-primary{
    background: transparent;
    height: 47px;
    padding: 0 27px;
    color: #000;
    border: 1px solid #a5a5a5;
    border-radius: 5px;
}

.promo-box button.btn-primary:hover{
    background: #2404F2;
    color: #fff;
}

.text-danger{
    color: #FF4305 !important;
}

/* Header */

#header{
    padding: 0;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#header.stick{
    background: #000;
}

#header > .container-fluid{
    position: relative;
    z-index: 1;
}

#logo{
    display: inline-block;
    line-height: 0;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

#navigation{
}

#navigation > button{
    background: none;
    padding: 10px 5px;
    border: none;
    position: absolute;
    top: 16px;
    right: 10px;
}

#navigation > button span{
    background: #F3F3F3;
    width: 24px;
    height: 3px;
    display: block;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.black-nav #navigation > button span{
    background: #000;
}

.stick #navigation > button span{
    background: #fff;
}

.open #navigation > button span{
    background: none;
}

#navigation > button span:before{
    content: '';
    background: #F3F3F3;
    width: 24px;
    height: 3px;
    margin: 0 0 3px;
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.black-nav #navigation > button span:before{
    background: #000;
}

.stick #navigation > button span:before{
    background: #fff;
}

.open #navigation > button span:before{
    -webkit-transform: rotate(45deg) translateX(5px) translateY(4px);
    -moz-transform: rotate(45deg) translateX(5px) translateY(4px);
    transform: rotate(45deg) translateX(5px) translateY(4px);
}

#navigation > button span:after{
    content: '';
    background: #F3F3F3;
    width: 24px;
    height: 3px;
    margin: 3px 0 0;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.black-nav #navigation > button span:after{
    background: #000;
}

.stick #navigation > button span:after{
    background: #fff;
}

.open #navigation > button span:after{
    -webkit-transform: rotate(-45deg) translateX(4px) translateY(-4px);
    -moz-transform: rotate(-45deg) translateX(4px) translateY(-4px);
    transform: rotate(-45deg) translateX(4px) translateY(-4px);
}

#navigation .mobile-menu{
    background: #121212;
    width: 240px;
    min-height: 100vh;
    padding: 90px 25px 30px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -10px;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}

.open #navigation .mobile-menu{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);
}

#navigation .mobile-menu ul{}

#navigation .mobile-menu ul li{
    margin: 0 0 15px;
}

#navigation .mobile-menu ul li a{
    font-family: 'Univers LT';
    padding: 0;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#navigation .mobile-menu ul li a strong{
    font-size: 19px;
    font-weight: 800;
    text-transform: lowercase;
}

#navigation > ul{
    width: 50%;
    padding: 17px 0;
    float: left;
}

#navigation > ul + ul{
    text-align: right;
}

#navigation > ul li{
    margin: 0 60px 0 0;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

#navigation > ul li.active{
    background: none;
}

#navigation > ul li.prod-menu{
    position: static;
}

#navigation > ul + ul li{
    margin: 0 0 0 60px;
}

#navigation > ul li a{
    font-family: 'Univers LT';
    padding: 0;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

#navigation > ul li a strong{
    margin: -4px 0 0;
    font-size: 17px;
    font-weight: 800;
    text-transform: lowercase;
    display: inline-block;
}

#navigation > ul > li.dropdown > a:after{
    content: '';
    margin: -2px 0 0 10px;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 5px solid #fff;
    display: inline-block;
    vertical-align: middle;
}

.black-nav #navigation > ul li a{
    color: #000;
}

.black-nav.stick #navigation > ul li a{
    color: #fff;
}

.black-nav #navigation > ul > li.dropdown > a:after{
    border-top: 5px solid #000;
}

.black-nav.stick #navigation > ul > li.dropdown > a:after{
    border-top: 5px solid #fff;
}

#navigation > ul li > ul{
    background: #121212;
    width: auto !important;
}

#navigation > ul li:not(.prod-menu) ul li{
    margin: 0 0 10px;
}

#navigation > ul li:not(.prod-menu) ul li:hover{
    background: none;
}

#navigation > ul li:not(.prod-menu) ul li a{
    font-family: 'Univers LT';
    padding-right: 50px;
    font-size: 20px;
    color: #F3F3F3;
    font-weight: 700;
    text-transform: inherit;
    display: block;
    position: relative;
}

#navigation > ul li:not(.prod-menu) ul li a:after{
    content: '\f061';
    font-family: 'Font Awesome 5 Pro';
    background: #2404F2;
    width: 30px;
    height: 30px;
    margin: -15px 0 0;
    font-size: 11px;
    color: #fff;
    line-height: 30px;
    font-weight: 300;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    right: 0;
}

#navigation > ul li:not(.prod-menu) ul li a:hover,
#navigation > ul li:not(.prod-menu) ul li.active a{
    color: #2404F2;
}

#navigation > ul li:not(.prod-menu) ul li a:hover:after{
    color: #fff;
}

#navigation > ul li.prod-menu ul{
    padding: 35px 90px 35px;
    top: 100% !important;
    right: -75px !important;
    left: -75px !important;
    transform: translate3d(0px, 0px, 0px) !important;
}

#navigation > ul li.prod-menu ul li{
    background: none;
    padding: 0;
    white-space: normal;
}

#navigation > ul li.prod-menu ul li a.prod-link{
    font-family: 'Univers LT';
    font-size: 20px;
    color: #F3F3F3;
    font-weight: 700;
    text-transform: inherit;
    position: relative;
}

#navigation > ul li.prod-menu ul li a.prod-link:after{
    content: '\f061';
    font-family: 'Font Awesome 5 Pro';
    background: #2404F2;
    width: 30px;
    height: 30px;
    margin: -2px 0 0 18px;
    font-size: 11px;
    color: #fff;
    line-height: 30px;
    font-weight: 300;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
}

#navigation > ul li.prod-menu ul li p{
    margin: 0;
    color: #F3F3F3;
}

#navigation > ul li.prod-menu ul li figure{
    margin: 0;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.search-box{
    background: #121212;
    min-height: 100vh;
    padding: 150px 95px 50px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

.search-box.open{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}

.search-box form{
    margin: 0 0 60px;
}

.search-box form .input-group{
    width: 100%;
    position: relative;
}

.search-box form .input-group input{
    font-family: 'Univers LT';
    background: none;
    width: 100%;
    height: 103px;
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    border: none;
    border-bottom: 2px solid #565656;
}

.search-box form .input-group input ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #565656;
    opacity: 1;
}

.search-box form .input-group input ::-moz-placeholder { /* Firefox 19+ */
    color: #565656;
    opacity: 1;
}

.search-box form .input-group input :-ms-input-placeholder { /* IE 10+ */
    color: #565656;
    opacity: 1;
}

.search-box form .input-group input :-moz-placeholder { /* Firefox 18- */
    color: #565656;
    opacity: 1;
}

.search-box form .input-group .input-group-append{
    position: absolute;
    top: 0;
    right: 0;
}

.search-box form .input-group .input-group-append button{
    background: none;
    width: 73px;
    height: 73px;
    font-size: 30px;
    line-height: 73px;
    border: none;
}

.search-box table{
    width: 100%;
    color: #fff;
    table-layout: fixed;
}

.search-box table tr{}

.search-box table tr th{
    padding: 20px 0;
    border-bottom: 1px solid #565656;
}

.search-box table tr td{
    position: relative;
}

.search-box table tr td p{
    margin: 0;
    padding: 20px 0;
}

.search-box table tr td p:after{
    content: '';
    background: #565656;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.search-box table tr td a{
    color: #fff;
}

/* Content */

main{}

.slider-box{
    position: relative;
}

.home-slider{}

.home-slider .slider-entry{
    position: relative;
}

.home-slider .slider-entry .slider-img{
    min-height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.home-slider .slider-entry.link-pic-animation:hover .slider-img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

.home-slider .slider-entry .slider-link{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.home-slider .slick-dots{
    position: absolute;
    top: 50%;
    right: 25px;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-slider .slick-dots li{
    margin: 14px 0;
}

.home-slider .slick-dots li button{
    background: #fff;
    width: 7px;
    height: 7px;
    padding: 0;
    border: none;
    display: block;
    border-radius: 100%;
    text-indent: -9999px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.home-slider .slick-dots li button:hover,
.home-slider .slick-dots li.slick-active button{
    background: #2404F2;
}

.slider-box .home-slider-text-box{
    display: flex;
    align-items: center;
    position: absolute;
    top: 50px;
    right: 25px;
    bottom: 50px;
    left: 25px;
    z-index: 1;
}

.slider-box .home-slider-text{
    width: 100%;
}

.slider-box .home-slider-text .slider-entry{
    margin: 30px 0;
    position: relative;
}

.slider-box .home-slider-text .slider-entry .text{
    color: #fff;
}

.slider-box .home-slider-text .slider-entry .text h2{
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    opacity: 0.3;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slider-box .home-slider-text .slider-entry.active .text h2{
    opacity: 1;
}

.slider-box .home-slider-text .slider-entry .text h2 a{
    color: #fff;
}

.slider-box .home-slider-text .slider-entry .text .hidden-text{
    max-width: 90%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slider-box .home-slider-text .slider-entry.active .text .hidden-text{
    height: auto;
    opacity: 1;
    visibility: visible;
}

.slider-box .home-slider-text .slider-entry .text .hidden-text > div{
    text-align: center;
}

.section{
    padding: 60px 10px;
    color: #fff;
}

.section a:not(.btn){
    color: #fff;
    text-decoration: underline;
}

.section.light-box a:not(.btn){
    color: #000;
}

.section .text ul li:before{
    background: #fff;
}

.section.light-box .text ul li:before{
    background: #383264;
}

.section.section-sm{
    padding: 50px 10px;
}

.section.image-holder{
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section.image-holder.top-bottom{
    background-color: #F3F3F3 !important;
    background-size: 100% 100%;
}

.section.hands-slider{
    padding: 378px 10px 95px;
}

.section.hand-has-before{
    position: relative;
}

.section.hand-has-before:before{
    content: '';
    background-image: url('../images/hand-product-before.png');
    background-position: top left;
    background-size: 100% auto;
    width: 126px;
    height: 164px;
    margin: -80px 0 0;
    position: absolute;
    top: 0;
    left: 0;
}

.image-holder .text{
    color: #FF4305;
}

.red-box{
    background: #FF4305;
    color: #121212;
}

.red-box .title{
    position: relative;
}

.red-box .title:before{
    content: '';
    background: #F3F3F3;
    width: 13px;
    height: 13px;
    display: inline-block;
    position: absolute;
    top: -30px;
    right: 73px;
}

.red-box .title:after{
    content: '';
    background: #F3F3F3;
    width: 13px;
    height: 13px;
    display: inline-block;
    position: absolute;
    top: -43px;
    right: 60px;
}

.red-box .title h3{
    font-size: 30px;
    font-weight: 900;
}

.red-box .text{
    max-width: 80%;
    padding: 0 0 30px;
    position: relative;
}

.red-box .text:before{
    content: '';
    background: #F3F3F3;
    width: 38px;
    height: 4px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.red-box .text:after{
    content: '';
    background: #F3F3F3;
    width: 4px;
    height: 4px;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 41px;
}

.black-box{
    color: #FF4305;
}

.black-box a:not(.btn){
    color: #FF4305;
    text-decoration: underline;
}

.black-box .title{}

.black-box .title h3{
    font-size: 90px;
    font-weight: 800;
}

.black-box .title h4{
    margin: 0 0 20px;
    font-size: 50px;
    font-weight: 100;
    text-transform: uppercase;
}

.black-box .title h4 strong{
    font-weight: 900;
}

.grey-box{
    background: #E3E3E3;
    color: #000;
}

.grey-box .title{}

.grey-box .title h4{
    font-size: 16px;
    font-weight: 700;
}

.light-box{
    background: #F3F3F3;
    color: #000;
}

.light-box .title{
    color: #121212;
}

.light-box .title h3{
    font-size: 90px;
    font-weight: 800;
}

.light-box .title h4{
    margin: 0 0 20px;
    font-size: 50px;
    font-weight: 100;
    line-height: 60px;
    text-transform: uppercase;
}

.light-box .title h4 strong{
    font-weight: 900;
}

.light-box .narrow-text p{
    color: #121212;
}

.black-box{
    background: #000;
}

.hands-slider .title{}

.hands-slider .title h3{
    font-size: 30px;
    color: #FF4305;
    font-weight: 900;
    text-transform: uppercase;
}

.hands-slider .title h3 span{
    font-family: 'Black Mamba Venom';
}

.hands-slider .title h4{
    font-size: 16px;
    color: #FF4305;
    font-weight: 400;
}

.hands-slider .title h4 span{
    font-family: 'Black Mamba Venom';
}

.video-box{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding: 0 0 68%;
    position: relative;
}

.video-box iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.narrow-text{
    max-width: 500px;
    margin: 0 auto;
}

.vertical-carousel-holder{
    max-width: 730px;
    margin: 0 auto;
    position: relative;
}

.vertical-carousel-holder .vertical-carousel-counter{
    font-family: 'Univers LT';
    text-align: center;
    font-size: 16px;
    color: #BBBBBB;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vertical-carousel-holder .vertical-carousel-counter span{
    display: block;
}

.vertical-carousel-holder .vertical-carousel-counter span:after{
    content: '/';
    display: block;
}

.vertical-carousel-holder .vertical-carousel-counter em{
    font-style: normal;
    display: block;
}

.vertical-carousel{
    max-width: 730px;
    margin: 0 auto;
}

.vertical-carousel .vertical-entry{}

.vertical-carousel .vertical-entry h5{
    font-family: 'Univers LT';
    font-size: 30px;
    /* color: #FF4305; */
    color: #FF4305;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* .vertical-carousel .vertical-entry:hover h5{
    color: #FF4305;
} */

.vertical-carousel .vertical-entry h5 a{
    color: #FF4305;
    text-decoration: none;
}

.image-text-slider{
    max-width: 774px;
    margin: 0 auto;
}

.image-text-slider.has-4{
    max-width: 593px;
    margin: 0;
}

.image-text-slider .slick-list{
    overflow: visible;
}

.image-text-slider .slider-entry{
    padding: 0 32px;
}

.image-text-slider .slider-entry .text{
    background-position: center center;
    background-size: cover;
    height: 100%;
    min-height: 273px;
    padding: 20px 30px;
    color: #fff;
    display: flex;
    align-items: flex-end;
    opacity: 0.3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.image-text-slider.has-4 .slider-entry .text{
    min-height: 174px;
}

.image-text-slider .slider-entry.slick-active .text{
    opacity: 1;
}

.image-text-slider .slider-entry .text h5{
    font-family: 'Univers LT';
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 14px;
}

.image-text-slider .slider-entry .text h5 strong{
    display: block;
}

.image-text-slider .slider-entry .text h5 + p{
    margin: 0;
}

.image-text-slider .slider-entry .text p + h5{
    margin: 0;
}

.image-text-slider .slick-prev{
    display: none !important;
}

.image-text-slider .slick-next{
    background: none;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 1px solid #fff;
    border-radius: 100%;
    position: absolute;
    top: 20px;
    right: 70px;
    text-indent: -9999px;
}

.image-text-slider .slick-next:before{
    content: '\f061';
    font-family: 'Font Awesome 5 Pro';
    font-size: 20px;
    color: #2404F2;
    font-weight: 300;
    text-align: center;
    line-height: 46px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-indent: 0;
}

#subscribe-box{
    background: #FF4305;
    padding: 40px 10px 80px;
    color: #121212;
}

#subscribe-box .input-group{
    align-items: center;
    position: relative;
}

#subscribe-box .input-group input{
    font-family: 'Univers LT';
    background: none;
    height: auto;
    padding: 0;
    font-size: 30px;
    color: #121212;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    opacity: 0;
    position: relative;
    z-index: 1;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#subscribe-box .input-group input:focus{
    box-shadow: none;
    outline: none;
}

#subscribe-box .input-group:hover input,
#subscribe-box .input-group input:focus,
#subscribe-box .input-group.input-fill input{
    opacity: 1;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}

#subscribe-box .input-group label{
    font-family: 'Univers LT';
    width: 100%;
    margin: 0;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#subscribe-box .input-group:hover label,
#subscribe-box .input-group input:focus + label,
#subscribe-box .input-group.input-fill label{
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}

#subscribe-box button{
    margin: 20px 0 0;
    /* opacity: 0.3; */
    border-color: #000;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

#subscribe-box .input-group.input-fill button{
    opacity: 1;
}

#subscribe-box .input-group div.invalid{
    color: #fff;
    position: absolute;
    bottom: -10px;
    left: 0;
}

#subscribe-box .form-state-success .form-msg{
    font-family: 'Univers LT';
    background: none;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    border: none;
}

#subscribe-box .form-state-error .form-msg{
    font-family: 'Univers LT';
    background: none;
    text-align: center;
    font-size: 20px;
    color: #000;
    font-weight: 700;
    border: none;
}

#product-intro{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 86vh;
    position: relative;
}

#product-intro.no-min-height{
    min-height: inherit;
}

#product-intro .title-box{
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

#product-intro .title-box.fixed-image{
    top: 70px;
    left: 30px;
    -webkit-transform: translateY(0%) translateX(0%);
    -moz-transform: translateY(0%) translateX(0%);
    transform: translateY(0%) translateX(0%);
}

.page-title-promo{
    font-size: 30px;
    color: #F3F3F3;
}

#product-intro h1{
    font-size: 30px;
    color: #F3F3F3;
}

#product-intro h1 sup{
    font-size: 50%;
}

#product-intro h5{
    font-size: 16px;
    color: #7a7a7a;
    font-weight: 400;
}

#product-intro h5.wh-text{
    color: #fff;
}

#product-intro h5.swimbetter-text{
    font-size: 20px;
    font-weight: 700;
}

#product-intro .product-text{
    /* background: #121212; */
    background: #2404F2;
    padding: 16px 10px;
    border-top: 1px solid #39393A;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9;
}

#product-intro .product-text p{
    margin: 0;
    font-size: 14px;
    /* color: #888888; */
    color: #fff;
}

#product-intro .product-text p.white-color{
    color: #fff;
}

#product-intro .product-text p strong{
    margin: 0 20px 0 0;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

#product-intro .product-text p.white-color strong{
    margin: -4px 0 0;
}

#product-intro .product-text a{
    padding: 0 30px 0 0;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

#product-intro .product-text a:after{
    content: '\f061';
    font-family: 'Font Awesome 5 Pro';
    font-size: 20px;
    /* color: #2404F2; */
    color: #fff;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

#product-intro .buy-now-box{
    background: #121212;
    width: 100%;
    max-width: 300px;
    padding: 14px 14px;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border-radius: 50px;
    position: fixed;
    bottom: 40px;
    left: 50%;
    z-index: 99;
    transform: translateX(-50%);
}

#product-intro .buy-now-box .btn{
    font-size: 20px;
    font-weight: 700;
    border-radius: 50px;
    display: block;
}

.text-row{
    margin: 0 0 40px;
}

.section .text-row:last-child{
    margin: 0;
}

.text-row h3{
    font-size: 40px;
    color: #FF4305;
    text-transform: uppercase;
}

.text-row h4{
    font-size: 20px;
}

.text-row h4 strong{
    font-weight: 900;
}

.text-row .text{
    display: inline-block;
    text-align: left;
}

.text-row .text h5{
    font-size: 16px;
}

.text-row .text p{
    color: #7A7A7A;
}

.text-row .text p.sm{
    font-size: 12px;
}

.text-row .text p.red{
    color: #FF4305;
}

.text-row .text p a{
    color: #2404F2;
}

.product-preview img{
    width: 100%;
}

.product-overview{}

.product-overview .section-header{
    margin: 0 0 60px;
}

.nav-tabs{
    width: 100%;
    margin: 0 0 10px;
    display: table;
    table-layout: fixed;
}

.nav-tabs li.nav-item{
    width: 1%;
    display: table-cell;
}

.nav-tabs li.nav-item a{
    padding: 10px 0;
    font-size: 20px;
    color: #AAAAAA;
    font-weight: 600;
    /* text-transform: uppercase; */
    text-decoration: none;
    border: none;
    border-bottom: 1px solid #AAAAAA;
}

.nav-tabs li.nav-item a.active{
    background-color: transparent;
    color: #000;
    border-color: #2404F2;
}

.nav-tabs li.nav-item a span{
    font-size: 18px;
    color: #7A7A7A;
    font-weight: 400;
    display: none;
}

.tab-content{
    padding: 0;
}

.faq-box{
    margin: 0 0 50px;
}

.faq-box header{
    margin: 0 0 10px;
    border-bottom: 1px solid #fff;
}

.faq-box header h5{
    margin: 0 0 20px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
}

.accordion{}

.accordion .card{
    background: none;
    border: none;
    border-bottom: 1px solid #DBDBDB !important;
}

.accordion .card .card-header{
    background: none;
    padding: 20px 0;
    border: none;
}

.accordion .card .card-header button{
    padding: 0 30px 0 0;
    font-size: 20px;
    color: #000;
    font-weight: 500;
    text-transform: inherit;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.accordion.white .card .card-header button{
    color: #fff;
}

.accordion .card .card-header button:hover,
.accordion .card .card-header button.collapse{
    color: #2404F2;
    text-decoration: none;
}

.accordion .card .card-header button:after{
    content: '\f055';
    font-family: 'Font Awesome 5 Pro';
    margin: -15px 0 0;
    font-size: 20px;
    color: #2404F2;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.accordion .card .card-header a.btn{
    display: block;
    position: relative;
}

.accordion .card .card-header a.btn:after{
    content: '\f054';
    font-family: 'Font Awesome 5 Pro';
    margin: -15px 0 0;
    font-size: 20px;
    color: #2404F2;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.accordion .card .card-header button.no-btn:after{
    display: none;
}

.accordion .card .card-header button.collapsed:after{
    color: #000;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}

.accordion.white .card .card-header button:after{
    color: #fff;
}

.accordion .card .card-header button:hover:after{
    color: #2404F2;
}

.accordion .card .card-header button strong{
    margin: -2px 0 0;
    font-size: 20px;
}

.accordion .card .accordion-text{
    padding: 0 0 20px;
}

.accordion .card .accordion-text .card-body{
    padding: 0;
}

.instructions-for-use{
    margin: 70px 0;
    padding: 20px 0;
    border-top: 1px solid #7A7A7A;
    border-bottom: 1px solid #7A7A7A;
}

.instructions-for-use p{
    font-family: 'Univers LT';
    margin: 0;
    font-size: 20px;
    color: #000;
    font-weight: 700;
}

.instructions-for-use p strong{
    font-weight: 900;
}

.instructions-for-use a.pdf-download-btn{
    font-family: 'Univers LT';
    font-size: 20px;
    color: #2404F2;
    font-weight: 700;
}

.app-info{
    padding: 60px 0;
    color: #fff;
}

.app-info header{
    margin: 0 0 40px;
}

.app-slider-text{
    max-width: 394px;
}

.download-box{
    text-align: center;
    font-size: 14px;
    position: absolute;
    right: 15px;
    bottom: -35px;
    left: 15px;
    z-index: 2;
}

.download-box a{
    margin: -3px 10px 0;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none !important;
}

.download-box a:hover{
    opacity: 0.6;
}

.download-box a img{
    max-height: 30px;
}

.app-info .app-preview{
    width: 100%;
    max-width: 325px;
    margin: 0 auto;
    display: inline-block;
    border-radius: 50px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.app-info .app-preview:after{
    content: '';
    background-image: url('../images/phone-cover.png');
    background-position: center center;
    background-size: 100% 100%;
    position: absolute;
    top: -2px;
    right: -21px;
    bottom: -2px;
    left: -21px;
    z-index: 1;
}

.app-info .app-preview .app-preview-entry{
    padding: 0 8px;
}

.team-list{
    max-width: 840px;
    margin: 0 auto;
    text-align: center;
}

.team-list .team-entry{
    width: 228px;
    margin: 0 18px 18px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.team-list .team-entry figure{
    margin: 0;
}

.team-list .team-entry figure img{
    opacity: 0.6;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team-list .team-entry:hover figure img{
    opacity: 1;
}

.team-list .team-entry .text{
    color: #FF4305;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    bottom: 50px;
    left: -40px;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team-list .team-entry:hover .text{
    opacity: 1;
    visibility: visible;
    bottom: 60px;
}

.team-list .team-entry.show .text{
    opacity: 0;
    visibility: hidden;
}

.team-list .team-entry .text h5{
    font-family: 'Univers LT';
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
}

.team-list .team-entry .text h5 a{
    color: #FF4305;
    text-decoration: none;
}

.team-list .team-entry .text p{
    margin: 0;
}

.team-list .team-entry .hidden-text{
    background: #ECECEC;
    padding: 20px;
    font-size: 16px;
    color: #000;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team-list .team-entry.show .hidden-text{
    opacity: 1;
    visibility: visible;
}

.team-list .team-entry .hidden-text header{
    margin: 0 0 10px;
}

.team-list .team-entry .hidden-text header h5{
    margin: 0 0 4px;
    font-size: 16px;
    color: #FF4305;
    font-weight: 700;
    text-transform: uppercase;
}

.team-list .team-entry .hidden-text header p{
    margin: 0;
    font-size: 14px;
    color: #FF4305;
}

.team-list-2{
    margin: 40px 0;
}

.team-list-2 .team-entry{
    margin: 0 0 50px;
}

.team-list-2 .team-entry figure{
    max-width: 300px;
    margin: 0;
}

.team-list-2 .team-entry .text{
    font-size: 16px;
    color: #7a7a7a;
}

.team-list-2 .team-entry .text header{
    margin: 0 0 30px;
    color: #FF4305;
}

.team-list-2 .team-entry .text header h5{
    font-family: 'Univers LT';
    margin: 0;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
}

.team-list-2 .team-entry .text header p{
    font-size: 16px;
    font-weight: 500;
}

.narrow-wrapper{
    max-width: 1026px;
    margin: 0 auto;
}

.mt-110{
    margin-top: 110px;
}

#single-page{
    padding-top: 160px;
}

#single-page header{
    margin: 0 0 40px;
    padding: 0 0 40px;
    border-bottom: 2px solid #414141;
}

#single-page header h1{
    font-family: 'Univers LT';
    font-size: 30px;
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
}

#single-page .text .offset-title{
    font-family: 'Univers LT';
    margin: 0 15px 0 0;
    font-size: 40px;
    font-weight: 100;
    text-transform: uppercase;
    white-space: nowrap;
    position: absolute;
    top: 0;
    right: 100%;
}

#single-page .text .offset-title span{
    font-weight: 700;
}

#form-signup .custom-checkbox label{
    color: #000 !important;
}

#form-signup .custom-checkbox label:before{
    border-color: #000;
}

.prod-form{}

.prod-form header{
    /* margin: 60px 0 0; */
}

.prod-form header h1{
    font-family: 'Univers LT';
    margin: 0 0 25px;
    font-size: 20px;
    color: #FF4305;
    font-weight: 700;
}

.prod-form header h1 b{
    font-weight: 900;
}

.prod-form header strong{
    font-family: 'Univers LT';
    font-size: 50px;
    color: #000000;
    font-weight: 900;
    display: block;
    line-height: 50px;
}

.prod-form header h5{
    margin: 15px 0;
    font-size: 20px;
    color: #1E1E1E;
}

.prod-form header .licence-info{
    background: #E9E9E9;
    padding: 6px 10px 4px;
    font-size: 16px;
    color: #1E1E1E;
    display: inline-block;
    vertical-align: middle;
    border-radius: 10px;
}

.prod-form header .licence-info span{
    margin: -4px 0 0;
    font-size: 20px;
    color: #FF4305;
    font-weight: 700;
    display: inline-block;
    vertical-align: middle;
}

.prod-form header ol{
    margin: 0 0 14px;
    padding: 0 0 0 20px;
}

.prod-form header ol li{
    list-style: decimal;
}

.prod-form fieldset{
    margin: 0 0 20px;
}

.prod-form fieldset h3{
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 24px;
}

.prod-form fieldset h4{
    margin: 0 0 20px;
    font-weight: 700;
    font-size: 18px;
}

.prod-form fieldset p{
    color: #AAAAAA;
}

.prod-form fieldset p a{
    font-size: 14px;
    color: #000;
    text-decoration: underline;
}

.prod-form fieldset .text ul li{
    color: #AAAAAA;
    line-height: normal;
}

.prod-form fieldset .text ul li:before{
    background: #AAAAAA !important;
    top: 4px;
}

.prod-form fieldset figure{
    text-align: center;
}

.prod-form .form-group{
    margin: 0 0 20px;
    position: relative;
}

.prod-form .form-group > label{
    margin: -2px 0 0;
    color: #aaa;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    z-index: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    transform: translateY(50%);
}

.prod-form .form-group > input:focus + label,
.prod-form .form-group.input-fill > label{
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    transform: translateY(4px);
}

.prod-form .form-group > input{
    background: none;
    height: 47px;
    padding: 15px 20px 0;
    color: #aaa;
    border: 1px solid #aaa;
    border-radius: 4px;
    position: relative;
    z-index: 1;
}

.prod-form .form-group > input.is-invalid{
    border-color: #ff0000;
}

.prod-form .form-group > select.custom-select{
    background-color: transparent;
    height: 47px;
    padding: 15px 16px 0;
    color: #aaa;
    border: 1px solid #aaa;
    border-radius: 4px;
    position: relative;
    z-index: 0;
}

.prod-form .form-group .invalid{
    margin: 0 0 20px;
}

.prod-form fieldset .detail-info{
    color: #000;
}

.prod-form fieldset .detail-info strong{
    margin: 0 0 8px;
    color: #aaa;
    font-weight: 500;
    display: block;
}

.text-check-box{
    margin: 40px 0;
    padding: 0 16px;
}

.text-check{
    height: 100%;
    min-height: 55px;
    margin: 0 -16px 0 -15px;
    padding: 12px 20px;
    text-align: center;
    color: #AAAAAA;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.text-check.round-check{
    min-height: inherit;
    margin: 0;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    border-radius: 10px;
}

.text-check input{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.text-check i{
    border: 1px solid #AAAAAA;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.text-check.round-check i{
    border-radius: 10px;
    border: 1px solid #B8B8B8;
}

.text-check.round-check input[disabled] + i{
    border-color: #E0E0E0;
}

.text-check input:checked + i{
    border-color: #2404F2;
    z-index: 1;
}

.text-check.round-check:hover i,
.text-check.round-check input:checked + i{
    border: 2px solid #2404F2;
    z-index: 1;
}

.text-check.round-check:not(.no-disabled-style) input[disabled] ~ .text-left,
.text-check.round-check:not(.no-disabled-style) input[disabled] ~ .text-left *{
    color: #b3b3b3 !important;
}

.text-check.round-check .text-left{
    position: relative;
    z-index: 1;
}

.text-check p{
    margin: 0;
}

/* .text-check input:checked ~ *{
    color: #2404F2;
} */

.text-check p{
    font-size: 16px;
    color: #555555;
    font-weight: normal;
}

.text-check.round-check input:checked ~ .text-left p{
    color: #000;
}

.text-check p span{
    color: #1E1E1E;
    font-size: 16px;
    font-weight: 400;
    display: block;
}

.text-check p .popular-label{
    background: #FF4305;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff !important;
    border-radius: 50px;
    display: inline-block;
    vertical-align: middle;
    float: right;
}

.text-check.round-check .text-left ul{
    margin: 0 0 14px;
    padding: 0 0 0 20px;
}

.text-check.round-check .text-left ul li{
    list-style: disc;
    font-size: 14px;
    color: #AAAAAA;
    font-weight: 400;
}

.text-check.round-check input:checked ~ .text-left ul li{
    color: #000;
}

.text-check.round-check .input-number{
    width: 140px;
    padding: 0 40px;
}

.text-check.round-check .input-number input{
    background: none;
    width: 50px;
    height: 50px;
    border: 1px solid #B8B8B8;
    border-radius: 10px;
}

.text-check.round-check .input-number a{
    width: 40px;
    padding: 10px 0;
    font-size: 30px;
}

.prod-orange-text{
    background: #FF4305;
    margin: 0 auto 20px;
    padding: 15px 20px;
    font-size: 14px;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
}

.prod-orange-text strong{
    font-size: 20px;
    display: block;
}

.prod-orange-text ul li{
    position: relative;
    padding: 0 0 0 20px;
    text-align: left;
}

.prod-orange-text ul li:before{
    content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    font-weight: 400;
    position: absolute;
    top: 0;
    left: 0;
}

.new-extra-strap-dropdown{
    display: inline-block;
    position: relative;
}

.new-extra-strap-dropdown button{
    background: #F3F3F3;
    padding: 8px 110px 8px 44px;
    font-size: 20px;
    color: #1E1E1E;
    font-weight: 700;
    border: 1px solid #B8B8B8;
    border-radius: 10px;
    position: relative;
}

.new-extra-strap-dropdown button:disabled{
    color: #b3b3b3;
}

.new-extra-strap-dropdown button:before{
    content: '+';
    margin: -2px 0 0;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.new-extra-strap-dropdown button span{
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    top: 50%;
    right: 22px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.new-extra-strap-dropdown button span em{
    font-style: normal;
}

.new-extra-strap-dropdown ul{
    background: #fff;
    margin: 5px 0 0;
    padding: 10px 20px 0;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 90%;
    right: 0;
    left: 0;
    z-index: 1;
}

.new-extra-strap-dropdown.open-menu ul{
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.new-extra-strap-dropdown ul li{
    margin: 0 0 20px;
    font-size: 14px;
    color: #999999;
    position: relative;
}

.new-extra-strap-dropdown ul li:last-child{
    margin: 0 0 10px;
}

.new-extra-strap-dropdown ul li span{
    background: #F3F3F3;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
    font-size: 20px;
    color: #1E1E1E;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #B8B8B8;
    border-radius: 100%;
}

.new-extra-strap-dropdown ul li a{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.team-strap-dropdown{
    display: inline-block;
    position: relative;
}

.team-strap-dropdown button{
    background: #F3F3F3;
    min-width: 280px;
    padding: 8px 80px 8px 20px;
    font-size: 16px;
    color: #999999;
    text-align: left;
    border: 1px solid #B8B8B8;
    border-radius: 10px;
    position: relative;
}

.team-strap-dropdown button:after{
    content: '\f107';
    font-family: 'Font Awesome 5 Pro';
    color: #191919;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team-strap-dropdown.open-menu button:after{
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.team-strap-dropdown ul{
    background: #fff;
    margin: 5px 0 0;
    padding: 10px 20px 0;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 90%;
    right: 0;
    left: 0;
    z-index: 1;
}

.team-strap-dropdown.open-menu ul{
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.team-strap-dropdown ul li{
    margin: 0 0 20px;
    font-size: 14px;
    color: #999999;
    position: relative;
}

.team-strap-dropdown ul li:last-child{
    margin: 0 0 10px;
}

.team-strap-dropdown ul li span{
    background: #F3F3F3;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
    font-size: 20px;
    color: #1E1E1E;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #B8B8B8;
    border-radius: 100%;
}

.team-strap-dropdown ul li a{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.team-subscriptions{
    max-width: 480px;
    display: inline-block;
    position: relative;
}

.team-subscriptions label{
    margin: 0 0 8px !important;
    font-size: 12px;
    color: #AAAAAA;
    position: relative !important;
    right: auto !important;
    left: auto !important;
    -webkit-transform: translateY(0%) !important;
    -moz-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
}

.team-subscriptions input{
    background: transparent;
    width: 100%;
    height: auto !important;
    margin: 0 0 5px;
    padding: 8px 20px !important;
    border: 1px solid #AAAAAA !important;
    border-radius: 8px !important;
}

.team-subscriptions input::-webkit-outer-spin-button,
.team-subscriptions input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.team-subscriptions input[type=number] {
  -moz-appearance: textfield;
}

.team-subscriptions input:focus{
    background: none;
    outline: none;
    box-shadow: none;
}

.team-subscriptions .subscription-list{
    position: absolute;
    bottom: 10px;
    right: 20px;
    z-index: 1;
}

.team-subscriptions .subscription-list a{
    display: inline-block;
}

.team-subscriptions .subscription-list a:before{
    content: '\f05a';
    font-family: 'Font Awesome 5 Pro';
    font-size: 20px;
    font-weight: 300;
    color: #2404F2;
    text-align: center;
    display: inline-block;
}

.team-subscriptions .subscription-list table{
    background: #2404F2;
    width: 320px;
    opacity: 0;
    visibility: hidden;
    table-layout: fixed;
    text-align: center;
    position: absolute;
    top: 100%;
    right: 0%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.team-subscriptions .subscription-list a:hover + table{
    opacity: 1;
    visibility: visible;
}

.team-subscriptions .subscription-list table tr th{
    padding: 16px 10px;
    font-size: 12px;
    color: #F3F3F3;
    border: 1px solid #6E5AF2;
}

.team-subscriptions .subscription-list table tbody tr td{
    padding: 16px 10px;
    font-size: 14px;
    color: #F3F3F3;
    border: 1px solid #6E5AF2;
}

.subscription-packages{}

.subscription-packages .subscription-package{
    position: relative;
}

.subscription-packages .subscription-package > input{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.subscription-packages .subscription-entry{
    height: 100%;
    padding: 32px 40px 80px;
    color: #1E1E1E;
    border: 1px solid #b8b8b8;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.subscription-packages .subscription-entry:hover,
.subscription-packages input:checked + .subscription-entry{
    border-color: #2006E8;
}

.subscription-packages .subscription-entry:before{
    content: '';
    width: 23px;
    height: 23px;
    border: 2px solid #B8B8B8;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 24px;
    left: 35px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.subscription-packages .subscription-entry:hover:before,
.subscription-packages input:checked + .subscription-entry:before{
    border-color: #2006E8;
}

.subscription-packages input:checked + .subscription-entry:after{
    content: '';
    background: #2006E8;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 29px;
    left: 40px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.subscription-packages .subscription-package > input + .subscription-entry{
    cursor: pointer;
}

.subscription-packages .subscription-entry header{
    margin: 0 0 40px;
    text-align: center;
}

.subscription-packages .subscription-entry header h5{
    font-family: 'Archivo';
    font-size: 20px;
    /* color: #FF4305; */
    font-weight: 700;
}

.subscription-packages .subscription-entry header h5 strong{
    font-family: 'Univers LT';
    margin: 0 0 20px;
    padding: 10px 0 0;
    /* font-size: 30px; */
    font-size: 24px;
    /* font-weight: 900; */
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.subscription-packages .subscription-entry header h5 span{
    font-size: 16px;
}

.subscription-packages .subscription-entry header h5 i{
    font-weight: 400;
    font-style: normal;
    display: block;
}

.subscription-packages .subscription-entry header > span{
    background: #FF4305;
    padding: 8px 13px;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    border-radius: 10px;
    position: absolute;
    top: 20px;
    right: 25px;
}

.subscription-packages .subscription-entry.black header > span{
    background: #fff;
    color: #121212;
}

.subscription-packages .subscription-entry ul{}

.subscription-packages .subscription-entry ul li{
    margin: 0 0 20px;
    padding: 0 0 0 30px;
    font-size: 14px;
    position: relative;
}

.subscription-packages .subscription-entry ul li:before{
    content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.subscription-packages .subscription-entry ol{}

.subscription-packages .subscription-entry ol li{
    margin: 0 0 20px;
    padding: 0 0 0 30px;
    font-size: 14px;
    position: relative;
}

.subscription-packages .subscription-entry ol li:before{
    content: '\f00d';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.subscription-packages .subscription-entry footer{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 10px;
    right: 25px;
    left: 25px;
    z-index: 1;
}

.subscription-packages .subscription-package > input:checked + .subscription-entry footer{
    opacity: 1;
    visibility: visible;
}

.subscription-packages .subscription-entry footer button{
    background: #2006E8;
    font-family: 'Archivo';
    width: 100%;
    padding: 10px 20px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    border: none;
    display: block;
}

.subscription-packages .subscription-entry footer button strong{
    display: block;
}

.subscription-packages .subscription-entry footer button span{
    font-size: 14px;
    display: block;
}

.fake-option-size-dropdown{
    position: relative;
}

.fake-option-size-dropdown > a{
    background: none;
    width: 100%;
    padding: 14px 20px;
    text-align: left;
    font-size: 16px;
    display: block;
    text-decoration: none !important;
    border: 1px solid #000;
    border-radius: 4px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fake-option-size-dropdown > a:hover{
    background: #000;
    color: #fff !important;
}

.fake-option-size-dropdown > a:before{
    content: '';
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 7px solid #000;
    display: inline-block;
    position: absolute;
    top: 22px;
    right: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fake-option-size-dropdown > a:hover:before{
    border-top-color: #fff;
}

.fake-option-size-dropdown .fake-option-holder{
    background: #fff;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fake-option-size-dropdown.fake-option-2 .fake-option-holder{
    background: #ececec;
}

.fake-option-size-dropdown.open .fake-option-holder{
    opacity: 1;
    visibility: visible;
}

.option-size-box{
    padding: 16px 20px;
    border: 1px solid #AAAAAA;
    text-align: center;
    display: block;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.option-size-box.round-option-size{
    border-radius: 10px;
    border: 1px solid #B8B8B8;
}

.fake-option-2 .option-size-box{
    margin: 0 -10px;
    border-color: transparent;
}

.option-size-box:hover{
    color: #2404F2;
    border-color: #2404F2;
}

.fake-option-2 .option-size-box:hover{
    background: #2404F2;
    color: #fff;
}

.option-size-box.round-option-size .option-size-strap{
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
    font-size: 20px;
    color: #1E1E1E;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #B8B8B8;
    border-radius: 100%;
}

.option-size-box.round-option-size .option-size-strap + span{
    font-size: 14px;
    color: #999999;
}

.option-size-box.round-option-size .input-number{
    width: 140px;
    padding: 0 40px;
}

.option-size-box.round-option-size .input-number input{
    background: none;
    width: 50px;
    height: 50px;
    border: 1px solid #B8B8B8;
    border-radius: 10px;
}

.option-size-box.round-option-size .input-number a{
    width: 40px;
    padding: 10px 0;
    font-size: 30px;
}

.option-size-box > i{
    border: 1px solid #AAAAAA;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fake-option-2 .option-size-box > i{
    border-color: transparent;
    z-index: -1;
}

.option-size-box > input:checked + i{
    border-color: #2404F2;
}

.fake-option-2 .option-size-box > input:checked + i{
    background: #2404F2;
}

.fake-option-2 .option-size-box > input:checked ~ *{
    color: #fff;
}

.option-size-box span{
    font-size: 14px;
}

.option-size-box strong{
    font-weight: 400;
}

.option-size-box .input-number{
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.option-size-box:hover .input-number{
    color: #2404F2;
}

.option-size-box:hover .input-number input{
    color: #2404F2;
    border-color: #2404F2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.option-size-strap-holder{
    margin: 0 20px 10px 0;
    display: inline-block;
    vertical-align: top;
}

.option-size-strap{
    width: 50px;
    height: 50px;
    font-size: 20px;
    color: #1E1E1E;
    text-align: center;
    line-height: 50px;
    font-weight: 700;
    border-radius: 100%;
    display: block;
    position: relative;
}

.option-size-strap > i{
    border: 1px solid #B8B8B8;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.option-size-strap:hover input:not([disabled]) + i,
.option-size-strap > input:not([disabled]):checked + i{
    border: 2px solid #2006E8;
}

.option-size-strap input[disabled] ~ span{
    color: #b3b3b3 !important;
}

.option-size-strap-holder > span{
    font-size: 14px;
    color: #999999;
}

.input-number{
    width: 94px;
    padding: 0 30px;
    position: relative;
}

.input-number input{
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border: 1px solid #000;
    opacity: 1;
    position: relative;
    top: auto;
    left: auto;
}

.input-number input::-webkit-outer-spin-button,
.input-number input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-number input[type=number] {
  -moz-appearance: textfield;
}

.input-number a{
    padding: 10px;
    display: inline-block;
    text-decoration: none !important;
    position: absolute;
    top: 50%;
    left: -10px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.input-number a.plus{
    right: -10px;
    left: auto;
}

.input-number a:hover{
    color: #2404F2;
}

.size-guide{
    background: #E9E9E9;
    border-radius: 10px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.size-guide.open-guide{
    border-radius: 10px 10px 0 0;
}

.size-guide a{
    padding: 10px 54px;
    text-decoration: none !important;
    display: block;
    position: relative;
}

.size-guide a:before{
    content: '\f059';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.size-guide a:after{
    content: '\f107';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.size-guide.open-guide a:after{
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.size-guide .size-guide-box{
    background: #E9E9E9;
    padding: 20px 20px 10px 90px;
    border-radius: 0 0 10px 10px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 90%;
    right: 0;
    left: 0;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.size-guide.open-guide .size-guide-box{
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.size-guide .size-guide-box figure{
    width: 40px;
    position: absolute;
    top: 20px;
    left: 20px;
}

#prod-total{
    background: #121212;
    padding: 10px 75px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 3;
}

#prod-total.no-fix{
    position: relative;
    bottom: auto;
    right: auto;
    left: auto;
}

#prod-total h5{
    margin: 0;
    font-size: 16px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

#prod-total span{
    font-family: 'Archivo';
    margin: 0 20px 0 0;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

#prod-total a{
    padding: 0 30px 0 0;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

#prod-total a:after{
    content: '\f061';
    font-family: 'Font Awesome 5 Pro';
    font-size: 20px;
    color: #2404F2;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cart header{
    margin: 0 0 50px;
    padding: 0 0 15px;
    border-bottom: 1px solid #AAAAAA;
}

.cart header h1{
    font-family: 'Univers LT';
    font-size: 40px;
    font-weight: 900;
    text-transform: uppercase;
}

.cart header p{
    margin: 0;
}

.cart-list{
    width: 100%;
}

.cart-list thead{
    display: none;
}

.cart-list tr{
    padding: 20px;
    display: block;
}

.cart-list tr:nth-child(2n){
    background: #ebebeb;
}

.cart-list tr th{
    font-family: 'Univers LT';
    padding: 0 0 18px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #B0B0B0;
}

.clear-page .cart-list tr th{
    border-bottom-color: #2A2A2A;
}

.cart-list tr td{
    padding: 20px 10px 30px 10px;
    border-bottom: 1px solid #DBDBDB;
    display: block;
}

.cart-list tr td > strong{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.clear-page .cart-list tr td{
    border-bottom-color: #2A2A2A;
}

.cart-list tr td .remove-product{
    text-decoration: none !important;
    color: #aaa !important;
}

.cart

.related-products{
    margin: 0 -5px;
}

.related-products .related-product{
    margin: 0 5px;
    position: relative;
}

.related-products .related-product figure{
    margin: 0;
    position: relative;
}

.related-products .related-product figure img{
    width: 100%;
}

.related-products .related-product .text{
    padding: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.related-products .related-product .text > div{
    width: 100%;
}

.related-products .related-product .text h5{
    font-family: 'Univers LT';
    margin: 0;
    font-size: 40px;
    color: #F3F3F3;
}

.related-products .related-product a{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.checkout-summary{
    background: #ECECEC;
    padding: 40px;
}

.checkout-summary .prod-buy .prod-buy-entry{
    margin: 0 0 14px;
    color: #000;
}

.checkout-summary .prod-buy .prod-buy-entry h5{
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.checkout-summary .text p{
    font-size: 12px;
}

.cart-empty{
    margin: 160px 0;
}

.cart-empty p{
    font-family: 'Univers LT';
    font-size: 20px;
    color: #000;
    font-weight: 700;
}

.login-form{
    max-width: 342px;
    margin: 190px auto;
    color: #F3F3F3;
}

.login-form .login-top{
    margin: 0 0 50px;
    text-align: center;
}

.login-form .login-top h5{
    font-family: 'Univers LT';
    margin: 0 0 25px;
    font-size: 16px;
    text-transform: uppercase;
}

.login-form .login-top .grey-element{
    background: #282828;
    padding: 15px 40px 15px 20px;
    color: #F3F3F3;
    text-align: left;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.login-form .login-top .grey-element:hover{
    background: #FF4305;
    color: #000;
}

.login-form .login-top .grey-element i{
    font-size: 26px;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.login-form header{
    margin: 0 0 20px;
}

.login-form header h1{
    font-family: 'Univers LT';
    margin: 0;
    font-weight: 900;
    font-size: 50px;
    text-align: center;
    text-transform: uppercase;
}

.login-form .form-group{
    margin: 0 0 20px;
    position: relative;
}

.login-form .form-group label{
    margin: -2px 0 0;
    color: #555555;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    z-index: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    transform: translateY(50%);
}

.login-form .form-group input:focus + label,
.login-form .form-group.input-fill label{
    -webkit-transform: translateY(4px);
    -moz-transform: translateY(4px);
    transform: translateY(4px);
}

.login-form .form-group input{
    background: none;
    height: 47px;
    padding: 15px 20px 0;
    color: #fff;
    border: 1px solid #555555;
    position: relative;
    z-index: 0;
}

.login-form .form-group input.is-invalid{
    border-color: #ff0000;
}

.login-form .form-group .invalid{
    margin: 0 0 20px;
}

.login-form .form-group small{
    font-size: 15px !important;
}

.login-form .form-group small a{
    color: #6c757d;
    text-decoration: underline;
}

.login-form .form-group .view-password{
    padding: 10px;
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 2px;
    right: 5px;
    z-index: 2;
}

.login-form p{
    font-size: 14px;
}

.login-form p a{
    color: #F3F3F3;
    text-decoration: underline;
}

.login-form .btn-primary{
    text-transform: uppercase;
}

.clear-page{
    padding: 150px 0px 120px;
    color: #fff;
}

.clear-page a{
    color: #fff;
}

.profile-header{
    margin: 0 0 40px;
    padding: 0 0 25px;
    border-bottom: 1px solid #565656;
}

.profile-header h1{
    font-family: 'Univers LT';
    margin: 0;
    font-size: 50px;
    font-weight: 900;
    text-transform: uppercase;
}

.profile-header h1 strong{
    font-size: 16px;
}

.profile-header .go-to-platform{
    font-family: 'Univers LT';
    padding: 0 40px 0 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.profile-header .go-to-platform:after{
    content: '\f061';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 600;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: rotate(-45deg) translateY(-72%);
    -moz-transform: rotate(-45deg) translateY(-72%);
    transform: rotate(-45deg) translateY(-72%);
}

.profile-header .go-to-platform:hover{
    color: #2404F2;
}

.how-can-we-help{}

.how-can-we-help > header{
    margin: 0 0 30px;
    border-bottom: 2px solid #565656;
}

.how-can-we-help > header h1{
    font-family: 'Univers LT';
    font-size: 40px;
    color: #fff;
    font-weight: 900;
}

.how-can-we-help .breadcrumb{
    background: none;
    margin: 0 0 20px;
    padding: 0;
    display: block;
}

.how-can-we-help .breadcrumb li{
    font-size: 16px;
    color: #F3F3F3;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}

.how-can-we-help .breadcrumb li + li{
    padding: 0 0 0 10px;
}

.how-can-we-help .breadcrumb li + li:before{
    content: '>';
    margin: -2px 0 0;
    padding: 0 5px 0 0;
    font-size: 16px;
    color: #F3F3F3;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}

.how-can-we-help .breadcrumb li a{
    font-size: 16px;
    color: #F3F3F3;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}

.how-can-we-help .text{}

.how-can-we-help .text header{
    margin: 0 0 20px;
}

.how-can-we-help .text header h2{
    font-family: 'Archivo';
    margin: 0;
    font-size: 20px;
    font-weight: 500;
}

.how-can-we-help .text a{
    text-decoration: underline;
}

.subcat-list{}

.subcat-list li{
    display: inline-block;
    vertical-align: middle;
}

.subcat-list li a{
    background: #282828;
    padding: 10px 20px;
    font-size: 16px;
    color: #F3F3F3;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}

.subcat-list li a:hover{
    background: #FF4305;
    color: #121212;

}

.subcat-list-2{}

.subcat-list-2 li{
    margin: 0 0 10px;
}

.subcat-list-2 li a{
    padding: 10px 20px;
    font-size: 16px;
    color: #F3F3F3;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}

.subcat-list-2 li a:hover,
.subcat-list-2 li.active a{
    background: #FF4305;
    color: #121212;

}

.subcat-list-3{
}

.subcat-list-3 li{
    margin: 0 0 10px;
}

.subcat-list-3 li a{
    padding: 10px 20px;
    font-size: 16px;
    color: #F3F3F3;
    font-weight: 500;
    border: 1px solid transparent;
    display: inline-block;
    vertical-align: middle;
}

.subcat-list-3 li a:hover,
.subcat-list-3 li a.active{
    border-color: #2404F2;

}

#loader{
    background: #121212;
    padding: 15px;
    display: flex;
    align-items: center;
    text-align: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#loader .text{
    width: 100%;
}

#loader .text p{
    font-family: 'Univers LT';
    margin: 0;
    font-size: 40px;
    color: #FF4305;
    font-weight: 900;
}

#loader .text p strong{
    font-weight: 900;
    display: inline-block;
    vertical-align: middle;
}

#loader .text p span{
    padding: 8px 0;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#loader .text p span.appear{
    opacity: 1;
}

.video-offset-bottom{
    padding-bottom: 160px;
}

.video-offset-top{}

.video-offset-top .video-box{
    margin: -130px 0 60px;
}

.about-us-slider{}

.about-us-slider .slider-entry{}

.about-us-slider .slider-entry h5{
    margin: 0 0 10px;
    font-size: 16px;
    color: #FF4305;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0.5;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.about-us-slider .slider-entry.active h5{
    opacity: 1;
}

.about-us-slider .slider-entry p{
    max-width: 500px;
    height: 0;
    font-size: 16px;
    color: #FF4305;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.about-us-slider .slider-entry.active p{
    height: auto;
    opacity: 1;
    visibility: visible;
}

.file-list{
    padding: 18px 0;
}

.file-list li{
    padding: 18px 0;
}

.file-list li h3{
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
}

.file-list li h3 a{
    color: #000000 !important;
    text-decoration: none !important;
}

.file-list li .download-link{
    background-image: url('../images/download.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 20px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}

.modal{}

.modal .modal-dialog{
    max-width: 708px;
}

.modal .modal-dialog.size-sm{
    max-width: 360px;
}

.modal .modal-dialog.small-modal{
    max-width: 468px;
}

.modal .modal-dialog.medium-modal{
    max-width: 520px;
}

.modal .modal-dialog.modal-xl{
    max-width: 1140px;
}

.modal .modal-team{
    max-width: 90%;
    height: calc(90vh);
    min-height: 90vh;
    /* margin: 0; */
    overflow-x: auto;
}

.modal .modal-dialog .modal-content{
    background-color: #121212;
    color: #828282;
    position: relative;
}

.modal .modal-team .modal-content{
    background: #fff;
    height: 100%;
}

.modal .modal-dialog .modal-content .modal-header{
    padding: 40px 60px 20px;
    border: none;
}

.modal .modal-dialog .modal-content .modal-header .modal-title{
    font-size: 16px;
    color: #FF4305;
    text-transform: uppercase;
}

.modal .modal-dialog .modal-content .modal-header .close{
    color: #FF4305;
    text-shadow: none;
}

.modal .modal-team .modal-content .modal-header .close{
    font-size: 40px;
}

.modal .modal-dialog .modal-content .modal-body{
    padding: 0 60px 20px;
}

.modal .modal-dialog .modal-content .modal-body #newsletter-form-container-modal,
.modal .modal-dialog .modal-content .modal-body .form-search{
    position: relative;
}

.modal .modal-dialog .modal-content .modal-body #newsletter-form-container-modal .input-group{
    display: block;
    text-align: center;
}

.modal .modal-dialog .modal-content .modal-body #newsletter-form-container-modal input,
.modal .modal-dialog .modal-content .modal-body .form-search input{
    background: transparent;
    margin: 0 0 20px;
    padding: 0 20px;
    height: 47px;
    font-size: 16px;
    color: #555;
    font-weight: 500;
    border: 1px solid #555;
}

.modal .modal-dialog .modal-content .modal-body #newsletter-form-container-modal input:focus,
.modal .modal-dialog .modal-content .modal-body #newsletter-form-container-modal input:active,
.modal .modal-dialog .modal-content .modal-body #newsletter-form-container-modal input:autofill,
.modal .modal-dialog .modal-content .modal-body .form-search input:focus,
.modal .modal-dialog .modal-content .modal-body .form-search input:active,
.modal .modal-dialog .modal-content .modal-body .form-search input:autofill{
    background: transparent;
    color: #555;
    border: 1px solid #555;
}

.modal .modal-dialog .modal-content .modal-body .form-search textarea{
    background: transparent;
    margin: 0 0 20px;
    padding: 15px 20px;
    font-size: 16px;
    color: #555;
    font-weight: 500;
    border: 1px solid #555;
    resize: none;
}

.modal .text ul li:before{
    background: #828282;
}

.modal .modal-dialog .modal-content .modal-body a{
    color: #fff;
    text-decoration: underline;
}

.modal .modal-dialog .modal-content .modal-footer{
    padding: 20px 60px 40px;
    border: none;
    display: block;
    text-align: center;
}

.modal .modal-dialog .modal-content .modal-footer button:not(.btn){
    background: transparent;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #F3F3F3;
    text-decoration: underline;
    border: none;
}

.modal .modal-dialog .modal-content .modal-footer .btn{
    padding-left: 20px;
    padding-right: 20px;
}

.modal .modal-dialog .modal-content .modal-footer .btn-outline-primary{
    color: #F3F3F3;
    border-color: #555;
}

#newsletter-form-container-modal.form-state-success .form-msg{
    font-family: 'Univers LT';
    background: none;
    padding: 0;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    border: none;
}

#newsletter-form-container-modal.form-state-error .form-msg{
    font-family: 'Univers LT';
    background: none;
    padding: 0;
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    border: none;
}

#newsletter-form-nuro-container{
    max-width: 350px;
    margin: 0 auto;
}

#newsletter-form-nuro-container input{
    background: none;
    height: 47px;
    padding: 0 20px;
    color: #a5a5a5;
    border-color: #a5a5a5;
    border-radius: 5px;
}

#cancel-form-container{
    position: relative;
}

#cancel-form-container textarea{
    background: none;
    border-color: #595959;
    resize: none;
}

#cancel-form-container  button.btn-primary{
    margin: 60px 0 0;
    position: absolute;
    top: 100%;
    left: 0;
}

#cancel-subscription-modal .offset-submit{
    margin-left: 80px;
}

.rating-vote{}

.rating-vote li{
    display: inline-block;
    vertical-align: middle;
}

.blockquote{
    max-width: 520px;
    margin: 130px auto;
    text-align: center;
}

.blockquote blockquote{
    font-family: 'Univers LT';
    font-weight: 900;
}

.blockquote p{
    font-size: 16px;
    color: #b0b0b0;
}

.order-success{
    background: #ececec;
    max-width: 780px;
    margin: 0 auto;
    padding: 60px 40px 40px;
    text-align: center;
}

.order-success header{
    margin: 0 0 40px;
}

.order-success header h5{
    font-family: 'Univers LT';
    margin: 0;
    font-size: 30px;
    color: #000;
    font-weight: 900;
    text-transform: uppercase;
}

.order-success header p{}

.order-success .text{
    color: #8A8A8A;
}

.counter-box{}

.counter-box header{
    margin: 0 0 40px;
}

.counter-box header h5{
    margin: 0 0 20px;
    font-size: 50px;
    font-weight: 100;
    text-transform: uppercase;
}

.counter-box header h5 strong{
    font-weight: 900;
}

.counter-box header h5 span{
    color: #FF4305;
}

.counter-box header p{
    color: #000;
}

.counter-box header p a:not(.btn){
    color: #000;
}

#counter{}

#counter > span{
    font-family: 'Univers LT';
    margin: 0 5px 20px;
    font-size: 125px;
    color: #FF4305;
    font-weight: 100;
    line-height: 100px;
    display: inline-block;
    vertical-align: middle;
}

#counter > span > span{
    font-size: 50px;
    color: #000;
    line-height: 50px;
    letter-spacing: 3px;
    display: block;
}

#counter > span > span em{
    font-style: normal;
    padding-left: 1px;
}

#form-signup .custom-checkbox label{
    color: #000 !important;
}

#form-signup .custom-checkbox label:before{
    border-color: #000;
}

.fig-box{}

.fig-box a{
    display: block;
    line-height: 0;
    position: relative;
}

.fig-box a:before{
    content: '';
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.fig-box a:hover:before{
    opacity: 1;
    visibility: visible;
}

.fig-box a:after{
    content: '\f002';
    font-family: 'Font Awesome 5 Pro';
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    display: inline-block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.fig-box a:hover:after{
    opacity: 1;
    visibility: visible;
}

.blog-header{}

.blog-header p{
    font-family: 'Univers LT';
    margin: 0 0 30px;
    font-size: 16px;
    color: #121212;
    font-weight: 700;
    text-transform: uppercase;
}

.blog-header h2{
    font-family: 'Univers LT';
    margin: 0;
    font-size: 40px;
    color: #FF4305;
    font-weight: 700;
    text-transform: uppercase;
}

.blog-list{}

.blog-list article{
    padding: 20px 0;
    border-top: 1px solid #D9D9D9;
}

.blog-list article h3{
    font-family: 'Univers LT';
    margin: 0;
    font-size: 20px;
    color: #121212;
    font-weight: 700;
    text-transform: uppercase;
}

.blog-list article h3 a{
    color: #121212;
    text-decoration: none !important;
}

.blog-list article h3 a:hover{
    color: #FF4305 !important;
}

.blog-list article time{
    font-size: 14px;
    color: #000000;
}

.blog-list .coming-soon{
    font-family: 'Univers LT';
    margin: 0;
    padding: 20px 0;
    font-size: 20px;
    color: #121212;
    font-weight: 700;
    text-transform: uppercase;
    border-top: 1px solid #D9D9D9;
    /* border-bottom: 1px solid #D9D9D9; */
    text-align: right;
}

.blog-list-cat-header{
    margin: 0 0 70px;
}

.blog-list-cat-header p{
    font-family: 'Univers LT';
    margin: 0 0 30px;
    font-size: 20px;
    color: #121212;
    font-weight: 700;
    text-transform: uppercase;
}

.blog-list-cat-header h1{
    font-family: 'Univers LT';
    margin: 0;
    font-size: 50px;
    color: #FF4305;
    font-weight: 700;
    text-transform: uppercase;
}

.blog-list-cat{}

.blog-list-cat article{}

.blog-list-cat article figure{
    margin: 0 0 15px;
}

.blog-list-cat article figure a{
    display: block;
}

.blog-list-cat article figure a img{
    width: 100%;
}

.blog-list-cat article .text{}

.blog-list-cat article .text time{
    margin: 0 0 15px;
    font-size: 12px;
    color: #000000;
    display: block;
}

.blog-list-cat article .text h3{
    font-family: 'Univers LT';
    margin: 0;
    font-size: 20px;
    color: #121212;
    font-weight: 700;
    text-transform: uppercase;
}

.blog-list-cat article .text h3 a{
    color: #121212;
    text-decoration: none !important;
}

.blog-list-cat article .text h3 a:hover{
    color: #FF4305 !important;
}

#article-page{}

#article-page header{
    max-width: 680px;
    margin: 0 auto 50px;
    text-align: center;
}

#article-page header h1{
    font-family: 'Univers LT';
    margin: 16px 0 0;
    font-size: 30px;
    color: #121212;
    font-weight: 700;
    text-transform: uppercase;
}

#article-page header time{
    font-size: 16px;
    color: #000;
    display: inline-block;
    vertical-align: middle;
}

#article-page header .breadcrumb{
    background: none;
    margin: 0 0 0 4px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

#article-page header .breadcrumb li{
    padding: 0;
    display: none;
}

#article-page header .breadcrumb li:before{
    display: none;
}

#article-page header .breadcrumb li:nth-child(2){
    display: block;
}

#article-page header .breadcrumb li:nth-child(2):before{
    content: '';
    background: #2404F2;
    width: 4px;
    height: 4px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
}

#article-page header .breadcrumb li a{
    font-size: 16px;
    color: #2404F2;
    text-decoration: none;
}

#article-page header .go-back{
    margin: 15px 0 0;
    text-decoration: none;
}

#article-page header blockquote{
    font-size: 20px;
    color: #FF4305;
    font-weight: 700;
}

#article-page .text{
    max-width: 680px;
    margin: 0 auto;
}

#article-page .text h2,
#article-page .text h3,
#article-page .text h4,
#article-page .text h5,
#article-page .text h6{
    color: #FF4305;
}

#article-page .text blockquote,
#article-page .text blockquote p{
    font-family: 'Univers LT';
    font-size: 20px;
    color: #FF4305;
    font-weight: 700;
}

.order-box-list{}

.order-box-list .card{
    margin: 0 0 30px;
    border-bottom: none !important;
}

.order-box-list .card .card-header{
    background: #222;
    padding: 28px 28px;
}

.order-box-list .card .card-header > div button,
.order-box-list .card .card-header > div a.btn{
    font-size: 14px;
    color: #fff;
}

.order-box-list .card .card-header > div button:hover,
.order-box-list .card .card-header > div a.btn:hover{
    color: #FF4305;
}

.order-box-list .card .card-header > div button:after,
.order-box-list .card .card-header > div a.btn:after{
    color: #fff !important;
}

.order-box-list .card .card-header > div button:hover:after,
.order-box-list .card .card-header > div a.btn:hover:after{
    color: #FF4305 !important;
}

.order-box-list .card .card-header > div button strong,
.order-box-list .card .card-header > div a.btn strong{
    font-family: 'Univers LT';
    font-size: 22px;
    font-weight: 700;
}

.order-box-list .card .card-header > div button em,
.order-box-list .card .card-header > div a.btn em{
    background: #2404F2;
    padding: 3px 6px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-style: normal;
    text-transform: uppercase;
    display: block;
}

.order-box-list .card .card-header .collapsed + .shipment-info{
    padding: 6px 0 0;
    display: none;
}

.order-box-list .card .card-header .shipment-info p{
    margin: 3px 0 0;
    color: #909090;
}

.order-box-list .card .card-body{
    background: #2a2a2a;
    padding: 0;
}

.order-box-list .card .card-body table{
    font-size: 16px;
}

.order-box-list .card .card-body table thead{}

.order-box-list .card .card-body table thead tr{}

.order-box-list .card .card-body table thead tr th{
    font-family: 'Univers LT';
    padding: 20px 28px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #3f3f3f;
}

.order-box-list .card .card-body table tbody{}

.order-box-list .card .card-body table tbody tr{}

.order-box-list .card .card-body table tbody tr td{
    padding: 20px 28px;
    border-bottom: 1px solid #3f3f3f;
}

.order-box-list .card .card-body table tbody tr td p{
    margin: 0;
}

.order-box-list .card .card-body table tbody tr td p span{
    font-size: 13px;
    display: block;
}

.order-box-list .card .card-body table tfoot{}

.order-box-list .card .card-body table tfoot tr{}

.order-box-list .card .card-body table tfoot tr td{
    background: #222;
    padding: 20px 28px;
    font-weight: 700;
    text-transform: uppercase;
}

.profile-title{
    margin: 0 0 20px;
}

.profile-title h3{
    font-family: 'Archivo';
    margin: 0;
    font-size: 16px;
    color: #F3F3F3;
    text-transform: uppercase;
}

.subscription-details-list{}

.subscription-details-list .subscription-entry{
    background: #FF4305;
    margin: 0 0 80px;
    color: #000;
    position: relative;
}

.subscription-details-list .subscription-entry.grey{
    background: #2A2A2A;
    color: #F3F3F3;
}

.subscription-details-list .subscription-entry:after{
    content: '';
    margin: 40px 0 0;
    background: #F3F3F3;
    height: 1px;
    opacity: 0.3;
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
}

.subscription-details-list .subscription-entry:last-child:after{
    display: none;
}

.subscription-details-list .subscription-entry header{
    background: rgba(0, 0, 0, 0.2);
    padding: 30px 40px;
}

.subscription-details-list .subscription-entry header h4{
    font-family: 'Archivo';
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.subscription-details-list .subscription-entry header h4 span{
    font-weight: 400;
    text-transform: none;
    display: block;
}

.subscription-details-list .subscription-entry .text{
    padding: 20px 40px;
}

.subscription-details-list .subscription-entry .text h5{
    font-family: 'Archivo';
    font-size: 16px;
}

.subscription-details-list .subscription-entry .text p{
    margin: 0 0 8px;
    line-height: 20px;
    font-weight: 500;
}

.subscription-details-list .subscription-entry .custom-checkbox label{
    color: #000 !important;
}

.subscription-details-list .subscription-entry.grey .custom-checkbox label{
    color: #fff !important;
}

.subscription-details-list .subscription-entry .custom-checkbox label:before{
    border-color: #000 !important;
}

.subscription-details-list .subscription-entry.grey .custom-checkbox label:before{
    border-color: #fff !important;
}

.subscription-details-list .subscription-entry .text .action-btns a{
    font-size: 16px;
    color: #000;
    font-weight: 500;
    text-decoration: underline;
}

.subscription-details-list .subscription-entry.grey .text .action-btns a{
    color: #F3F3F3;
}

.license-edit-list-scroll{
    max-height: 200px;
    overflow-y: auto;
}

.pagination{
    display: block;
}

.pagination li{
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}

.pagination li .page-link{
    width: 30px;
    height: 30px;
    padding: 0;
    color: #FF4305;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    border-radius: 100%;
    display: block;
}

.pagination li .page-link:hover,
.pagination li.page-item.active .page-link{
    background: #FF4305;
    color: #fff;
    border-color: #FF4305;
}

.testimonial-list{}

.testimonial-list .testimonial-entry{
    background: #ececec;
    padding: 55px 50px 20px 20px;
}

.testimonial-list .testimonial-entry h3{
    font-size: 20px;
    color: #000;
    font-weight: 600;
}

.testimonial-list .testimonial-entry h4{
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.testimonial-list .testimonial-entry p{
    font-size: 18px;
    color: #000;
}

.testimonial-list .testimonial-entry p a.read-more{
    margin: 5px 0 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #2404F2;
    text-decoration: none;
}

.testimonial-list .testimonial-entry p a.read-more:hover{
    color: #000;
}

.testimonial-list .testimonial-entry > div > strong{
    display: inline-block;
    vertical-align: middle;
}

.testimonial-list .testimonial-entry > div ul{
    display: inline-block;
    vertical-align: middle;
}

.testimonial-list .testimonial-entry > div ul li{
    display: inline-block;
    vertical-align: middle;
}

.testimonial-list .testimonial-entry > div ul li i{
    color: #FF4305;
}

.testimonial-list .testimonial-entry .fa-check{
    color: #2404F2;
}

.testimonial-list .testimonial-entry .fa-times{
    color: #FF4305;
}

.testimonial-slider .slick-list{
    overflow: visible !important;
}

.testimonial-slider .testimonial-entry{
    margin: 0 5px;
}

.testimonial-slider .slick-prev{
    display: none !important;
}

.testimonial-slider .slick-next{
    background: #2404F2;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: -50px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-ransform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}

.testimonial-slider .slick-next:hover{
    background: #000
}

.testimonial-slider .slick-next:after{
    content: '\f061';
    font-family: 'Font Awesome 5 Pro';
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    text-indent: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.testimonial-slider-single .slick-prev{
    display: none !important;
}

.testimonial-slider-single .slick-next{
    background: none;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: -50px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-ransform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}

.testimonial-slider-single .slick-next:hover{
    background: #2404F2
}

.testimonial-slider-single .slick-next:after{
    content: '\f061';
    font-family: 'Font Awesome 5 Pro';
    font-size: 20px;
    color: #2404F2;
    font-weight: 400;
    text-align: center;
    display: inline-block;
    text-indent: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.testimonial-slider-single .slick-next:hover:after{
    color: #fff;
}

.section .partners-list{}

.section .partners-list article{}

.section .partners-list article .text{
    margin: 0 0 18px;
}

.section .partners-list article .text h3{
    margin: 0;
    font-size: 40px;
    color: #FF4305;
}

.section .partners-list article .text h3 a{
    color: #FF4305;
    text-decoration: none;
}

.section .partners-list article .text h3 a:hover{
    color: #000;
}

.section .partners-list article .text h3 strong{
    font-family: 'Archivo';
    font-size: 16px;
    color: #000;
    font-weight: 500;
    display: block;
}

.section .partners-list article figure{
    margin: 0 0 18px;
}

.section .partners-list article figure a{
    display: block;
    overflow: hidden;
}

.section .partners-list article figure a img{
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.section .partners-list article figure a:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.section .partners-list article > a{
    color: #2404F2 !important;
    text-decoration: none;
}

.section .partners-list article > a:hover{
    color: #FF4305 !important;
}

.section .partners-list-organisations{}

.section .partners-list-organisations .entry{
    padding: 30px 0;
}

.section .partners-list-organisations .entry h3{
    margin: 0 0 40px;
    font-size: 16px;
}

.section .partners-list-organisations .entry figure a img{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.section .partners-list-organisations .entry figure a:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.section .partners-list-organisations .entry .text{
    font-size: 16px;
    color: #7a7a7a;
}

.section .partners-list-organisations .entry .text > a{
    color: #2404F2;
    text-decoration: none;
}

.section .partners-list-organisations .entry .text > a:hover{
    color: #FF4305;
}

.section .partners-list-clubs .entry h3{
    margin: 0 0 40px;
    font-size: 16px;
}

.section .partners-list-clubs .entry figure{
    width: 100%;
    margin: 0 0 30px;
    display: table;
}

.section .partners-list-clubs .entry figure a{
    display: table-cell;
    vertical-align: middle;
}

.section .partners-list-clubs .entry figure a img{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.section .partners-list-clubs .entry figure a:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.section .partners-list-clubs .entry .text > a{
    color: #2404F2;
    text-decoration: none;
}

.section .partners-list-clubs .entry .text > a:hover{
    color: #FF4305;
}

.achievements-content{}

.achievements-content table{
    border: none;
}

.achievements-content table tr{}

.achievements-content table tr td{
    font-family: 'Archivo';
    padding: 15px 0;
    font-size: 15px;
    border: none;
    border-bottom: 1px solid #565656;
}

.achievements-content table tr td strong{
    font-family: 'Univers LT';
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.achievements-content > table > tbody > tr > td > table{
    /* border-top: 1px solid #565656; */
}

.achievements-content > table > tbody > tr > td > table > tbody > tr:first-child > td{
    padding-top: 0;
}

.achievements-content > table > tbody > tr > td > table > tbody > tr:last-child > td{
    padding-bottom: 0;
    border-bottom: none;
}

.achievements-content > table > tbody > tr > td > table > tbody > tr > td > table{
    border-top: none;
}

.achievements-content > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:first-child > td{
    padding-top: 0;
}

.achievements-content > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:first-child{
    /* padding-left: 30px; */
}

.achievements-content > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr:last-child > td{
    padding-bottom: 0;
    border-bottom: none;
}

.orange-headings h1,
.orange-headings h2,
.orange-headings h3,
.orange-headings h4,
.orange-headings h5,
.orange-headings h6{
    color: #FF4305;
}

.orange-headings h2{
    font-size: 40px;
}

.orange-headings h3{
    font-size: 36px;
}

.orange-headings h4{
    font-size: 32px;
}

.orange-headings h5{
    font-size: 26px;
}

.product-opt-slider{
    position: relative;
}

.product-opt-slider .product-opt{
    position: relative;
}

.product-opt-slider .product-opt figure{
    margin: 0;
    border-radius: 20px;
    overflow: hidden;
}

.product-opt-slider .product-opt .text{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 40px;
    left: 20px;
    z-index: 1;
}

.product-opt-slider .product-opt .text h5{
    font-size: 30px;
    color: #fff;
}

.product-opt-slider .slick-dots{
    text-align: center;
    position: absolute;
    bottom: 10px;
    right: 20px;
    left: 20px;
    z-index: 1;
}

.product-opt-slider .slick-dots li{
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}

.product-opt-slider .slick-dots li button{
    background: #8F8F8F;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 0;
    text-indent: -9999px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.product-opt-slider .slick-dots li button:hover,
.product-opt-slider .slick-dots li.slick-active button{
    background: #FF4305;
}

.app-preview-dots{
    max-width: 318px;
    margin: 0 auto;
    position: relative;
}

.app-preview-dots:after{
    content: '';
    background-image: url('../images/phone-cover.png');
    background-position: center center;
    background-size: 100% 100%;
    position: absolute;
    top: -2px;
    right: -21px;
    bottom: -2px;
    left: -21px;
    z-index: 1;
}

.app-preview-dots .app-preview-entry{
    background: #121212;
    padding: 0 8px;
    border-radius: 40px;
    overflow: hidden;
}

.app-preview-dots .app-preview-entry img{
    border-radius: 40px;
    overflow: hidden;
}

.app-preview-dots .slick-dots{
    text-align: center;
    position: absolute;
    bottom: -50px;
    right: 0;
    left: 0;
    z-index: 1;
}

.app-preview-dots .slick-dots li{
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
}

.app-preview-dots .slick-dots li button{
    background: #8F8F8F;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 0;
    text-indent: -9999px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.app-preview-dots .slick-dots li button:hover,
.app-preview-dots .slick-dots li.slick-active button{
    background: #FF4305;
}

.round-check-box{
    display: table;
    table-layout: fixed;
}

.round-check-box > *{
    width: 1%;
    padding: 10px 60px;
    display: table-cell;
    vertical-align: middle;
}

.round-check-box > *:first-child i{
    border-radius: 10px 0 0 10px;
}

.round-check-box > *:last-child i{
    border-radius: 0 10px 10px 0;
}

.round-check-box > * p{
    font-size: 16px;
    color: #1E1E1E !important;
    font-weight: 700;
}

.action-btns{
    text-align: center;
}

.action-btns a,
.action-btns button{
    background: none;
    margin: 0 0 10px;
    padding: 0;
    border: none;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none !important;
}

.action-btns .order-and-continue{
    font-family: 'Archivo';
    padding: 5px 20px;
    font-size: 20px;
    color: #2006E8;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #2006E8;
    display: inline-block;
    vertical-align: middle;
}

.action-btns .order-and-continue:disabled{
    color: #b3b3b3;
    border-color: #b3b3b3;
}

.action-btns .order-and-continue strong{
    color: #2006E8;
    display: block;
}

.action-btns .order-and-continue:disabled strong{
    color: #b3b3b3;
}

.action-btns .order-and-continue span{
    font-size: 14px;
    color: #555555;
    display: block;
}

.action-btns .order-and-continue:disabled span{
    color: #b3b3b3;
}

.action-btns .go-to-membership{
    font-size: 16px;
    color: #b3b3b3;
}

#leave-a-review{
    overflow: hidden;
}

.video-integration-slider .slick-dots{
    text-align: center;
    position: absolute;
    bottom: 10px;
    right: 20px;
    left: 20px;
    z-index: 1;
}

.video-integration-slider .slick-dots li{
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
}

.video-integration-slider .slick-dots li button{
    background: #8F8F8F;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 0;
    text-indent: -9999px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.video-integration-slider .slick-dots li button:hover,
.video-integration-slider .slick-dots li.slick-active button{
    background: #FF4305;
}

/* Footer */

#footer{
    background: #F3F3F3;
    text-align: center;
    padding: 58px 10px;
}

#footer figure{
    margin: 0 0 38px;
}

#footer .text{
}

#footer .text h5{
    font-family: 'Univers LT';
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

#footer .text .btn-outline-primary{
    color: #000;
    /* border-color: #aaa0e7; */
}

#footer .text .btn-outline-primary:hover{
    color: #fff;
}

#footer .footer-box{}

#footer .text-lg-right .footer-box{
    margin: 0 auto;
    display: inline-block;
    text-align: left;
}

#footer .footer-box h5{
    font-family: 'Univers LT';
    margin: 0 0 20px;
    font-size: 12px;
    color: #AAAAAA;
    font-weight: 700;
    text-transform: uppercase;
}

#footer .text p{
    font-size: 12px;
}

#footer .footer-box nav{}

#footer .footer-box nav ul{}

#footer .footer-box nav ul li{
    margin: 0 0 20px;
}

#footer .footer-box nav ul li a{
    padding: 0;
    font-size: 14px;
    color: #000;
}

#footer .footer-bottom{
    /* margin: 50px 0 0; */
}

#footer .footer-nav ul{}

#footer .footer-nav ul li{
    display: inline-block;
    vertical-align: middle;
}

/* #footer .footer-nav ul li:after{
    content: '';
    background: #7A7A7A;
    width: 2px;
    height: 2px;
    display: inline-block;
    vertical-align: middle;
}

#footer .footer-nav ul li:last-child:after{
    display: none;
} */

#footer .footer-nav ul li a{
    padding: 5px 10px;
    font-size: 14px;
    color: #7A7A7A;
    display: inline-block;
    vertical-align: middle;
}

#footer .footer-nav ul li:first-child a{
    padding-left: 0
}

#footer .footer-bottom p{
    margin: 0;
    font-size: 14px;
    color: #7A7A7A;
    display: inline-block;
    vertical-align: middle;
}

#cookie-consent{
    background: #121212;
    padding: 80px 28px;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    position: fixed;
    right: 0;
    top: 50%;
    left: 0;
    z-index: 99;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#cookie-consent + .cookie-overlay{
    content: '';
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 98;
}

#cookie-consent p{
    font-size: 16px;
}

#cookie-consent .btn-outline-primary{
    color: #fff;
    border-color: #555;
}

/* Media Queries */

@media all and (min-width: 768px){
    #article-page header h1{
        font-size: 50px;
    }

    #article-page header .go-back{
        margin: 0;
        position: absolute;
        top: 0;
        left: 15px;
    }

    .cart header h1{
        font-size: 50px;
    }

    .testimonial-slider .testimonial-entry{
        margin: 0 20px;
    }

    .testimonial-slider .slick-next{
        left: 100%;
        right: auto;
    }

    .achievements-content > table > tbody > tr > td > table > tbody > tr > td:first-child strong{
        padding-left: 30px;
    }

    .achievements-content > table > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td:first-child{
        padding-left: 60px;
    }

    .product-opt-slider .product-opt .text h5{
        font-size: 40px;
    }

    .prod-form fieldset{
        margin: 0 0 40px;
    }

    .prod-form fieldset h3{
        font-size: 50px;
    }

    .prod-form fieldset h4{
        font-size: 20px;
    }

    .text-check.round-check{
        padding: 12px 20px;
        font-size: 20px;
    }

    .round-check-box{
        table-layout: auto;
    }

    .round-check-box > *{
        width: inherit;
    }

    .round-check-box > * p{
        font-size: 20px;
    }

    .option-size-strap-holder{
        margin: 0 30px 10px 0;
    }

    .action-btns{
        text-align: left;
    }

    .product-opt-slider .slick-dots{
        bottom: 20px;
    }

    .product-opt-slider .slick-dots li button{
        width: 20px;
        height: 20px;
    }

    .app-preview-dots .slick-dots li button{
        width: 20px;
        height: 20px;
    }
}

@media all and (min-width: 992px){

    #navigation > button{
        display: none;
    }

    #navigation .mobile-menu{
        display: none;
    }

    #header.stick .stick-text{
        display: block !important;
    }

    .red-box .title:before{
        top: 10px;
    }

    .red-box .title:after{
        top: 23px;
    }

    .section.image-holder{
        background-position: center center;
    }

    .section.hand-has-before:before{
        margin: -130px 0 0;
        left: 20%;
    }

    #cookie-consent{
        width: 100%;
        max-width: 802px;
        margin: 0 20px;
        padding: 16px 28px;
        right: auto;
        left: 50%;
        z-index: 99;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    #cookie-consent p{
        font-size: 12px;
    }

    #newsletter-modal.modal .modal-dialog{
        padding: 0 0 0 176px;
    }

    #newsletter-modal.modal .modal-dialog .modal-content:before{
        content: '';
        background-image: url('../images/newsletter-pop-bgr.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 176px;
        position: absolute;
        top: 0;
        right: 100%;
        bottom: 0;
    }

    .modal .modal-dialog .modal-content .modal-body #newsletter-form-container-modal .input-group{
        text-align: left;
    }

    .modal .modal-dialog .modal-content .modal-body #newsletter-form-container-modal input,
    .modal .modal-dialog .modal-content .modal-body .form-search input{
        margin: 0;
    }

    .modal .modal-dialog .modal-content .modal-body #newsletter-form-container-modal button{
        margin: 40px 0 0;
        padding: 4px 10px;
        position: absolute;
        top: 100%;
        right: 0;
    }

    .modal .modal-dialog .modal-content .modal-footer{
        text-align: left;
    }

    #newsletter-pr-modal.modal .modal-dialog{
        padding: 0 0 0 176px;
    }

    #newsletter-pr-modal.modal .modal-dialog .modal-content:before{
        content: '';
        background-image: url('../images/newsletter-pop-bgr.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 176px;
        position: absolute;
        top: 0;
        right: 100%;
        bottom: 0;
    }

    #newsletter-pr-modal-form.modal .modal-dialog{
        padding: 0 0 0 176px;
    }

    #newsletter-pr-modal-form.modal .modal-dialog .modal-content:before{
        content: '';
        background-image: url('../images/newsletter-pop-bgr.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 176px;
        position: absolute;
        top: 0;
        right: 100%;
        bottom: 0;
    }

    .order-success header h5{
        font-size: 50px;
    }

    .team-list-2{
        margin: 110px 0;
    }

    #counter > span{
        margin: 0 33px 20px;
        font-size: 250px;
        line-height: 200px;
    }

    #counter > span > span{
        font-size: 100px;
        line-height: 100px;
    }

    .cart-list thead{
        display: table-header-group;
    }

    .cart-list tr{
        padding: 0;
        display: table-row;
    }

    .cart-list tr:nth-child(2n){
        background: none;
    }

    .cart-list tr td{
        padding: 20px 10px 30px 0;
        display: table-cell;
    }

    .subscription-packages .subscription-entry header{
        text-align: left;
    }

    .app-info{
        padding: 60px 75px;
    }

    .app-info header{
        margin: 0;
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
    }

    .download-box{
        text-align: left;
        right: auto;
        bottom: 0;
    }

    .download-box a{
        margin: -3px 20px 0 0;
    }

    .download-box a img{
        max-height: 60px;
    }

    .clear-page{
        padding: 150px 75px 120px;
    }

    .instructions-for-use a.fixed-btn{
        position: absolute;
        bottom: 0;
        left: 15px;
    }

}

@media all and (min-width: 1200px){

    #header{
        padding: 0 75px;
    }

    .slider-box .home-slider-text-box{
        right: 90px;
        left: 90px;
    }

    .slider-box .home-slider-text .slider-entry .text h2{
        font-size: 60px;
    }

    .slider-box .home-slider-text .slider-entry .text .hidden-text{
        max-width: 50%;
    }

    .slider-box .home-slider-text .slider-entry .text .hidden-text > div{
        position: absolute;
        top: 20px;
        left: 0;
    }

    .slider-box .home-slider-text .slider-entry:nth-child(1) .text .hidden-text > div{
        left: 420px;
    }

    .slider-box .home-slider-text .slider-entry:nth-child(2) .text .hidden-text > div{
        left: 320px;
    }

    .slider-box .home-slider-text .slider-entry:nth-child(3) .text .hidden-text > div{
        left: 580px;
    }

    .slider-box .home-slider-text .slider-entry:nth-child(6) .text .hidden-text > div{
        left: 340px;
    }

    .home-slider .slick-dots{
        right: 50px;
    }

    .section{
        padding: 104px 75px;
    }

    .section.section-sm{
        padding: 50px 75px;
    }

    .section.hands-slider{
        padding: 378px 75px 95px;
    }

    .red-box .title h3{
        max-width: 80%;
        font-size: 51px;
    }

    .video-offset-bottom{
        padding-bottom: 334px;
    }

    .video-offset-top .video-box{
        margin: -340px 0 107px;
    }

    .video-box{
        padding: 0 0 42.5%;
    }

    .black-box .title h4{
        font-size: 90px;
    }

    .light-box .title h4{
        font-size: 90px;
        line-height: 80px;
    }

    .vertical-carousel .vertical-entry h5{
        font-size: 70px;
    }

    .counter-box header h5{
        font-size: 80px;
    }

    #subscribe-box{
        padding: 40px 75px;
    }

    #subscribe-box .input-group input{
        font-size: 40px;
    }

    #subscribe-box .input-group label{
        font-size: 40px;
        text-align: left;
    }

    #subscribe-box button{
        margin: 0;
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        transform: translateX(0%);
    }

    .page-title-promo{
        font-size: 60px;
    }

    #product-intro h1{
        font-size: 60px;
    }

    #product-intro .product-text{
        padding: 16px 75px;
    }

    .team-list .team-entry .text{
        left: -66%;
    }

    .text-row{
        margin: 0 0 80px;
    }

    .nav-tabs li.nav-item a span{
        display: block;
    }

    .nav-tabs li.nav-item a span strong{
        text-transform: lowercase;
    }

    #single-page header h1{
        max-width: 60%;
        font-size: 50px;
    }

    .hands-slider .title h3{
        font-size: 50px;
    }

    /* .hands-slider .title h4{
        font-size: 26px;
    } */

    #footer{
        padding: 58px 75px;
        text-align: left;
    }

    #footer .footer-nav{
        margin: 0 10px 0 0;
        display: inline-block;
        vertical-align: middle;
    }
}

@media all and (min-width: 1400px){

}