@font-face{
    font-family: 'open-sans-light';
    src: url(../webfonts/OpenSans-Light.ttf)
}

body
{
    font-family: 'Open Sans', sans-serif;
    overflow-x: hidden;
}
.home-back
{
    background: url('../img/cover-desk.jpg') top center no-repeat;
    background-size: cover;
    padding-left: 0px;
    padding-right: 0px;
}

.site-logo
{
    display: inline-block;
    margin-top: 15px;
    margin-left: 0px;
}

.site-logo img
{
    max-width: 120px;
    margin-left: 20px;
    margin-top: 10px;
}

.trial-btn,.trial-btn-copy
{
    float: right;
/*    background: linear-gradient(45deg,#2DBD9D 0%,#72DE93 100%);*/
    color: #fff;
    text-transform: uppercase;
    border: 0px;
    box-shadow: none;
    font-size: 22px;
    padding: 10px 40px;
    margin-top: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    background: none;
    border: 2px solid #fff;
    border-radius: 4px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-right: 30px;
}

.trial-btn:hover
{
    background: #fff;
    color: #009ec3;
}

.login-btn
{
    float: right;
/*    background: linear-gradient(45deg,#2DBD9D 0%,#72DE93 100%);*/
    color: #fff;
    text-transform: uppercase;
    border: 0px;
    box-shadow: none;
    font-size: 22px;
    padding: 10px 30px;
    margin-top: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    background: none;
    border-radius: 4px;
    border: 2px solid transparent;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.login-btn:hover
{
    border: 2px solid #fff;
}

.home-text
{
    padding-right: 50px;
    padding-top: 150px;
}

.home-text h1
{
    color: #fff;
    font-weight: 500;
    font-size: 60px;
    text-align: left;
    width: 90%;
    line-height: 66px;
}

.home-text h2 span
{
    font-weight: 500;
    font-size: 80px;
}

.homepage-subheader-h2 {
    line-height: 38px;
    font-size: 30px;
    margin-bottom: 45px;
}

.homepage-subheader-h2 span {
    font-weight: 500;
    font-size: 80px;
    color: #fff;
    line-height: 38px;
}

.home-text p
{
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    margin-top: 40px;
    line-height: 36px;
}

.home-text h5
{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-top: 40px;
    line-height: 26px;
    float: left;
}
.video-box {
    height: 23vw;
    margin-top: 120px;
}
.video-box img
{
    float: left;
    margin-top: 260px;
    max-width: 86%;
    -webkit-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.05);
    box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.05);
}

.test-free-btn
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    font-weight: 500;
    border: 0px;
    box-shadow: none;
    color: #fff;
    float: left;
    font-size: 28px;
    padding: 15px 40px;
    margin-top: 36px;
    border-radius: 3px;
}

.home-text .test-free-btn:hover
{
    -webkit-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.25);
}

.home-opt-btn
{
    margin-top: 120px;
    background: -webkit-linear-gradient(45deg,rgba(50,204,188,0.8) 0%,rgba(0,158,195,0.8) 100%);
    background: linear-gradient(45deg,rgba(50,204,188,0.8) 0%,rgba(0,158,195,0.8) 100%);
}

.home-opt-btn button
{
    background: none;
    border: 0px;
    font-size: 18px;
    color: #fff;
    width: 20%;
    float: left;
    display: block;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 70px;
    padding-bottom: 20px;
    position: relative;
    -webkit-transition: background 0.8s ease-out;
    transition: background 0.8s ease-out;
    height: 140px;
    outline: 0px;
}

.home-opt-btn button:hover
{
    background: rgba(0,0,0,0.3);
}

.home-opt-btn button.active
{
    background: #fff;
    color: #2a2927;
    height: 150px;
    margin-top: -10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-top: 80px;
}


.home-opt-btn button:nth-child(1):before
{
    content: url('../img/FMI.webp');
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    margin: auto;
}
.home-opt-btn button:nth-child(2):before
{
    content: '';
    background-image: url('/img/Family Health-Icon-Mobile-White.webp');
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    margin: auto;
    opacity: 0.5;
}
.home-opt-btn button:nth-child(3):before
{
    /*content: url('https://d19kl2he5a9hxw.cloudfront.net/design_images/s2.png');*/
    content: "";
    background-image: url(../img/spritesheet.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    background-position: -73px -121px;

    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    margin: auto;
}
.home-opt-btn button:nth-child(4):before
{
    /*content: url('https://d19kl2he5a9hxw.cloudfront.net/design_images/s3.png');*/
    content: "";
    background-image: url(../img/spritesheet.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    background-position: -141px -5px;

    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    margin: auto;
}
.home-opt-btn button:nth-child(5):before
{
    /*content: url('https://d19kl2he5a9hxw.cloudfront.net/design_images/s4.png');*/
    content: "";
    background-image: url(../img/spritesheet.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    background-position: -141px -65px;

    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    margin: auto;
}
.home-opt-btn button:nth-child(6):before
{
    content: url('/img/Motivation&StressManagement-White.webp');
    /* content: ""; */
    /* background-image: url(../img/spritesheet.png); */
    /* background-repeat: no-repeat; */
    width: 50px;
    height: 50px;
    /* background-position: -133px -125px; */

    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    margin: auto;
}

.home-opt-btn button:nth-child(1):hover:before
{
    content: url('../img/FMI-w.webp');
    top:15px;
}

.home-opt-btn button:nth-child(2):hover:before
{
    content: '';
    background-image: url('/img/Family Health-Icon-Mobile-White.webp');
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    margin: auto;
    opacity: 1;
}

.home-opt-btn button:nth-child(3):hover:before
{
    content: url('../img/s2-w.png');
}

.home-opt-btn button:nth-child(4):hover:before
{
    content: url('../img/s3-w.png');
}

.home-opt-btn button:nth-child(5):hover:before
{
    content: url('../img/s4-w.png');
}

.home-opt-btn button:nth-child(6):hover:before
{
    content: url('../img/Motivation&StressManagement-White.webp');
    top:15px;
}

.home-opt-btn button:nth-child(1).active:before
{
    content: url('../img/FMI-g.webp');
    top:26px;
}
.home-opt-btn button:nth-child(2).active:before
{
    content: '';
    background-image: url('/img/Family Health-Icon-Mobile-Blue.webp');
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    margin: auto;
    opacity: 0.5;
}

.home-opt-btn button img
{
    width: 100%;
}

.home-second-section h2
{
    color: #2a2927;
    font-size: 50px;
    padding-top: 80px;
    margin-top: 0px;
    font-weight: 400;
}

/* Second Section */
/* Slider */

.show-slider
{
    padding-top: 100px;
    padding-bottom: 130px;
}

.show-slider .arrow-left img
{
    max-width: 60px;
    left: -70px;
    position: absolute;
}

.show-slider .arrow-right img
{
    max-width: 60px;
    right:-70px;
    position: absolute;
}

.show-slider .arrow-left, .show-slider .arrow-right
{
    cursor: pointer;
    top: 34%;
}

.show-slider .arrow-left
{
    left: -70px;
    position: absolute;
}

.show-slider .arrow-right
{
    right:-70px;
    position: absolute;
}

.benefits-section
{
    padding-top: 80px;
    padding-bottom: 100px;
    background: #2DBD9D;
}

.laptop-slide-box
{
/*    float: right;
    display: block;
    position: relative;*/
}

.laptop-slide-box .laptop-img
{
    width: 800px;
    float: right;
    margin-bottom: 40px;
}

.w3-section img
{
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    margin: auto;
    width: 600px;
    border: 2px solid #444343;
    border-radius: 4px;
}

.benefits-section h2
{
    color: #fff;
    margin-bottom: 80px;
    font-size: 50px;
}

.benefits-section p
{
    color: #fff;
    text-align: left;
    font-size: 24px;
    font-weight: 300;
}

.benefits-section button
{
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    background: none;
    border: 2px solid #fff;
    font-size: 26px;
    padding: 15px;
    border-radius: 6px;
    margin-top: 93px;
}

.cancel-section
{
    padding-top: 100px;
    padding-bottom: 60px;
}

.cancel-section .left-side-image
{
    float: left;
}

.cancel-section h2
{
    text-align: left;
    font-size: 50px;
    color: #2a2927;
    font-weight: 600;
}

.cancel-section p
{
    font-size: 24px;
    color: #a1a1a1;
    text-align: left;
    margin-top: 40px;
    font-weight: 300;
}

.cancel-section button
{
    background: -webkit-linear-gradient(45deg,#3D0B59 0%,#a340dc 100%);
    background: linear-gradient(45deg,#3D0B59 0%,#a340dc 100%);
    font-weight: 400;
    border: 0px;
    box-shadow: none;
    color: #fff;
    float: right;
    font-size: 26px;
    width: 100%;
    border-radius: 6px;
    padding: 15px;
    margin-top: 100px;
}

.home-second-section h2 span
{
    color: #72DE93;
    font-weight: 600;
    font-size: 85px;
}

.device-section
{
    background: #F4F4F4;
    padding-top: 60px;
    padding-bottom: 60px;
}

.device-section h2
{
    color: #2a2927;
    font-size: 80px;
}

.device-section img
{
    max-width: 130px;
/*    margin-bottom: 60px;
    margin-top: 40px;*/
    margin: 20px;
}

.device-image
{
    margin-bottom: 60px;
    margin-top: 50px;
}

.plane-section
{
    background: #2DBD9D;
    padding-top: 70px;
    padding-bottom: 90px;
}

.plane-section h2
{
    color: #fff;
    margin-bottom: 50px;
    font-size: 50px;
}

.plane-section h2 button
{
    text-transform: uppercase;
    color: #fff;
    background: none;
    border: 2px solid #fff;
    font-size: 26px;
    padding: 15px 60px;
    border-radius: 6px;
    margin-left: 30px;
}

.plane-section table
{
    width: 100%;
    margin-top: 70px;
}

.plane-section table th button
{
    width: 100%;
    border: 0px;
    color: #fff;
    border-radius: 6px;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: 600;
    background: -webkit-linear-gradient(45deg,#3D0B59 0%,#a340dc 100%);
    background: linear-gradient(45deg,#3D0B59 0%,#a340dc 100%);
    margin-bottom: 6px;
}

.plane-section table th button span
{
    display: block;
    width: 100%;
    font-size: 32px;
}

.plane-section table th button.selected-plan-button
{
    background: #a340dc;
}

.plane-section table th button span span
{
    display: inline-block;
    width: auto;
    text-transform: none;
    font-size: 16px;
    font-weight: 300;
}

.plane-section table tr td
{
    padding-left: 15px;
    padding-right: 15px;
}

.plane-section table tr td div
{
    background: #F4F4F4;
    width: 100%;
    height: 40px;
    margin: -1px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #a1a1a1;
    border-bottom: 1px solid #d6d6d6;
}

.plane-section table tr:last-child td div
{
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.plane-section table tr:first-child td div
{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.plane-section table tr td:first-child
{
    color: #fff;
    text-align: right;
    font-weight: bold;
}

.plane-section table tr td div.selected-plan
{
    color: #a340dc;
}

/*.plane-section table tr td div svg.fa-check
{
    color: #2DBD9D;
}*/

.what-section
{
/*    background: url('../img/what-back.png') no-repeat center center;*/
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 70px;
}

.plane-section .continue-plan
{
    padding: 10px 60px;
    border: 0px;
    color: #fff;
    float: right;
    border-radius: 6px;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: 15px;
    margin-top: 20px;
    font-size: 26px;
    font-weight: 400;
    background: -webkit-linear-gradient(45deg,#3D0B59 0%,#a340dc 100%);
    background: linear-gradient(45deg,#3D0B59 0%,#a340dc 100%);
}

.what-section h2
{
    font-size: 50px;
    color: #2a2927;
    font-weight: 600;
}

.what-section p
{
    font-size: 24px;
    color: #a1a1a1;
    text-align: left;
    margin-top: 40px;
    font-weight: 300;
}

.what-section p:first-of-type
{
    margin-top: 100px;
}

.what-section img
{
    margin-top: 100px;
    float: left;
}

.what-text
{
    position: absolute;
    top: 100px;
    left: 30px;
    text-align: left;
}

.what-text h3
{
    color: #2DBD9D;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 56px;
}

.what-text h4
{
    color: #2a2927;
    font-size: 36px;
}

.what-text h4 b
{
    color: #2DBD9D;
    text-transform: uppercase;
    font-weight: 800;
}

.what-section button
{
    background: -webkit-linear-gradient(45deg,#3D0B59 0%,#a340dc 100%);
    background: linear-gradient(45deg,#3D0B59 0%,#a340dc 100%);
    font-weight: 400;
    border: 0px;
    box-shadow: none;
    color: #fff;
    float: right;
    font-size: 26px;
    border-radius: 6px;
    padding: 15px;
    margin-top: 100px;
    text-transform: uppercase;
    padding: 15px 60px;

}

.believe-section
{
    padding-top: 80px;
    padding-bottom: 80px;
    background: url(../img/believe-back.png) top center no-repeat;
    min-height: 1000px;
    background-size: cover;
}

.believe-section h1
{
    font-size: 50px;
    color: #2a2927;
    font-weight: 600;
    margin-top: 60px;
}

.believe-section h1 b
{
    color: #2DBD9D;
}

.believe-section p
{
    text-align: left;
    font-size: 20px;
    color: #fff;
    margin-top: 40px;
    font-weight: 300;
}

.believe-section p svg
{
    margin-right: 20px;
    color: #fff;
    margin-left: -40px;
}

/*.footer-section
{
    background: #2a2927;
    padding-top: 60px;
    padding-bottom: 40px;
}

.footer-section p
{
    color: #fff;
    font-weight: 300;
}

.footer-section a
{
    color: #fff;
    margin-right: 30px;
    font-weight: 300;
}*/

/* NEW STYLES */

.show-list h3
{
    color: #2a2927;
    text-transform: capitalize;
    margin-top: 60px;
    padding-bottom: 40px;
    font-size: 46px;
    position: relative;
}

.show-list
{
/*    min-height: 600px;*/
}

.show-list h3:after, .thankyou-text h1:after, .obesity-text h1:after, .biggest-lies-text h1:after, .roadmap-text h1:after, .defense-health-text h1:after
{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 160px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.show-list .img-box
{
    padding-left: 15px;
    padding-right: 15px;
/*    float: left;*/
    width: 19%;
    margin-top: 30px;
    position: relative;
}

.show-list .img-box
{
    cursor: pointer;
/*    transition: all 0.4s ease-out;*/
}

.show-list .img-box:hover img
{
/*    -webkit-box-shadow: -1px 15px 57px 4px rgba(0,0,0,0.15);
    -moz-box-shadow: -1px 15px 57px 4px rgba(0,0,0,0.15);
    box-shadow: -1px 15px 57px 4px rgba(0,0,0,0.15);*/
}

.trial-box
{
    border-top: 1px solid #d9d9d9;
    padding-top: 10px;
    margin-top: 40px;
    padding-bottom: 80px;
}

.trial-box .test-free-btn
{
    float: none;
}

.trial-box .test-free-btn:hover
{
/*    -webkit-box-shadow: 0px 10px 14px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 14px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 10px 14px 0px rgba(0,0,0,0.2);*/
/*    transition: all 0.3s ease;*/
}

.trial-box h5
{
    color: #2a2927;
    font-size: 18px;
    font-weight: 500;
    margin-top: 30px;
    line-height: 26px;
}

.cover-hover
{
    display: none;
    position: absolute;
    height: 100%;
    background: -webkit-linear-gradient(45deg,rgba(50,204,188,0.8) 0%,rgba(0,158,195,0.8) 100%);
    background: linear-gradient(45deg,rgba(50,204,188,0.8) 0%,rgba(0,158,195,0.8) 100%);
    top: 0;
    left: 15px;
    right: 15px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.show-list .img-box:hover .cover-hover
{
    display: block;
}

.show-list .img-box .cover-hover span
{
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    margin-top: 50%;
    display: inline-block;
}

.welcome-section
{
    background: #f2f2f2 url('https://d19kl2he5a9hxw.cloudfront.net/design_images/wellcome-back.png') top left no-repeat;
    padding-bottom: 100px;
}

.welcome-section h1, .welcome-section h3.what-to-expect-header, .who-is-section h4, .faq-section h4.faq-heading
{
    color: #2a2927;
    text-transform: capitalize;
    margin-top: 80px;
    padding-bottom: 0px;
    font-size: 46px;
    position: relative;
}

.homepage-subheader-h4 {
    color: #2a2927;
    text-transform: capitalize;
    margin-top: 80px;
    padding-bottom: 0px;
    font-size: 46px;
    position: relative;
}

.welcome-section h3
{
    color: #009ec3;
    padding-bottom: 30px;
    position: relative;
}

.welcome-section h3:after
{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 160px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.welcome-section p
{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0px;
    color: #2a2927;
    font-size: 20px;
}

.specific a.first
{
    width: 100%;
    background: url('https://d19kl2he5a9hxw.cloudfront.net/design_images/bc1.jpg') center center no-repeat;
    background-size: cover;
    height: 760px;
    float: left;
    margin-top: 50px;
}

.specific a.second
{
    width: 100%;
    background: url('https://d19kl2he5a9hxw.cloudfront.net/design_images/bc2.jpg') center center no-repeat;
    background-size: cover;
    height: 365px;
    float: left;
    margin-top: 50px;
}

.specific a.thirt
{
    width: 100%;
    background: url('https://d19kl2he5a9hxw.cloudfront.net/design_images/bc5.jpg') center center no-repeat;
    background-size: cover;
    height: 365px;
    float: left;
    margin-top: 50px;
}

.specific a.fourth
{
    width: 100%;
    background: url('https://d19kl2he5a9hxw.cloudfront.net/design_images/bc6-compressed.jpg') center center no-repeat;
    background-size: cover;
    height: 365px;
    float: left;
    margin-top: 30px;
}

.specific a.fifth
{
    width: 100%;
    background: url('https://d19kl2he5a9hxw.cloudfront.net/design_images/bc3.jpg') center center no-repeat;
    background-size: cover;
    height: 365px;
    float: left;
    margin-top: 30px;
}

.specific a.six
{
    width: 100%;
    background: url('https://d19kl2he5a9hxw.cloudfront.net/design_images/bc4-compressed.jpg') center center no-repeat;
    background-size: cover;
    height: 365px;
    float: left;
    margin-top: 30px;
}

.specific a.seven
{
    width: 100%;
    background: url('https://d19kl2he5a9hxw.cloudfront.net/design_images/bc7.jpg') center center no-repeat;
    background-size: cover;
    height: 365px;
    float: left;
    margin-top: 30px;
}

.specific a.eight
{
    width: 100%;
    background: url('https://d19kl2he5a9hxw.cloudfront.net/design_images/bc8-compressed.jpg') center center no-repeat;
    background-size: cover;
    height: 365px;
    float: left;
    margin-top: 30px;
}

.specific a span
{
    top: 48%;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 26px;
    font-weight: 600;
}

.specific a .hover-div
{
    opacity: 0;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.specific a:hover .hover-div
{
    background: -webkit-linear-gradient(45deg,rgba(50,204,188,0.7) 0%,rgba(0,158,195,0.7) 100%);
    background: linear-gradient(45deg,rgba(50,204,188,0.7) 0%,rgba(0,158,195,0.7) 100%);
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.watch-section
{
    background: -webkit-linear-gradient(45deg,rgba(50,204,188,1) 0%,rgba(0,158,195,1) 100%);
    background: linear-gradient(45deg,rgba(50,204,188,1) 0%,rgba(0,158,195,1) 100%);
    padding-top: 100px;
}

.laptop-slide-box .slide-left
{
    position: absolute;
    left: 0;
    top: 35%;
    color: #fff;
    font-size: 52px;
    opacity: 0.2;
    -webkit-filter: drop-shadow(2px 1px 6px rgba(0,0,0,0.5));
    filter: drop-shadow(2px 1px 6px rgba(0,0,0,0.5));
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.laptop-slide-box .slide-left:hover,.laptop-slide-box .slide-right:hover
{
    opacity: 1;
    -webkit-filter: drop-shadow(2px 1px 8px rgba(0,0,0,0.6));
    filter: drop-shadow(2px 1px 8px rgba(0,0,0,0.6));
}

.laptop-slide-box .slide-right
{
    position: absolute;
    right: 0;
    top: 35%;
    color: #fff;
    font-size: 52px;
    opacity: 0.2;
    -webkit-filter: drop-shadow(2px 1px 6px rgba(0,0,0,0.5));
    filter: drop-shadow(2px 1px 6px rgba(0,0,0,0.5));
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.watch-section h5
{
    text-transform: capitalize;
    color: #fff;
    font-weight: 300;
    text-align: left;
    font-size: 52px;
}

.watch-section h5:first-child
{
    margin-top: 60px;
}

.watch-section h5.second-h
{
    padding-bottom: 30px;
}

.watch-section h5.second-h:after
{
    content: '';
    background: rgba(255,255,255,0.3);
    height: 2px;
    width: 160px;
    position: absolute;
    left: 15px;
    right: auto;
    bottom: 0;
    margin: auto;
}

.watch-section .trial-btn
{
    float: left;
    margin-top: 40px;
}

.watch-section .devices
{
    background: rgba(1,1,1,0.2);
    clear: both;
}

.watch-section .devices span
{
    padding-top: 30px;
    padding-bottom: 30px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}

.watch-section .devices span img
{
    margin-right: 10px;
    object-fit: none;
    /*object-position: -51px -5px;
    width: 58px;
    height: 48px;*/
}

.watch-section .devices .smart-tv img{
    object-position: -51px -5px;
    width: 58px;
    height: 48px;
}

.watch-section .devices .desktop img{
    width: 58px;
    height: 48px;
    object-position: -5px -63px;
}

.watch-section .devices .laptop img{
    width: 58px;
    height: 48px;
    object-position: -73px -63px;
}

.watch-section .devices .mobile-device img{
    width: 58px;
    height: 48px;
    object-position: -5px -121px;
}

.watch-section .devices .col-xs-3 span
{
    border-right: 1px solid rgba(1,1,1,0.2);
}

.watch-section .devices .col-xs-3:first-child span
{
    border-left: 1px solid rgba(1,1,1,0.2);
}

.comm-section
{
    padding-top: 80px;
    padding-bottom: 80px;
    background: linear-gradient(360deg,#fff 0%,#f0f0f0 100%);
    background: -webkit-linear-gradient(360deg,#fff 0%,#f0f0f0 100%);
}

.comm-section .comm-box
{
    background: #fff;
    padding-top: 50px;
    padding-bottom: 66px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.05);
    box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.05);
/*    border-bottom: 4px solid transparent;*/
    -webkit-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    cursor: pointer;
}

.comm-section .comm-box:hover
{
/*    border-bottom: 4px solid #32ccbc;*/
    -webkit-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.25);
}

.comm-section .comm-box h2
{
    margin-top: 10px;
}

.comm-section .comm-box h3
{
    color: #009ec3;
    font-weight: 300;
    padding-bottom: 30px;
    position: relative;
}

.comm-section .comm-box h3:before
{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 160px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.comm-section .comm-box img
{
    margin-top: 40px;
    margin-bottom: 40px;
}

.comm-section .comm-box p
{
    font-size: 18px;
    margin-bottom: 5px;
}

.comm-section .comm-box .w3-section
{
    position: relative;
    height: 340px;
}

.comm-section .comm-box .w3-section img
{
    position: absolute;
    top: 30px;
    right: 0;
    left: 0;
    width: auto;
    margin: auto;
    border: 0px;
}

.comm-section .comm-box .slide-left
{
    position: absolute;
    left: 20%;
    top: 35%;
    color: #fff;
    font-size: 52px;
    opacity: 0.2;
    -webkit-filter: drop-shadow(2px 1px 6px rgba(0,0,0,0.5));
    filter: drop-shadow(2px 1px 6px rgba(0,0,0,0.5));
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.comm-section .comm-box .slide-right
{
    position: absolute;
    right: 20%;
    top: 35%;
    color: #fff;
    font-size: 52px;
    opacity: 0.2;
    -webkit-filter: drop-shadow(2px 1px 6px rgba(0,0,0,0.5));
    filter: drop-shadow(2px 1px 6px rgba(0,0,0,0.5));
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.comm-section .comm-box .slide-left:hover,.comm-section .comm-box .slide-right:hover
{
    opacity: 1;
    -webkit-filter: drop-shadow(2px 1px 8px rgba(0,0,0,0.6));
    filter: drop-shadow(2px 1px 8px rgba(0,0,0,0.6));
}

.testimonial-section
{
    padding-top: 80px;
    padding-bottom: 80px;
    background: #f2f2f2;
    min-height: 700px;
}

.testimonial-section h3
{
    color: #2a2927;
    text-transform: capitalize;
    padding-bottom: 40px;
    font-size: 46px;
    position: relative;
    font-weight: 300;
    margin-top: 0px;
}
.testimonial-section h3:after
{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 160px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.container-car ul
{
    top: 40px !important;
}

.container-car ul li
{
   -webkit-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.05);
    box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.05);
    border-radius: 4px;
}

.container-car span
{
    color: #fff;
    font-size: 52px;
    opacity: 0.2;
    -webkit-filter: drop-shadow(2px 1px 6px rgba(0,0,0,0.5));
    filter: drop-shadow(2px 1px 6px rgba(0,0,0,0.5));
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    cursor: pointer;
    top: 53% !important;
}
.container-car span.left {
    /* right: 900px !important; */
}

.container-car span.right {
    /* left: 900px !important; */
}

.container-car span:hover
{
    opacity: 1;
}

.believe-section .col-md-8
{
    padding-bottom: 40px;
    background: -webkit-linear-gradient(45deg,rgba(50,204,188,1) 0%,rgba(0,158,195,1) 100%);
    background: linear-gradient(45deg,rgba(50,204,188,1) 0%,rgba(0,158,195,1) 100%);
    border-radius: 4px;
    min-height: 600px;
}

.believe-section .custom-text
{
    position: absolute;
    left: 0px;
    color: rgba(255,255,255,0.1);
    font-weight: 700;
    font-size: 120px;
    top: 0px;
    margin-top: 20px;
}

.believe-section h4
{
    color: #fff;
    font-weight: 300;
    padding-bottom: 40px;
    font-size: 54px;
    margin-top: 60px;
    position: relative;
}

.believe-section h4:not(.custom-text):after
{
    content: '';
    background: rgba(255,255,255,0.3);
    height: 2px;
    width: 160px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.believe-section .col-md-6
{
    padding-left: 30px;
    padding-right: 30px;
}

.believe-section .believe-line
{
    border-top: 1px solid rgba(255,255,255,0.3);
    margin-top: 30px;
    float: left;
}

.believe-section .believe-line h2
{
    margin-top: 30px;
    color: #fff;
    font-weight: 300;
    font-size: 30px;
    margin-bottom: 0px;
}

.bottom-section
{
    background: #f2f2f2;
    padding-top: 80px;
    padding-bottom: 80px;
}

.bottom-section .col-md-8
{
    background: #fff;
    border-radius: 4px;
    padding: 20px 30px;
    padding-bottom: 0px;
}

.bottom-section .col-md-5 img
{
    margin-top: -70px;
    max-width: 55%;
}

.bottom-section h4
{
    color: #009ec3;
    text-transform: capitalize;
    text-align: left;
    margin-top: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
    font-size: 38px;
}

.bottom-section p
{
    color: #2a2927;
    text-align: left;
    margin-top: 30px;
    font-size: 18px;
}

.bottom-section .test-free-btn
{
    margin-top: 10px;
}

.bottom-section .test-free-btn:hover {
/*    -webkit-box-shadow: 0px 10px 14px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 14px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 10px 14px 0px rgba(0,0,0,0.2);
    transition: all 0.3s ease;*/
}

.scrolling .trial-btn:not(.ifl):hover, .scrolling .trial-btn:focus, .scrolling .trial-btn:active
{
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

.footer-section
{
    background: #e6e6e6;
    padding-top: 45px;
    padding-bottom: 45px;
    box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.1);
}

.footer-section img
{
    float: right;
    margin-top: 12%;
    max-width: 180px;
}

.footer-section .col-md-3
{
    padding-left: 0px;
    padding-right: 60px;
}

.footer-section .col-md-3:last-child
{
    padding-right: 0px;
}

.footer-section h2
{
    text-transform: capitalize;
    color: #4d4d4d;
    text-align: left;
    font-size: 24px;
    border-bottom: 1px solid #c1c0c0;
    padding-bottom: 20px;
    margin-top: 0px;
}

.footer-section a
{
    text-decoration: none;
    color: #9f9f9f;
    float: left;
    width: 100%;
    text-align: left;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin-top: 8px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.footer-section a:hover
{
    color: #009ec3;
}

.footer-section a svg
{
    margin-right: 10px;
}

.curtain
{
    position: fixed;
    top:0;
    width: 100%;
    z-index: 1000;
}

.scrolling
{
    background: #fff;
    height: 82px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .110);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .110);
    z-index: 99999;
}

.scrolling .site-logo.sticky-logo
{
    margin-top: 15px;
}

.site-logo.sticky-logo
{
    display: none;
    margin-top: 30px;
    margin-left: 0px;
}

.site-logo.site-logo.sticky-logo img
{
    max-width: 120px;
    margin-left: 20px;
    margin-top: 10px;
}

.scrolling .site-logo
{
    display: none;
}

.scrolling .site-logo.sticky-logo
{
    display: block;
}

.scrolling .trial-btn
{
    border: 0px;
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    margin-top: 15px;
    padding: 12px 40px;
    color: #fff;
}

.scrolling .trial-btn:hover
{
/*    color: #fff;
    background: linear-gradient(45deg,#009ec3 0%,#009ec3 100%);*/
}

.scrolling .login-btn
{
    color: #009ec3;
    margin-top: 15px;
}

.scrolling .login-btn:hover
{
    border-color: #009ec3;
}

.topnav a.icon
{
    display: none;
}

.mobile-video, .mobile-opt-btn, .mobile-view, .laptop-mobile,.comm-section .comm-box h5, .mobile-testimonial
{
    display: none;
}

.footer-section-bottom
{
    background: #f2f2f2;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer-section-bottom a, .footer-section-bottom p
{
    display: inline-block;
    margin: 0px;
    color: #7d7d7d;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 14px;
}

.footer-section-bottom a
{
    border-right: 1px solid #7d7d7d;
    text-decoration: none;
}

.footer-section-bottom a:hover
{
    color: #000;
}

.site-logo.mobile-logo
{
    display: none;
    margin-top: 10px;
}

.sticky-bottom
{
    display: none;
    opacity: 0;
}

.footer-section span.mobile-text
    {
        display: none;
    }

.show-believe
{
    display: none;
}

/* Login Styles */

.log-back
{
    background: url(../img/log-header.jpg) top center no-repeat;
    background-size: cover !important;
    padding-left: 0px;
    padding-right: 0px;
    min-height: 900px;
}
.home-opt-btn button:nth-child(2).active:before
{
    content: '';
    background-image: url('/img/Family Health-Icon-Mobile-Blue.webp');
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    margin: auto;
    opacity: 0.5;
}
.home-opt-btn button:nth-child(3).active:before {
    content: url(../img/s2-g.png);
    top: 25px;
}
.home-opt-btn button:nth-child(4).active:before {
    content: url(../img/s3-g.png);
    top: 25px;
}
.home-opt-btn button:nth-child(5).active:before {
    content: url(../img/s4-g.png);
    top: 25px;
}
.home-opt-btn button:nth-child(6).active:before {
    content: url(../img/Motivation&StressManagement-Blue.webp);
    top: 25px;
}
.comm-section .comm-box .slide-left,.comm-section .comm-box .slide-right
    {
        display: none;
    }

.specific a:hover span
{
    display: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.specific a
{
    text-decoration: none !important;
}

.specific a .hover-div h5
{
    color: #fff;
    text-decoration: none !important;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 48%;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -3px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.curtain .nav
{
    display: inline-block;
    margin-top: 20px;
    float: left;
    margin-left: 40px;
}

.curtain .nav-pills>li>a
{
    color: #fff;
    font-size: 18px;
    border-radius: 0px;
}

.curtain .nav-pills>li>a svg
{
    margin-right: 10px;
}

.log-back .site-logo
{
    float: left;
}

.log-back .nav>li>a:hover, .log-back .nav>li>a:focus
{
    color: rgba(255,255,255,0.5);
    background: none;
}

.curtain .nav-pills>li.divide-line span
{
    width: 2px;
    background: rgba(255,255,255,0.8);
    height: 18px;
    display: block;
    margin-top: 14px;
    margin-left: 5px;
    margin-right: 5px;
}

.curtain .right-opt .nav
{
    float: right;
    margin-left: 0px;
    margin-right: 20px;
}

.curtain .dropdown-menu
{
    border-radius: 0px;
    border: 0px;
    min-width: 200px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.curtain .dropdown-menu .sub-menu li a
{
    text-transform: none;
}

.curtain .dropdown-menu>li>a
{
    text-transform: uppercase;
    font-size: 17px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #2a2927;
    font-weight: 500;
    padding-right: 10px;
}

.curtain .dropdown-menu>li>a svg
{
    float: right;
    color: #dadada;
    font-size: 12px;
    margin-top: 6px;
}

.curtain .dropdown-menu>li>a:hover, .curtain .dropdown-menu>li>a:focus
{
    background: #f0f0f0;
}

.show-head
{
    margin-top: 450px;
    padding-left: 70px;
}

.video-resume-buttons  .resume-video-btn {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.resume-video-btn img {
    margin-left: 15px
}

.show-head h1
{
    color: #fff;
    font-weight: 600;
    font-size: 52px;
}

.show-head h3
{
    color: #fff;
    font-weight: 600;
    font-size: 26px;
}

.show-head p
{
    font-size: 18px;
    color: #fff;
    width: 60%;
    margin-top: 30px;
    line-height: 36px;

}

.show-head button
{
    border: 1px solid;
    border-color: rgba(255,255,255,0.6);
    background: none;
    color: rgba(255,255,255,0.6);
    text-transform: uppercase;
    font-size: 14px;
    height: 48px;
    padding-left: 11px;
    padding-right: 11px;
    margin-right: 6px;
    margin-top: 40px;
    border-radius: 50%;
    font-family: 'Poppins';
}

.hoverbox img {
    border-radius: 10px;
}

.show-head button span
{
    float: right;
}

.show-head button svg
{
    font-size: 24px;

}

.show-head button svg, .favoriteshow-toggle svg {
    width: 19px;
    height: 19px;
}

.playCoverVideo svg {
    width: 24px!important;
    height: 24px!important;
}

.show-head button:hover,.show-head button.selected
{
    border-color: rgba(255,255,255,1);
    color: rgba(255,255,255,1);
}

.show-head button:first-of-type
{
    border-color: rgba(255,255,255,1);
    color: rgba(255,255,255,1);
    margin-right: 15px;
    background: rgba(1,1,1,0.1);
    padding-left: 10px;
    padding-right: 25px;
    border-radius: 30px;
}

.show-head button:first-of-type svg
{
    margin-right: 8px;
    vertical-align: middle;
}

svg:not(:root).svg-inline--fa {
    vertical-align: middle;
}

.show-head button:first-of-type:hover
{
    background: rgba(1,1,1,0.2);
}

.video-list
{
    margin-top: 30px;
}

.video-list h1 {
    font-family: 'Poppins';
    text-align: left;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
    padding: 20px 0;
    margin-top: 20px;
}

.video-list h1:first-child
{
    font-family: 'Poppins';
    text-align: left;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 20px;
    margin-top: 20px;
    /* border-bottom: 1px solid #ddd; */
}

.video-list h3
{
    color: #666666;
    font-weight: 600;
    text-align: left;
    margin-top: 10px;
    width: 100%;
    height: 30px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 22px;
    display: none;
}
.hidden-info-box h3{
    display: block;
}

.homepage-video .video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
    display: none!important;
}

.homepage-video .vjs-big-play-button {
    display: none!important;
}

.video-list .flexslider, .video-list .flexslider2
{
    display: flex!important;
    margin-top: 20px;
    margin-bottom: 30px;
    background: none;
    border: 0px;
    position: relative;
}

.swiper-container-show .lSAction  {
    bottom: 0;
}

.swiper-container-show .lSAction > .lSNext {
    right: -10px;
}

.swiper-container-show .lSAction > .lSPrev {
    left: -10px;
}

.video-list .flexslider2 ul li img
{
    width: 100%;
    border-radius: 10px;
}

.video-list .flexslider2 ul li,.video-list .flexslider ul li
{
    cursor: pointer;
    /* padding: 10px; */
    position: relative;
}

.manuals-section
{
    background: #f9f9f9;
    padding-top: 50px;
    padding-bottom: 30px;
    margin-top: 20px;
    box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}

.manuals-section .video-list h1, .manuals-section .video-list, .favorites-section .video-list
{
    margin-top: 10px;
}

.favorites-section
{
    background: #f4f4f4;
    padding-top: 30px;
    padding-bottom: 30px;
}

.videos .footer-section-bottom
{
    box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.1);
}

.video-list ul li div {

    /* -webkit-transition: transform .2s;
    transition: transform .2s; */
}

.video-image .play-video-button {
    border-radius: 10px;
    /* Hide if not hovered */
    z-index: -1;
}

.showPlanButtons_Container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 95%!important;
    margin-top: 70px;
}

.showPlan__button {
    width: 95%!important;
    color: #3cabca!important;
    border: 1px solid #3cabca!important;
    /* border: none!important; */
    border-radius: 22px!important;
    /* box-shadow: 2px 2px 15px 1px rgb(0 0 0 / 22%); */
    /* color: black!important; */
}

.showPlan__button:hover {
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff!important;
}

.showPlan__button:hover .download-svg-no-access{
    color: #fff!important;
}

.showPlanAfterPurchase {
    width: 95%!important;
    color: #3cabca!important;
    border-radius: 22px!important;
    border: 1px solid #3cabca!important;
    float: none!important
}

.showPlanAfterPurchase:hover {
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff!important;
}

div.individual-show .showPlan__button,  div.individual-show .showPlanAfterPurchase {
    font-size: 14px!important;
}

.hidden-info
{
    display: block;
}

.signup-header
{
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    height: 80px;
}

.signup-page
{
    min-height: 500px;
    background: #fff;
    box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.3);
    padding-bottom: 60px;
}

.steps-footer
{
    box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.1);
}

.signup-page .steps, .signup-page .content h3
{
    display: none;
}

.signup-page section h2
{
    color: #49d0c1;
    font-size: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d6d5d5;
}

.signup-page section h1
{
    color: #2a2927;
    font-size: 34px;
    margin-top: 30px;
}

.signup-page section h4
{
    color: #009ec3;
    font-weight: 600;
    margin-top: 20px;
    font-size: 20px;
}

.signup-page section table
{
    width: 100%;
    margin-top: 80px;
}

.signup-page section table th
{
    padding-left: 20px;
    padding-right: 20px;
    width: 18%;
}

.signup-page section table th:first-child
{
    width: 46%;
}

.signup-page section table button
{
    width: 100%;
    background: #fff;
    border: 2px solid #49d0c1;
    color: rgba(0,158,198,0.6);
    font-weight: 600;
    font-size: 25px;
    padding-bottom: 40px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: relative;
    outline: 0px;
    border-radius: 3px;
}

.signup-page section table button span
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    font-weight: 300;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.signup-page section table button.active
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff !important;
    padding-top: 25px;
    margin-top: -25px;
    border: 0px;
}

.signup-page section table button.active span
{
    background: rgba(1,1,1,0.3);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.signup-page section table button:hover
{
    color: rgba(0,158,198,1);
    border-color: #26b5a6;
}

.signup-page section table button svg
{
    color: #fff;
    margin-bottom: 10px;
}

.signup-page section table td
{
    text-align: center;
}

.signup-page section table td:first-child
{
    text-align: left;
}

.signup-page section table td
{
    color: #9f9f9f;
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d6d5d5;
}

.signup-page section table td:first-child
{
    color: #111;
    padding-left: 20px;
    font-size: 18px;
}

.signup-page section table tr:nth-child(4n-4) td
{
    background: #f7f7f7;
}

.signup-page section table td span
{
    width: 100%;
    font-size: 14px;
    float: left;
}

.signup-page section table td.active
{
    color: #32ccbc;
}

.signup-page .actions li
{
    list-style: none;
    text-align: center;
}

.signup-page .actions
{
    margin-top: 40px;
    margin-bottom: 40px;
}

.signup-page .actions li a
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    font-weight: 500;
    border: 0px;
    box-shadow: none;
    color: #fff;
    font-size: 26px;
    padding: 15px 80px;
    margin-top: 36px;
    border-radius: 3px;
    margin: 0 auto;
    text-transform: uppercase;
    text-decoration: none !important;
}

.signup-page .actions li a:hover
{
    background: -webkit-linear-gradient(45deg,#009ec3 0%,#009ec3 100%);
    background: linear-gradient(45deg,#009ec3 0%,#009ec3 100%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.wizard > .actions > ul > li:first-child {
  display: none;
}

.signup-page section p.hd-text,.hd-text-duplicate
{
    color: #009ec3;
    font-size: 24px;
    margin-top: 30px;
}
.hd-text-duplicate{
    text-align:center;
}
.billing-plan
{
    border: 1px solid #d6d5d5;
    margin-top: 40px;
    border-radius: 4px;
    float: left;
    cursor: pointer;
    position: relative;
}

.billing-plan .bil-head
{
    background: #f2f2f2;
/*    transition: all 0.1s ease;*/
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    height: 144px;
}

.billing-plan .bil-head img
{
    margin-bottom: -16px;
    margin-top: 25px;
    max-width: 270px;
}

.billing-plan .bil-content
{
    background: #fff;
    padding: 40px;
    border-radius: 4px;
    float: left;
}

.billing-plan .bil-content h1
{
    color: #a1a1a1;
    font-size: 32px;
    margin-top: 20px;
}

.billing-plan .bil-content h2
{
    color: #009ec3;
    font-size: 22px;
    font-weight: 300;
    border-bottom: 0px;
    position: relative;
    margin-bottom: 40px;
}

.billing-plan .bil-content h2:after
{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 140px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.billing-plan .bil-content p
{
    text-align: left;
    color: #111;
    font-size: 20px;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.billing-plan .bil-content p svg
{
    color: #32ccbc;
    margin-right: 30px;
    font-size: 24px;
}

.billing-plan .bil-content .col-xs-6
{
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
}
.billing-plan .bil-content .col-xs-6.plan-price-col{
    margin-top: 15px;
}
.billing-plan .bil-content h4
{
    color: #111;
    font-size: 70px;
    margin-top: 10px;
}

.billing-plan .bil-content span
{
    width: 100%;
    float: left;
    font-size: 23px;
    font-weight: 600;
}

.billing-plan .bil-content .top-padd
{
    padding-top: 15px;
}

.billing-plan .bil-content button
{
    border: 2px solid #49d0c1;
    width: 100%;
    color: #009ec3;
    background: #fff;
    font-size: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 20px;
    border-radius: 3px;
}

.billing-plan .bil-content button span
{
    color: #009ec3;
    font-size: 16px;
    display: inline;
    width: auto;
    float: none;
    font-weight: 600;
    margin-left: 10px;
}

.billing-plan .bil-content .col-xs-12
{
    padding-left: 0px;
    padding-right: 0px;
}

.billing-plan:hover .bil-head
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    margin-right: -1px;
}

.billing-plan.active .bil-head
{
    margin-right: 0px;
}


.billing-plan:hover
{
    border: 2px solid #49d0c1;
}

.billing-plan:hover .bil-content button
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
}

.billing-plan:hover .bil-content button span
{
    color: #fff;
}

.billing-plan:hover h1
{
    color: #111;
}

.billing-plan:hover h2
{
    font-weight: 400;
}

.left-side-plan, .right-side-plan
{
    margin-top: 60px;
    padding-bottom: 50px;
}

.signup-page .left-side-plan h2
{
    color: #111;
    text-align: left;
    font-size: 24px;
}

.left-side-plan .chosen-plan h1
{
    text-align: left;
    margin-top: 20px;
    font-weight: 600;
    padding-bottom: 10px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.left-side-plan .chosen-plan h1 span
{
    font-size: 20px;
}

.left-side-plan .chosen-plan h1:after
{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 100px;
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
}

.left-side-plan .text-left span{
  color:#189dc9;
  font-size:2rem;
  margin-left: 0.4rem;
}

.chosen-plan .col-xs-6
{
    padding-left: 0px;
    padding-right: 0px;
}

.chosen-plan .col-xs-6 h4
{
    text-align: left;
    color: #111;
    font-weight: 600;
    font-size: 60px;
}

.chosen-plan .top-padd
{
    padding-top: 20px;
}

.chosen-plan .top-padd span
{
    width: 100%;
    float: left;
    font-size: 22px;
    font-weight: 600;
    text-align: left;
}

.left-side-plan .chosen-plan p
{
    font-size: 17px;
    text-align: left;
    color: #111;
}

.left-side-plan .silver-line
{
    width: 100%;
    height: 1px;
    background: #d6d5d5;
    display: block;
    margin-top: 40px;
    float: left;
    margin-bottom: 40px;
}

.left-side-plan form h2
{
    margin-top: 0px;
}

.left-side-plan form input
{
    border: 1px solid #eee;
    background: #fafafa;
    width: 100%;
    padding: 15px;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 30px;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.left-side-plan form p
{
    color: #009ec3;
    font-weight: 300;
    font-size: 20px;
    text-align: left;
}

.left-side-plan form h2 span
{
    float: right;
    font-size: 18px;
    font-weight: 300;
}

.left-side-plan form h2 span img
{
    margin-left: 10px;
}

.left-side-plan form .cards img
{
    float: none;
    margin-right: 15px;
}

.left-side-plan form .cards span
{
  margin-top: 10px;
  margin-left: 30px;
  display: block;
  float: left;
  color:#189dc9;
  font-size:1.8rem;
}

.left-side-plan form .cards
{
    padding-bottom: 30px;
}

.left-side-plan form .pp-btn
{
    border: 2px solid #49d0c1;
    color: rgba(0,158,198,0.6);
    background: #fff;
    font-size: 22px;
    border-radius: 3px;
    float: left;
    padding: 12px 40px;
    margin-top: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.left-side-plan form .pp-btn:hover
{
    border-color: #009ec3;
    color: rgba(0,158,198,1);
}

.upgrade-bottom .now-box .now-content h4
{
    text-transform: uppercase;
    color: #009ec3;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.left-side-plan form .pp-btn img
{
    margin-left: 15px;
}

.left-side-plan form h5
{
    color: #111;
    text-align: left;
    font-size: 22px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 6px;
}

.left-side-plan form h5 span
{
    font-weight: 700;
    font-size: 32px;
    margin-left: 20px;
}

.left-side-plan form h5 span span
{
    font-size: 22px;
    font-weight: 400;
}

.left-side-plan form .activate-btn
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    font-weight: 500;
    border: 0px;
    box-shadow: none;
    color: #fff;
    font-size: 26px;
    padding: 15px 40px;
    margin-top: 0px;
    border-radius: 3px;
    float: left;
    text-transform: uppercase;
}

.left-side-plan form .activate-btn:hover
{
    background: -webkit-linear-gradient(45deg,#009ec3 0%,#009ec3 100%);
    background: linear-gradient(45deg,#009ec3 0%,#009ec3 100%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.left-side-plan .term-text p
{
    color: #111;
    text-align: left;
    margin-bottom: 0px;
    margin-top: 20px;
}

.left-side-plan .term-text p a
{
    color: #009ec3;
    text-decoration: underline;
}

.left-side-plan .col-md-12 i{
  color: #189dc9;
  font-size: 3rem;
}

.right-side-plan .include-container
{
    background: -webkit-linear-gradient(360deg,#fff 0%,#f2f2f2 100%);
    background: linear-gradient(360deg,#fff 0%,#f2f2f2 100%);
    padding: 15px 30px;
    border-radius: 4px;
    min-height: 300px;
    border-top: 2px solid #ececec;
}

.right-side-plan .include-container img
{
    margin-top: 20px;
    max-width: 310px;
}

.right-side-plan .include-container h2
{
    text-align: left;
    margin-top: 30px;
    font-weight: 600;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: #111;
    font-size: 28px;
}

.right-side-plan .include-container h2:after
{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 100px;
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
}

.right-side-plan .include-container span
{
    font-size: 22px;
    color: #32ccbc;
    padding-top: 6px;
}

.right-side-plan .include-container li
{
    text-align: left;
    color: #111;
    font-size: 18px;
    margin-top: 15px;
    line-height: 30px;
}

.right-side-plan .include-container.scrolling
{
    height: auto;
    position: fixed;
    box-shadow: none;
    top: 0;
    max-width: 476px;
}

.upgrade-page .upgrade-top
{
    min-height: 400px;
    padding-bottom: 60px;
}

.upgrade-page .upgrade-top h1
{
    font-size: 34px;
    margin-top: 60px;
}

.upgrade-page .upgrade-top img
{
    margin-top: 20px;
}

.upgrade-content
{
    padding-top: 60px;
    padding-bottom: 60px;
}

.upgrade-content h2
{
    color: #009ec3;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 30px;
}

.upgrade-content .gift-box
{
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15);
    padding: 50px 20px;
    margin-top: 40px;
}

.upgrade-content .gift-box h3
{
    text-align: left;
    color: #2a2927;
    margin-top: 0px;
    font-size: 30px;
    line-height: 43px;
}

.upgrade-content .gift-box span
{
    float: left;
    color: #009ec3;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    text-align: left;
    font-size: 26px;
    font-weight: 300;
    margin-top: 10px;
    padding-bottom: 20px;
}

.upgrade-content .gift-box span:after
{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 120px;
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
}

.upgrade-content .gift-box .col-md-8
{
    padding-left: 50px;
}

.upgrade-content .gift-box p
{
    text-align: left;
    color: #111;
    float: left;
    font-size: 18px;
    margin-top: 30px;
    line-height: 30px;
}

.upgrade-content .gift-box .vert-img
{
    max-width: 80%;
}

.upgrade-bottom
{
    background: #f5f5f5;
    padding-top: 60px;
    padding-bottom: 80px;
}

.upgrade-bottom h1
{
    text-transform: uppercase;
    color: #2a2927;
    font-size: 34px;
}

.upgrade-bottom .now-box
{
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15);
    margin-top: 40px;
    min-height: 200px;
    padding-left: 0px;
    padding-right: 0px;
}

.upgrade-bottom .now-box .now-head
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    border: 2px solid #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.upgrade-bottom .now-box .now-head h2
{
    color: #fff;
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 20px;
}

.upgrade-bottom .now-box .now-head h2 b
{
    text-transform: uppercase;
    font-weight: 600;
    font-size: 28px;
}

.upgrade-bottom .now-box .now-content
{
    padding: 40px 50px;
}

.upgrade-bottom .now-box .now-content p
{
    text-align: center;
    color: #111;
    float: left;
    font-size: 18px;
}

.upgrade-bottom .now-box .now-content h1
{
    float: left;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 54px;
    position: relative;
    padding-bottom: 20px;
}

.upgrade-bottom .now-box .now-content h1 span
{
    font-size: 24px;
}

.upgrade-bottom .now-box .now-content h1:after
{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 120px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.upgrade-bottom .now-box .now-content button
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    font-weight: 500;
    border: 0px;
    box-shadow: none;
    color: #fff;
    font-size: 24px;
    padding: 16px 44px;
    margin-top: 30px;
    border-radius: 3px;
    text-transform: uppercase;
}

.upgrade-bottom .now-box .now-content h3
{
    color: #111;
    text-transform: uppercase;
    font-size: 14px;
}

.upgrade-bottom button
{
    border: 2px solid #49d0c1;
    color: rgba(0,158,198,0.7);
    background: #fff;
    font-size: 20px;
    padding: 15px 30px;
    margin-top: 40px;
    border-radius: 3px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


.upgrade-bottom button:hover
{
    color: rgba(0,158,198,1);
    border-color: #26b5a6;
}

.welcome-page
{
    background: url(../img/cover-desk-dark.jpg) top center no-repeat;
    background-size: cover;
    height: 100vh;
}

.welcome-page .wel-logo
{
    margin-top: 80px;
    max-width: 155px;
}

.welcome-page h1
{
    color: #fff;
    font-size: 50px;
    padding-bottom: 30px;
    position: relative;
}

.welcome-page h1:after
{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 160px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.welcome-page p
{
    color: #fff;
    font-weight: 300;
    text-align: center;
    margin-top: 30px;
    font-size: 22px;
}

.welcome-page .gp-login
{
    border: 2px solid #dd4b39;
    color: #fff;
    background: none;
    border-radius: 3px;
    font-size: 18px;
    margin-top: 40px;
    width: 100%;
    padding: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.welcome-page .fb-login
{
    border: 2px solid #3b5998;
    color: #fff;
    background: none;
    border-radius: 3px;
    font-size: 18px;
    margin-top: 40px;
    width: 100%;
    padding: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.welcome-page .silver-line
{
    margin-top: 40px;
    height: 1px;
    width: 95%;
    background: #7d7d7d;
    display: block;
}

.welcome-page h5
{
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    margin-top: -15px;
}

.welcome-page .skip-login
{
    border: 2px solid #1e7a71;
    color: #9f9f9f;
    background: none;
    border-radius: 3px;
    font-size: 18px;
    margin-top: 20px;
    width: 100%;
    padding: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.welcome-page .fb-login:hover
{
    background: #3b5998;
}

.welcome-page .gp-login:hover
{
    background: #dd4b39;
}

.welcome-page .skip-login:hover
{
    border-color: #32ccbc;
    color: #fff;
}

.watch-page
{
    background: url(../img/cover-desk.jpg) top center no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 170px;
}

.watch-page h1
{
    color: #fff;
    font-size: 56px;
    padding-bottom: 30px;
    position: relative;
    text-align: center;
}

.watch-page h1:after
{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 120px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.watch-page p
{
    color: #fff;
    font-weight: 300;
    text-align: center;
    margin-top: 30px;
    font-size: 22px;
}

.watch-steps
{
    background: -webkit-linear-gradient(360deg,#fff 0%,#f0f0f0 100%);
    background: linear-gradient(360deg,#fff 0%,#f0f0f0 100%);
    padding-bottom: 100px;
}

.watch-steps .steps, .watch-steps .content h3
{
    display: none;
}

.watch-steps .actions ul li
{
    list-style: none;
}

.watch-steps .actions li a {
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    font-weight: 500;
    border: 0px;
    box-shadow: none;
    color: #fff;
    font-size: 26px;
    padding: 15px 80px;
    margin-top: 36px;
    border-radius: 3px;
    float: left;
    text-transform: uppercase;
    text-decoration: none !important;
    margin-left: -15px;
}

.watch-steps .actions li a:hover
{
    background: -webkit-linear-gradient(45deg,#009ec3 0%,#009ec3 100%);
    background: linear-gradient(45deg,#009ec3 0%,#009ec3 100%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.watch-steps section
{
    margin-top: -110px;
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    padding: 0px;
}

.watch-steps .step-head
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    text-align: left;
    padding: 15px 20px;
    border-right: 2px solid #009ec3;
}

.watch-steps .step-head h2
{
    margin: 0px;
    font-size: 22px;
}

.watch-steps .step-content
{
    background: #fff;
    padding: 40px 25px;
    float: left;
    width: 100%;
}

.watch-steps .step-content h1
{
    text-align: left;
    color: #111;
    font-size: 28px;
    margin-top: 0px;
}

.watch-steps .step-content p
{
    text-align: left;
    color: #111;
    font-size: 18px;
    margin-top: 15px;
    font-weight: 300;
    padding-bottom: 30px;
    border-bottom: 1px solid #d6d5d5;
}

.watch-steps .step-content .col-md-6
{
    padding-left: 0px;
    padding-right: 0px;
}

.watch-steps .step-content .col-md-6 input
{
    border: 1px solid #eee;
    background: #fafafa;
    width: 100%;
    padding: 15px;
    font-size: 18px;
    font-weight: 300;
    margin-top: 20px;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.watch-steps .step-content .col-md-6 .info-tool
{
    color: #2DBD9D;
    float: left;
    margin-left: 20px;
    margin-top: 36px;
    font-size: 16px;
}

.watch-steps .step-content .col-md-6 .add-profile
{
    color: #009ec3;
    text-decoration: underline;
    float: left;
    background: none;
    border: 0px;
    font-size: 16px;
    margin-top: 30px;
}

.watch-steps .step-content .col-md-6 .add-profile svg
{
    margin-right: 10px;
}

.watch-steps .actions
{
    background: #fff;
    padding-bottom: 30px;
}

.watch-steps .step-head h2 .skip-step
{
    float: right;
    font-size: 18px;
    font-weight: 300;
    text-decoration: underline;
    margin-top: 4px;
    cursor: pointer;
}

.watch-steps .step-content .question-box
{
    border-bottom: 1px solid #d6d5d5;
    padding-bottom: 20px;
    float: left;
    width: 100%;
}

.watch-steps .step-content .question-box h4
{
    text-align: left;
    color: #111;
    font-size: 22px;
    margin-top: 30px;
    font-weight: 600;
}

.watch-steps .step-content .question-box h4 span
{
    color: #009ec3;
    font-weight: 300;
    font-size: 20px;
}

.question-box .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.question-box .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  margin-top: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Create a custom radio button */
.question-box .checkmark {
  position: absolute;
  top: 0px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #32ccbc;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.question-box .container:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the radio button is checked, add a blue background */
.question-box .container input:checked ~ .checkmark {
  background-color: #2196F3;
  background-color: #fff;
  border: 2px solid #009ec3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.question-box .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.question-box .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.question-box .container .checkmark:after {
 	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #009ec3;
}

.question-box label
{
    font-weight: 400;
    text-align: left;
    font-size: 18px;
}

.question-box.checkbox-q .checkmark
{
    border: 2px solid #32ccbc;
}

/* Hide the browser's default checkbox */
.question-box.checkbox-q .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.question-box.checkbox-q .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 0px;
}

/* On mouse-over, add a grey background color */
.question-box.checkbox-q .container:hover input ~ .checkmark {
  background-color: #32ccbc;
}

/* When the checkbox is checked, add a blue background */
.question-box.checkbox-q .container input:checked ~ .checkmark {
  background-color: #009ec3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.question-box.checkbox-q .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.question-box.checkbox-q .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.question-box.checkbox-q .container .checkmark:after {
    left: 5px;
    top: 2px;
    width: 6px;
    height: 11px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 0px;
}

.question-box .col-md-6
{
    float: left;
}

.question-box .col-md-6 select
{
    border: 1px solid #eee;
    background: #fafafa;
    width: 100%;
    padding: 15px;
    font-size: 18px;
    font-weight: 300;
    margin-top: 20px;
    cursor: pointer;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.step-content .silver-line
{
    background: #d6d5d5;
    height: 1px;
    width: 100%;
    float: left;
    margin-top: 40px;
}

.question-box .col-md-6 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    outline: 0px;
}

.question-box .col-md-6.select-box svg
{
    color: #009ec3;
    position: absolute;
    right: 20px;
    top: 42px;
}

.watch-steps .actions ul li.skip-step-button a
{
    border: 2px solid #49d0c1;
    color: rgba(0,158,198,0.6);
    background: #fff;
    font-size: 20px;
    padding: 18px 70px;
    border-radius: 3px;
    margin-left: 20px;
    text-transform: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.watch-steps .actions ul li.skip-step-button a:hover
{
    color: rgba(0,158,198,1);
    border-color: #26b5a6;
}

.slides li.hidden-info,.slides-inactive li.hidden-info, #common-list-videos-wrapper li.hidden-info
{
    -webkit-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.25);
}


.slides li.hidden-info h4, .fake-slide h4,.slides-inactive li.hidden-info h4, #common-list-videos-wrapper li.hidden-info h4
{
    color: #666;
    font-weight: 700;
    text-align: left;
    margin-top: 0px;
    width: 100%;
}

.slides li.hidden-info p,.fake-slide p,.slides-inactive li.hidden-info p, #common-list-videos-wrapper li.hidden-info p
{
    color: #2a2927;
    width: 100%;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.slides li.hidden-info button,.fake-slide button,.slides-inactive li.hidden-info button, div.individual-show button,
#common-list-videos-wrapper li.hidden-info .hidden-info-box .action-buttons button
{
    color: #3cabca;
    border: 1px solid #3cabca;
    background: #fff;
    float: left;
    font-size: 22px;
    padding: 7.3px 12px;
    margin-right: 10px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

div.individual-show button.click-audio-transcript
{
    width: auto;
    height: auto;
    border-radius: 0;
}

.like-btn-episode, .dislike-btn-episode  {
    border: none!important;
    color: #999999!important;
    padding: 0!important;
    margin: 0!important;
}
.like-btn-show, .dislike-btn-show  {
    border: none!important;
    color: #999999!important;
    padding: 0!important;
    margin: 0!important;
}


.like-btn-episode.selected, .like-btn-episode.selected svg path {
    background: none!important;
    fill: #3cabca;
}

.dislike-btn-episode.selected, .dislike-btn-episode.selected svg path {
    background: none!important;
    fill: #3cabca;
}

.like-btn-episode:hover svg path, .dislike-btn-episode:hover svg path{
    fill: #3cabca;
} 

.like-btn-show.selected, .like-btn-show.selected svg path {
    background: none!important;
    fill: #3cabca;
}

.dislike-btn-show.selected, .dislike-btn-show.selected svg path {
    background: none!important;
    fill: #3cabca;
}

.like-btn-show:hover svg path, .dislike-btn-show:hover svg path{
    fill: #3cabca;
} 

div.individual-show h3
{
    margin-top: 0px;
}

.overwrite-default-a-styles {
    background: none!important;
    margin: 0 !important;
    padding: 0 !important;
}

div.individual-show button
{
    color: #32ccbc;
    border: 2px solid #32ccbc;
    background: #fff;
    float: right;
    font-size: 22px;
    padding: 7.3px 12px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;

}

div.individual-show button.favorite-toggle
{
    color: #3cabca;
    border: 1px solid #3cabca;
    background: #fff;
    float: right;
    font-size: 16px;
    padding: 0;
    margin-right: 10px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.video-cover .video-controls button:hover
{
    color: #fff;
    background: #009ec3;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.video-cover .video-controls button span
{
    float: none;
}

.slides li.hidden-info button.play-video-button,.slides-inactive li.hidden-info button.play-video-button, #common-list-videos-wrapper li.hidden-info button
{
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(1,1,1,0.5);
    border: 1px solid #fff;
    color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-family: 'Poppins';
    text-align: center;
    bottom: 50%;
    padding: 21px;
    margin: 0;
    position: initial;
    font-size: 16px;
}

@media (max-width: 992px){
    .showPlanButtons_Container {
        margin-top: 30px;
    }
    .slides li.hidden-info button.play-video-button,.slides-inactive li.hidden-info button.play-video-button, #common-list-videos-wrapper li.hidden-info button.play-video-button{
        z-index: 100;
    }

    .trial-btn.ifl{
        background: #bf9334 !important;
        background-image: none !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 80% !important;
        padding: 15px !important;
        background-color: #bf9334 !important;
        margin-top: 0 !important;

        /* Bad centering solution */
        margin: 0;
        /* position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); */
        border-radius: 0 !important;
    }
    .trial-btn.ifl p{
        margin-bottom: 0 !important;
        color: #fff !important;
        font-size: 22px !important;
        font-family: 'Poppins' !important;
        font-weight: 300 !important;
        text-transform: uppercase !important;
    }
}
.slides li.hidden-info .center-buttons button.play-video-button,.slides-inactive li.hidden-info .center-buttons button.play-video-button, #common-list-videos-wrapper li.hidden-info .center-buttons button.play-video-button
{
    float: none;
}

.slides li.hidden-info button.skip-video-btn,.slides-inactive li.hidden-info button.skip-video-btn, #common-list-videos-wrapper li.hidden-info button.skip-video-btn
{
    font-size: 12px;
    width: 54px;
    height: 54px;
    padding: 0;
    text-align: center;background: rgba(1,1,1,0.5);
    border: 1px solid #fff;
    border-radius: 1px;
    color: #fff;
    border-radius: 50px;
    font-family: 'Poppins';
}

.slides li.hidden-info button.resume-video-btn, #common-list-videos-wrapper li.hidden-info button.resume-video-btn
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px!important;
    font-size: 11px;
    width: 100px;
    height: 40px;
    padding: 0;
    text-align: center;background: rgba(1,1,1,0.5);
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50px;
    font-family: 'Poppins';
}

.slides li.hidden-info button.resume-video-btn span, #common-list-videos-wrapper li.hidden-info button.resume-video-btn span {
    padding-left: 6px;
}

.slides li.hidden-info button, .fake-slide button, #common-list-videos-wrapper li.hidden-info .hidden-info-box .action-buttons button
{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding: 8px;
    margin: 0 8px 0 0;
}

 .fa-undo {
    width: 16px!important;
    height: 16px!important;
}

.fa-play {
    width: 16px!important;
    height: 16px!important;
}

.slides li.hidden-info button.play-video-button:hover,.slides-inactive li.hidden-info button.play-video-button:hover, .slides li.hidden-info button.skip-video-btn:hover,.slides-inactive li.hidden-info button.skip-video-btn:hover,.slides li.hidden-info button.resume-video-btn:hover, #common-list-videos-wrapper li.hidden-info button.play-video-button:hover, #common-list-videos-wrapper li.hidden-info button.skip-video-btn:hover, #common-list-videos-wrapper li.hidden-info button.resume-video-btn:hover
{
    background: rgba(1,1,1,0.2);
}

.slides li.hidden-info .video-control-buttons > span, .fake-slide li .video-opt,.slides-inactive li.hidden-info .video-control-buttons > span, #common-list-videos-wrapper li.hidden-info .video-control-buttons > span
{
    position: absolute;
    left: 0;
    right: 0;
    top: 25%;
    margin: auto;
    width: 130px;
}

.slides li.hidden-info .video-control-buttons > span, .fake-slide li .video-opt span,.slides li.hidden-info .video-control-buttons > span, .fake-slide li .video-opt button,.slides-inactive li.hidden-info .video-control-buttons > span,#common-list-videos-wrapper li.hidden-info .video-control-buttons > span, .fake-slide li .video-opt span,#common-list-videos-wrapper li.hidden-info .video-control-buttons > span, .fake-slide li .video-opt button
{

    color: #fff;
    border: 2px solid #fff;
    width: 58px;
    height: 58px;
    display: block;
    font-size: 14px;
    margin: 0 auto;
    background: #009ec3;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0px 2px 13px 1px rgba(0,0,0,0.59);
    -moz-box-shadow: 0px 2px 13px 1px rgba(0,0,0,0.59);
    box-shadow: 0px 2px 13px 1px rgba(0,0,0,0.59);
}

.slides li.hidden-info .video-control-buttons > span, .fake-slide li .video-opt span:hover,.slides-inactive li.hidden-info .video-control-buttons > span, #common-list-videos-wrapper li.hidden-info .video-control-buttons > span
{
    opacity: 0.8;
}

.slides li.hidden-info .video-control-buttons > span, .fake-slide li .video-opt span:first-child,.slides-inactive li.hidden-info .video-control-buttons > span, #common-list-videos-wrapper li.hidden-info .video-control-buttons > span
{
    float: left;
    font-size: 22px;
    line-height: 55px;
}

.slides li.hidden-info .video-control-buttons > span, .fake-slide li .video-opt span:last-child,.slides-inactive li.hidden-info .video-control-buttons > span, #common-list-videos-wrapper li.hidden-info .video-control-buttons > span
{
    float: right;
    padding-top: 6px;
}

.slides li.hidden-info .overlay,.slides-inactive li.hidden-info .overlay, #common-list-videos-wrapper li.hidden-info .overlay
{
    position: relative;
}

.slides li.hidden-info .overlay:before,.slides-inactive li.hidden-info .overlay:before, #common-list-videos-wrapper li.hidden-info .overlay:before
{
    position: absolute;
    background: rgba(1,1,1,0.2);
    left:0;
    right:0;
    top:0;
    bottom: 0;
}

.fake-slide
{
    list-style: none;
}

.fake-slide li
{
    float: left;
    width: 25%;
    position: absolute;
    top: 110px;
    left: 20px;
}

.log-back .curtain.scrolling .nav-pills>li>a
{
    color: #2a2927;
}

.log-back .curtain.scrolling .nav-pills>li>a svg
{
    color: #32ccbc;
}

.log-back .curtain.scrolling .nav-pills>li>a:hover
{
    color: #9f9f9f;
}

.log-back .curtain.scrolling .nav-pills>li>a:hover svg
{
    color: #009ec3;
}

.log-back .curtain.scrolling .nav-pills>li.divide-line span
{
    background: #9f9f9f;
}

.signup-page section table tr.mobile-tab-head td
{
    display: none;
}

/* Signup slide effect styles */
.custom-slide
{
    float: left;
    width: 100%;
}

.custom-slide ul
{
    width: 100%;
    list-style-type: none;
    float: left;
    padding-left: 0px;
}

.custom-slide ul li
{
    float: left;
        display: inline-block;
    width: 25%;
    background: #fff;
}

.hidden-info-box
{
/*    z-index: -3;
    opacity: 0;
    width: 100%;
    height: 200px;
    position: absolute;
    color: #2a2927;
    bottom: 0px;
    transition-property: bottom,opacity;
    transition-duration: .3s;
    background: #fff;*/
}

.custom-slide li.hidden-info
{
/*    cursor: pointer;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition-property: background,-webkit-transform;
    transition-property: transform,background;
    transition-property: transform,background,-webkit-transform;
    transition-duration: .3s;*/
}

.custom-slide li.hidden-info:hover
{
/*    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition-property: background,-webkit-transform;
    transition-property: transform,background;
    transition-property: transform,background,-webkit-transform;
    transition-duration: .3s;
    position: relative;
    z-index: 1;*/
}

.custom-slide li.hidden-info:hover .hidden-info-box
{
    transition-property: bottom,opacity;
    transition-duration: .3s;
    bottom: -200px;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}

.videos .modal
{
    outline: 0px;
    top: 0;
    background: rgba(1,1,1,0.7);
    padding-bottom: 100px;
}

.videos .modal-content
{
    margin-top: 100px;
}

@media screen and (min-width: 768px)
{
    .videos .modal-dialog
    {
        width: auto;
    }
}

.modal .modal-body
{
    padding: 0px;
}

.modal .modal-head
{
    background: url(../img/log-header.jpg) top center no-repeat;
    background-size: cover;
    padding-left: 0px;
    padding-right: 0px;
    min-height: 400px;
    padding-bottom: 50px;
}

.modal .modal-body .left-modal
{
    padding-left: 40px;
    margin-top: 120px;
}

.modal .modal-body .left-modal img
{
    float: left;
}

.modal .modal-body h3
{
    color: #fff;
    padding-left: 15px;
}

.modal .modal-body h4
{
    color: #fff;
    text-align: left;
    font-size: 22px;
    font-weight: 600;
    margin-top: 20px;
}

.modal .modal-body p
{
    color: #fff;
    text-align: left;
    font-size: 18px;

}

.modal .modal-body p.individual-cover-show
{

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.modal .modal-body .fav-btn
{
    border-color: rgba(255,255,255,1);
    color: rgba(255,255,255,1);
    margin-right: 15px;
    background: rgba(1,1,1,0.1);
    padding-left: 10px;
    padding-right: 25px;
    border-radius: 30px;
    width: 100%;
    margin-top: 30px;
    text-transform: uppercase;
    font-weight: 400;
    border: 1px solid;
    transition: all 0.4s ease;
    font-family: 'Poppins';
}

.modal .modal-body .fav-btn:hover {
    background: rgba(1,1,1,0.2);
}

.modal .modal-body .left-modal button.selected
{
    color: rgba(1,1,1,0.2);
    border-color: rgba(1,1,1,0.2);
    background: rgba(255,255,255,1);
}

.modal .modal-body .fav-btn svg
{
    margin-right: 10px;
}

.modal .modal-body button.close
{
    border-color: rgba(255,255,255,1);
    color: rgba(255,255,255,1);
    margin-right: 0px;
    background: rgba(1,1,1,0.2);
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400;
    height: 40px;
    line-height: 30px;
    border: 1px solid;
    width: 40px;
    opacity: 1;
    transition: all 0.4s ease;
}

.modal .modal-select
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    padding-bottom: 20px;
}

.modal .modal-select select
{
    border: 1px solid #eee;
    background: #f5f5f5;
    width: 100%;
    padding: 15px;
    font-size: 18px;
    font-weight: 300;
    border-radius: 4px;
    margin-top: 10px;
    cursor: pointer;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}

.modal .modal-select > form > div > svg
{
    color: #7d7d7d;
    position: absolute;
    right: 30px;
    top: 70px;
}

.modal .modal-box > div > div > svg
{
    color: #009ec3;
    position: absolute;
    right: 40px;
    top: 46px;
}

.modal .modal-box select
{
    border: 1px solid #ddd;
    background: #f0f0f0;
    width: 100%;
    padding: 15px;
    font-size: 18px;
    font-weight: 300;
    border-radius: 4px;
    cursor: pointer;
}

.modal .modal-select select, .modal .modal-box select
{
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.modal .modal-select p
{
    display: inline;
    color: #fff;
    font-weight: 300;
    margin: 0px;
    float: left;
    font-size: 20px;
    margin-top: 10px;
}

.modal .modal-box .col-md-12
{
    padding: 15px;
}

.modal .modal-box h3
{
    color: #2a2927;
    font-size: 24px;
    padding-left: 0px;
}

.modal .modal-box h4
{
    color: #7d7d7d;
    font-size: 22px;
}

.modal .modal-box p
{
    color: #111;
    font-size: 17px;
}

.modal .modal-box .modal-video-list
{
    border-bottom: 1px solid #eee;
}

.modal .modal-box .right-box
{
    background: #f2f2f2;
    height: 100%;
    padding: 30px;
}

.modal .modal-box .right-box h3
{
    font-size: 28px;
}

.modal .modal-box .right-box h5
{
    color: #009ec3;
    text-align: left;
    font-size: 20px;
}

.modal .modal-box .right-box p
{
    font-size: 20px;
    line-height: 36px;
}

.modal .modal-box .right-box .key-text
{
    color: #32ccbc;
    margin-top: 50px;
    text-align: left;
}

.modal .modal-box .right-box .key-text svg
{
    position: relative;
    top: 0;
    right: 0;
    color: #32ccbc;
    font-size: 10px;
}

.modal .modal-box .right-box .key-text span
{
    display: inline;
    font-size: 18px;
    padding: 5px;
}

.modal .modal-box .right-box .key-text span:first-child
{
    padding-left: 0px;
}

.modal-content
{
    border-radius: 0px;
}

section .mobile-pad .billing-plan.active
{
    border: 2px solid #49d0c1;
}

section .mobile-pad .billing-plan.active .bil-head
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
}

section .mobile-pad .billing-plan.active .bil-content button
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    border-color: #fff;
    border-radius: 4px;
}

.billing-plan:hover button
{
    border-color: #fff;
    border-radius: 4px;
}

.billing-plan.active .bil-content button span
{
    color: #fff;
}

.ribbon {
    position: absolute;
    left: -2px;
    top: -2px;
    z-index: 1;
    overflow: hidden;
    width: 150px;
    height: 150px;
    text-align: center;
}
.ribbon-off{
    position: absolute;
    right: -2px;
    top: -2px;
    z-index: 1;
    overflow: hidden;
    width: 150px;
    height: 150px;
    text-align: center;
}
.ribbon span {
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 46px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 264px;
    display: block;
    background: #79A70A;
    background: rgba(1,1,1,0.5);
    position: absolute;
    top: 35px;
    left: -77px;
    font-weight: 400;
}
.ribbon-off span{
    top: 24px;
    width: 240px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 39px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 264px;
    display: block;
    background: #cc0000;
    position: absolute;
    top: 31px;
    left: -26px;
    font-weight: 400;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
}

.billing-plan.active h1
{
    color: #111;
}

.billing-plan.active h2
{
    font-weight: 400;
}
svg, svg * {
              pointer-events: none;
            }
            .lSAction > .lSPrev, .lSAction > .lSNext {
              z-index: 1000;
            }
            .lslide {
              overflow: hidden;
            }
            .fake-slide li .video-opt {
              top: -200px;
              bottom: 0;
            }

          #fake-slides-container .hoverbox {
            background: #fff;
            -webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15);
            -moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15);
            box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.15);
            padding-top: 15px;
            cursor: pointer;
          }
          #fake-slides-container .hoverbox h3
          {
              padding-left: 15px;

          }
          #fake-slides-container .hoverbox .hidden-info-box {
            z-index: 10;
            opacity: 1;
            position: fixed;
            padding: 15px;
            padding-top: 0px;
            background: #fff;
            width: 100%;
            -webkit-box-shadow: 0px 11px 15px 0px rgba(0,0,0,0.15);
            -moz-box-shadow: 0px 11px 15px 0px rgba(0,0,0,0.15);
            box-shadow: 0px 11px 15px 0px rgba(0,0,0,0.15);
            -webkit-transition: opacity 0.4s ease;
            transition: opacity 0.4s ease;
          }

          .hoverbox .hidden-info-box button.selected,div.individual-show button.selected
          {
              background: #009ec3;
              color: #fff;
              border: 2px solid #009ec3;
          }


.search-form .form-group input.form-control::-webkit-input-placeholder{
  display:none;
}
.search-form .form-group input.form-control::-moz-placeholder{
  display:none;
}
.navbar-right{
  min-width:450px; /*or I can probably just use columns*/
}
.navbar-right form{
  width:100%;
}

.search-form
{
/*    min-width:450px; */
}

.form-group{
  position:relative;
width:0%;
  min-width:60px;
height:45px;
/*overflow:hidden;*/
-webkit-transition: width 1s;
transition: width 1s;
backface-visibility:hidden;
}
.form-group input.form-control{
  position:absolute;
  top:0;
  right:0;
  outline:none;
  width:100%;
  height:48px;
  margin:0;
  z-index:10;
  box-shadow: none;
}
input[type="text"].form-control{
  -webkit-appearence:none;
  -webkit-border-radius:0;
}
.form-control-submit,
.search-label{
  width:120px;
  height:45px;
  position:absolute;
  right:0;
  top:0;
  padding:0;
  margin:0;
  text-align:center;
  cursor:pointer;
  line-height:45px;
  background:none;
}
.search-label svg
{
    margin-right: 10px;
}
.form-control-submit{
  background: none; /*stupid IE*/
    opacity: 0;
  color:transparent;
  border:none;
  outline:none;
  z-index:-1;
}
.search-label{
  z-index:90;
}
.form-group.sb-search-open,
.no-js .sb-search-open{
  width:100%;
}
.form-group.sb-search-open .search-label,
.no-js .sb-search .search-label {
    background: #fff;
    color: #2a2927;
    z-index: 11;
}
.form-group.sb-search-open .form-control-submit,
.no-js .form-control .form-control-submit {
    z-index: 90;
}


.ui-autocomplete {
  position: fixed;
  top: 100%;
  left: 0;
  z-index: 100000;
  float: left;
  display: none;
  min-width: 160px;
  width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;


}

.ui-menu-item  {
display: block;
padding: 3px 15px;
clear: both;
font-weight: normal;
line-height: 18px;
color: #32ccbc;
/* white-space: nowrap; */


}


.ui-menu-item:hover{
  color: #ffffff;
  text-decoration: none;
  background-color: #32ccbc;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-image: none;
  cursor: pointer;
}

.ui-menu-item:hover .ui-menu-item-wrapper, .ui-autocomplete:hover .ui-menu-item-wrapper, .ui-menu-item-wrapper:hover {
    background-color: rgba(255,255,255,0);
    border:none;
}

.search-form input
{
    background: none;
    border: 0px;
}

.search-form span
{
    color: #fff;
    font-size: 18px;
}

.sb-search-open
{
    background: #fff;
    margin-top: 0;
    position: absolute;
    left: -350px;
}

.search-form span:hover
{
    color: rgba(255,255,255,0.6);
}

.modal-video-list a
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    font-weight: 500;
    border: 0px;
    box-shadow: none;
    color: #fff;
    float: left;
    width: 100%;
    font-size: 18px;
    padding: 15px 10px;
    margin-top: 16px;
    border-radius: 3px;
    text-decoration: none;
}
.modal-video-list img.img-responsive:hover {
    cursor: pointer;
}

.log-back .curtain.scrolling .search-form span
{
    color: #2a2927;
}

.log-back .curtain.scrolling .search-form span svg
{
    color: #32ccbc;
}

.log-back .curtain.scrolling .sb-search-open
{
    background: #ededed;
}

.signup-page section table thead .row-view.scrolling th:nth-child(2)
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 33%;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
}
.signup-page section table thead .row-view.scrolling th:nth-child(3)
{
    position: fixed;
    top: 0;
    left: 33%;
    right: 0;
    width: 33%;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
}

.signup-page section table thead .row-view.scrolling th:nth-child(4)
{
    position: fixed;
    top: 0;
    left: 66%;
    right: 0;
    width: 33%;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
}

.row-view
    {
        opacity: 0;
        display: none;
    }

.curtain .right-opt .join-fb
{
    border: 2px solid #fff;
    font-size: 15px;
    font-weight: 600;
    padding-left: 20px;
    padding-right: 20px;
}

.curtain .right-opt #search.form-group
{
    min-width: 120px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
    transition: all 300ms;
}

.curtain .right-opt .join-fb:hover
{
    color: rgba(255,255,255,1);
    background: rgba(1,1,1,0.1);
}

.log-back .curtain.scrolling .right-opt .join-fb, .log-back .curtain.scrolling .right-opt .join-fb svg
{
    color: #3b5998 !important;
    border-color: #3b5998;
}

.log-back .curtain.scrolling .right-opt .join-fb:hover,.log-back .curtain.scrolling .right-opt .join-fb:hover svg
{
    color: #fff !important;
    background: #3b5998;
}

.log-back .curtain.scrolling .search-form span:hover
{
    color: #9f9f9f;
}

.log-back .curtain.scrolling .search-form span:hover svg
{
    color: #009ec3;
}

.submenu-box
{
/*    display: none;*/
    position: absolute;
    left: 40px;
    top: 80px;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    padding: 5px 30px;
    -webkit-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.07);
    box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.07);
}

.submenu-box h2
{
    text-transform: uppercase;
    color: #2a2927;
    font-size: 18px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
}

.submenu-box .question-box .container
{
    font-size: 15px;
    color: #9f9f9f;
}

.submenu-box .question-box .container:hover,.submenu-box .question-box .container:active
{
    color: #009ec3;
}

.submenu-box .question-box.checkbox-q .checkmark
{
    top: 4px;
    width: 15px;
    height: 15px;
}

.submenu-box .question-box.checkbox-q .checkmark
{
    border: 2px solid #9f9f9f;
}

.submenu-box .question-box.checkbox-q .container .checkmark:after
{
    left: 2px;
    top: -1px;
}

.submenu-box .question-box.checkbox-q .container:hover input ~ .checkmark
{
    background: #009ec3;
}

.submenu-box .silver-line
{
    background: #dedede;
    height: 1px;
    width: 100%;
    margin-top: 10px;
}

.submenu-box button
{
    border: 0px;
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    margin-top: 20px;
    padding: 12px 40px;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 20px;
}

.progress-line
{
    width: 80%;
    margin-left: 10%;
    background: #ddd;
    height: 3px;
    margin-top: 10px;
    border-radius: 100px;
    border-top: 1px solid #b9b7b7;
    float: left;
    border: none;
}

.progress-line.hovered{
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 20px;

}
.progress-line.progress-line-helper{
    margin-top: 12px;
    margin-bottom: 16px;
}

.progress-line .progress-video
{
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    height: 100%;
    float: left;
    border-radius: 100px;
}

.fake-slide .progress-line
{
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.no-play-btn .fake-slide .hidden-info-box span
{
    display: none;
}

.whos-watch-box
{
    display: block;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.whos-watch-box .whos-head
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 15px 30px;
    float: left;
    width: 100%;
}

.whos-watch-box .whos-head span
{
    color: #fff;
    float: left;
    font-size: 16px;
}

.whos-watch-box .whos-head a
{
    color: #fff;
    float: right;
    font-size: 16px;
    text-decoration: underline;
}

.whos-watch-box .whos-content
{
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 30px;
    float: left;
    width: 100%;
    padding-top: 0px;
}

.whos-watch-box .whos-content a
{
    width: 100%;
    background: #f0f0f0;
    float: left;
    border-radius: 4px;
    padding: 10px 20px;
    margin-top: 30px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -ms-transition: all 300ms;
    transition: all 300ms;
}

.whos-watch-box .whos-content a svg
{
    opacity: 0;
}

.whos-watch-box .whos-content span
{
    border-radius: 100px;
    width: 80px;
    height: 80px;
    line-height: 80px;
/*    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);*/
    background: #fff;
    display: inline-block;
    color: #32ccbc;
    font-size: 40px;
    text-transform: uppercase;
    margin-right: 20px;
}

.whos-watch-box .whos-content p
{
    color: #2a2927;
    line-height: 66px;
    margin: 0px;
    display: inline;
    float: left;
    font-size: 24px;
    font-weight: 400;
}

@media(min-width: 992px)
{
    .whos-watch-box .whos-content a:hover
{
    background: #fff;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.25);
}

.whos-watch-box .whos-content a:hover p
{
    color: #111;
}

.whos-watch-box .whos-content a:hover span
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
}

.whos-watch-box .whos-content a:hover svg
{
    opacity: 1;
    float: right;
    color: #32ccbc;
    font-size: 22px;
    margin-top: 30px;
}
}

.fake-slide img.big-img
    {
        width: 94%;
    }

.user-login-page
{
    background: #f5f5f5;
    padding-top: 150px;
    min-height: 1100px;
}

.user-login-page .login-box
{
    background: #fff;
    border-radius: 4px;
    float: left;
    width: 100%;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.25);
}

.login-box .login-head
{
    background: #f7f7f7;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #fff;
    color: #009ec3;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 10px;
}

.login-box .login-content
{
    background: #fff;
    padding: 30px;
    padding-top: 0px;
    border-top: 1px solid #ddd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.login-box .login-content label
{
    width: 100%;
    font-size: 18px;
    font-weight: 300;
    margin-top: 30px;
}

.login-box .login-content input
{
    border: 1px solid #eee;
    background: #fafafa;
    width: 100%;
    height: 60px;
    line-height: normal;
    font-size: 18px;
    font-weight: 300;
    margin-top: 10px;
    box-shadow: none !important;
    -webkit-appearance: none;
    padding-left: 10px;
    color: #2a2927;
}

.login-box .login-content button
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    font-weight: 500;
    border: 0px;
    box-shadow: none;
    color: #fff;
    font-size: 26px;
    padding: 15px;
    width: 100%;
    border-radius: 3px;
    margin-top: 10px;
    text-transform: uppercase;
    text-decoration: none !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

.login-box .login-content p
{
    color: #a1a1a1;
    font-size: 17px;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.login-box .login-content p a
{
    color: #009ec3;
    text-decoration: underline;
    text-align: center;
    width: auto;
    margin-top: 0px;
    font-size: 17px;
    display: inline;
}

.login-box .login-content a
{
    color: #009ec3;
    text-decoration: underline;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 17px;
    margin-top: 10px;
}

.login-box .login-content .login-social
{
    border-top: 1px solid #ddd;
    float: left;
    width: 100%;
    margin-top: 15px;
    position: relative;
    padding-bottom: 20px;
}

.login-box .login-content .login-social .fb-sign
{
    color: #3b5998;
    border: 2px solid #3b5998;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    height: 60px;
    line-height: 54px;
    margin-top: 30px;
    border-radius: 3px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.login-box .login-content .login-social .fb-sign:hover
{
    background: #3b5998;
    color: #fff;
}

.login-box .login-content .login-social .gl-sign
{
    color: #dd4b39;
    border: 2px solid #dd4b39;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    margin-top: 30px;
    border-radius: 3px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.login-box .login-content .login-social .gl-sign:hover
{
    background: #dd4b39;
    color: #fff;
}

.login-box .login-content .login-social span
{
    background: #fff;
    color: #9f9f9f;
    border-radius: 100px;
    font-size: 24px;
    font-weight: 300;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 56px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    top: -30px;
}

.fake-slide li .video-opt.manuals-pl
{
    top: -220px;
}


.chosen-plan h1::first-letter {
    text-transform: uppercase;
}

/* Search Results Design */

.log-back.results-head
{
    background: url("../img/Zonia-Search Section-Header Banner-Dektop-Optimized.webp") top 30% center no-repeat;
    background-size: auto auto;
    background-size: cover !important;
    padding-left: 0px;
    padding-right: 0px;
    min-height: 400px;
}
.log-back.results-head.free-page-header,.log-back.results-head.limited-page
{
    background: url(../img/cover-desk-dark.jpg) top 30% center no-repeat;
    background-size: auto auto;
    background-size: cover !important;
    padding-left: 0px;
    padding-right: 0px;
    min-height: 510px;
}

.results-head h1
{
    color: #fff;
    font-weight: 600;
    font-size: 60px;
    margin-top: 160px;
}
.apply-page .results-head h1
{
    font-size: 50px;
}

.results-list .tab-content > .active, .results-list .pill-content > .active
{
    opacity: 1;
}

.results-list ul li.active a
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    font-weight: 400;
    border-radius: 0px;
    box-shadow: none;
    border: 0px;
    color: #fff;
    font-size: 24px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 36px;
    outline: 0px;
    width: 200px;
    text-align: center;
}

.results-list ul li a
{
    background: #f2f2f2;
    font-weight: 400;
    border: 1px solid #eee;
    box-shadow: none;
    border-radius: 0px;
    color: #2a2927;
    font-size: 24px;
    padding-top: 14px;
    padding-bottom: 14px;
    margin-top: 36px;
    outline: 0px;
    width: 200px;
    text-align: center;
}

.results-list .nav-pills
{
    padding-left: 15px;
    padding-right: 15px;
}

.results-list .nav-pills > li + li
{
    margin-left: 0px;
}

.results-list .result-item
{
    margin-top: 30px;
    position: relative;
}

.results-list .result-item h3
{
    color: #666666;
    font-weight: 600;
    text-align: left;
    margin-top: 10px;
    width: 100%;
    height: 30px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 22px;
    text-decoration: none !important;
    text-transform: capitalize;
}

.results-list .tab-content
{
    padding-bottom: 50px;
}

/* Manage profiles Design */

.manage-list
{
    padding-top: 40px;
    padding-bottom: 100px;
    min-height: 800px;
}

.manage-list .select-profile
{
    width: 100%;
    background: #f0f0f0;
    border: 0px;
    text-align: left;
    border-radius: 3px;
    height: 120px;
    line-height: 100px;
    font-size: 30px;
    padding-left: 20px;
    color: #7d7d7d;
    margin-top: 30px;
    text-transform: capitalize;
    box-shadow: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.manage-list .select-profile span
{
    background: #fff;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    display: inline-block;
    text-align: center;
    line-height: 80px;
    font-size: 40px;
    color: #26b5a6;
    margin-right: 20px;
    -webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.15);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.manage-list .select-profile svg
{
    color: #26b5a6;
    float: right;
    margin-right: 20px;
    margin-top: 33px;
}

.manage-list .select-profile span.plus-icon
{
    font-size: 55px;
    line-height: 75px;

}


.manage-list .select-profile:hover,.manage-list .select-profile:active
{
    background: #fff;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
    color: #2a2927;
}

.manage-list .select-profile:hover span,.manage-list .select-profile:active span
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    box-shadow: none;
}

.manage-list .select-profile:hover span svg,.manage-list .select-profile:active span svg
{
    color: #fff;
}

.manage-wrap .modal
{
    background: rgba(1,1,1,0.6);
    top: 0;
    padding-top: 125px;
}

.manage-wrap .modal-header
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
}

.manage-wrap .modal-header .modal-title
{
    font-size: 18px;
    display: inline;
}

.manage-wrap .modal-header button
{
    color: #fff;
    opacity: 1;
    font-size: 28px;
}

.manage-wrap .modal-body
{
    padding: 30px;
}

.manage-wrap .modal-body h2
{
    color: #2a2927;
    font-size: 24px;
    font-weight: 600;
    margin-top: 0px;
}

.manage-wrap .modal-body input
{
    width: 100%;
    border: 1px solid #eee;
    height: 50px;
    padding-left: 15px;
    font-size: 18px;
    font-weight: 300;
    color: #000;
    margin-bottom: 20px;
    -webkit-appearance: none;
}

.instagram-wrapper input
{
    width: 100%;
    border: 1px solid #eee;
    height: 50px;
    padding-left: 15px;
    font-size: 18px;
    font-weight: 300;
    color: #000;
    margin-bottom: 20px;
    -webkit-appearance: none;
    box-shadow: -2px -2px 4px gainsboro;
    border-radius: 2px;
}

.manage-wrap .modal-body h2 span
{
    font-weight: 300;
    color: #26b5a6;
    font-size: 18px;
}

.manage-wrap .modal-body.question-box label
{
    font-weight: 300;
}

.manage-wrap .modal-body.question-box label:last-of-type
{
    margin-bottom: 20px;
}

.manage-wrap .modal-body.question-box .col-md-6
{
    width: 100%;
    padding: 0px;
    display: block;
    float: none;
}

.manage-wrap .modal-body.question-box .col-md-6 select
{
    padding: 10px;
}

.manage-wrap .modal-body .save-changes,button.reactivate-plan-btn,.manage-wrap .modal-body .login-migrated
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    font-weight: 300;
    border: 0px;
    box-shadow: none;
    color: #fff;
    font-size: 20px;
    padding: 15px;
    width: 49%;
    margin-top: 10px;
    border-radius: 3px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 60px;
}

button.reactivate-plan-btn{
   padding: 10px;
}

.manage-wrap .modal-body .delete-profile
{
    background: #fff;
    font-weight: 400;
    border: 0px;
    box-shadow: none;
    color: #dd4b39;
    border: 1px solid #dd4b39;
    font-size: 20px;
    padding: 15px;
    width: 49%;
    margin-top: 10px;
    border-radius: 3px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 60px;
}

.manage-wrap .modal-body .cancel-profile
{
    background: #fff;
    font-weight: 400;
    border: 0px;
    box-shadow: none;
    color: #444343;
    border: 1px solid #444343;
    font-size: 20px;
    padding: 15px;
    width: 49%;
    padding-top: 10px;
    border-radius: 3px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 60px;
    /*margin-left: 10px;*/
    float: right;
}

.subcourse-box
{
    display: none;
    position: absolute;
    right: 472px;
    top: 60px;
    width: 155px;
    background: #fff;
    border-radius: 4px;
    padding: 0px;
    -webkit-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.07);
    box-shadow: 0 0 5px 3px rgba(0,0,0,0.07);
    text-align: center;
}

.subcourse-box a.module
{
    font-size: 15px;
    text-decoration: none;
    color: #747474;
    font-weight: 520;
    width: 100%;
    display: block;

    padding: 10px 0;

    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.subcourse-box a.module:hover
{
    background-color: #f2f5f4;
    /* background-color: #06A3C3; */
    color:#06A3C3;
}

.subcourse-box a.module:first-child
{
    padding-top: 15px;
}

.subcourse-box .silver-line
{
    height: 1px;
    /* width: 100%; */
    width: 155px;
    background: #ddd;
    display: block;
    /* margin-bottom: 10px;
    margin-top: 10px; */
}

.subcourse-box .silver-line:last-child{
    margin-bottom: 0px;
}


.subname-box
{
    display: none;
    position: absolute;
    right: 40px;
    top: 80px;
    width: 420px;
    background: #fff;
    border-radius: 4px;
    padding: 15px 30px;
    -webkit-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.07);
    box-shadow: 0px 5px 11px 1px rgba(0,0,0,0.07);
}

.subname-box a.user-one
{
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    color: #2a2927;
    font-weight: 500;
    width: 100%;
    display: block;
    margin-bottom: 15px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-left: -5px;
}

.subname-box a.user-one span
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    width: 54px;
    height: 54px;
    border-radius: 100px;
    display: inline-block;
    text-align: center;
    line-height: 54px;
    font-size: 22px;
    color: #fff;
    margin-right: 15px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.billing-plan.billplan-2 .bil-head img
{
    max-width: 310px;
}

.subname-box a.user-one:hover span, .subname-box a:hover span
{
    background: #fff;
    -webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.15);
    color: #32ccbc;
}

.subname-box a.user-one:hover, .subname-box a:hover
{
    color: #32ccbc;
}

.subname-box .silver-line
{
    height: 1px;
    width: 100%;
    background: #ddd;
    display: block;
    margin-bottom: 20px;
    margin-top: 5px;
}

.subname-box a
{
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
    color: #2a2927;
    font-weight: 500;
    width: 100%;
    display: block;
    margin-bottom: 15px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.subname-box a span
{
    background: #b8b8b8;
    color: #fff;
    width: 44px;
    height: 44px;
    border-radius: 100px;
    display: inline-block;
    text-align: center;
    line-height: 44px;
    font-size: 20px;
    color: #fff;
    margin-right: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.subname-box a svg:first-child
{
    color: #32ccbc;
    margin-right: 10px;
}

.subname-box a svg:last-child
{
    float: right;
}

.subname-box a svg,.sticky-bottom-menu a svg
{
  min-width: 20px;
}

video::-webkit-media-controls {
  display: none;
}

/* Could Use thise as well for Individual Controls */
video::-webkit-media-controls-play-button {
}

video::-webkit-media-controls-volume-slider {}

video::-webkit-media-controls-mute-button {}

video::-webkit-media-controls-timeline {}

video::-webkit-media-controls-current-time-display {}

.modal-video-list .video-episode-image{
    z-index: 2;
}

.modal-video-list .video-episode-image .fav-play-btn{
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(1,1,1,0.5);
    border: 1px solid #fff;
    border-radius: 1px;
    color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-family: 'Poppins';
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 50%!important;
    padding: 21px;
    transform: translate(0, 22px);
}

.modal-video-list .video-episode-image .fav-play-btn .play-text {
    display: none;
}

.modal-video-list .video-episode-image .fav-play-btn.fav-play-btn-cooking{
    transform: translate(0, -11.5px)!important;
}

.modal-video-list .video-episode-image .fav-play-btn:hover{
    background: rgba(1,1,1,0.2);
}

.modal-video-list .video-episode-image .fav-play-btn svg
{
    margin: 0;
}

.modal-video-list .video-episode-image .watch-again-modal-btn,
.modal-video-list .video-episode-image .resume-modal-btn {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0 10px!important;
    font-size: 11px;
    width: 100px;
    height: 40px;
    padding: 0;
    text-align: center;
    background: rgba(1,1,1,0.5);
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50px;
    font-family: 'Poppins';
}

.modal-video-list .video-episode-image .fav-play-btn span {
    padding-left: 6px;
}

.modal-video-list .video-episode-image:hover .fav-play-btn,
.modal-video-list .video-episode-image:hover .watch-again-modal-btn,
.modal-video-list .video-episode-image:hover .resume-modal-btn{
    display: flex;
}

.hoverbox .video-control-buttons{
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.hoverbox .video-control-buttons button.play-video-button{
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(1,1,1,0.5);
    border: 1px solid #fff;
    color: #fff;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-family: 'Poppins';
    text-align: center;
    bottom: 50%;
    padding: 21px;
    margin: 0 0 14px 0;
    position: initial;
}

.hide-on-desktop{
    display: none;
}

.hide-on-mobile{
    display: block;
}

.fav-play-btn-wrapper{
    position: relative;
    padding-left: 15px;
    width: 50%;
    padding-right: 15px;
}


/* end new play buttons in individual shows preview */


.sticky-bottom-menu
{
    display: none;
    opacity: 0;
}

.modal-style .modal-content
{
    border: 0px;
    top: 125px;
}

.modal-open .modal
{
    background: rgba(1,1,1,0.5);
    top: 0;
    overflow-x: hidden;
}

.modal-style .success .modal-header
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    height: 60px;
}

.modal-style .modal-header button
{
    color: #fff;
    opacity: 1;
    font-size: 30px;
}

.modal-style .modal-body img
{
    margin-top: 30px;
}

.modal-style .modal-body p
{
    color: #2a2927;
    text-align: center;
    font-size: 24px;
    margin-top: 15px;
}

.modal-style .modal-footer
{
    border-top: 0px;
}

.modal-style .success .modal-footer .btn
{
    width: 100%;
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    box-shadow: none;
    border: 0px;
    font-weight: 300;
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.modal-style .error .modal-header
{
    background: #f15e5e;
    height: 60px;
}

.modal-style .info .modal-header
{
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    height: 60px;
}

.modal-style .error .modal-footer .btn
{
    width: 100%;
    background: #f15e5e;
    color: #fff;
    box-shadow: none;
    border: 0px;
    font-weight: 300;
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.modal-style .info .modal-footer .btn
{
    width: 100%;
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    box-shadow: none;
    border: 0px;
    font-weight: 300;
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

ul.slides,ul.slides-inactive,#common-list-videos-wrapper {
    position: relative;
    list-style-type: none;
    padding: 0 25px;
    width: 100%;
}

.hoverbox.hidden-info .hidden-info-box{
    display: flex;
    flex-direction: column;
    position: absolute;
    float: left;
    background: white;
    width: 100%;
    /* transition: all 1.2s ease-in-out; */
    -webkit-box-shadow: 0px 10px 9px 1px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 10px 9px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 10px 9px 1px rgb(0 0 0 / 25%);
    padding: 10px;
    left: 0;
    margin-top: -1em;
}

.hoverbox.hidden-info .hidden-info-box {
    display: none;
    position: relative;
    border-radius: 0 0 10px 10px;
}

.hoverbox.hidden-info:hover .hidden-info-box {
    display: flex;
    flex-direction: column;
    position: absolute;
    float: left;
    background: white;
    width: 100%;
    /* transition: all 1.2s ease-in-out; */
    -webkit-box-shadow: 0px 10px 9px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 10px 9px 1px rgba(0,0,0,0.25);
    box-shadow: 0px 10px 9px 1px rgba(0,0,0,0.25);
    padding: 10px;
    left: 0;
    margin-top: -1em;
}

.hidden-div-controls{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hidden-div-controls .like-btn-episode {
    border: 1px solid red;
}

.slides li.hidden-info,.slides-inactive li.hidden-info {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.hoverbox {
    z-index: 10;
}
.results-list .hoverbox {
    z-index: 0;
}

.flexslider .hoverbox:hover {
    position: relative;
    z-index: 20;
    background: none;
}

.hoverbox.hidden-info:hover, .hoverbox.hidden-info-box {
    padding: 0;
    transition: all 1.2s ease-in-out;
    border-radius: 10px;
    background: none;
    margin: -25px 0!important;
}

.hoverbox:hover .video-image {
    position: relative;
}

.hoverbox.hidden-info:hover .video-resume-buttons{
    z-index: 2000;
}

.hoverbox.hidden-info:hover .play-video-button{
    z-index: 2000;
}

.video-image:hover, .hoverbox.hidden-info-box {
    position: relative;
    /* transform: scale(1.05);
    -webkit-transform: scale(1.05); */
    padding: 0;
    /* transition: all 1.2s ease-in-out; */
    border-radius: 10px;
    background: none;
    /* margin: -20px 0; */
}


@media screen and (min-width: 992px)
{
    .hover-show-wrapper:hover, .hoverbox.hidden-info-box {
        position: relative;
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        padding: 0;
        transition: all 1.2s ease-in-out;
        border-radius: 10px;
        background: none;
        margin: -20px 0;
    }
}
/* Account */

.account-page
{
    padding-top: 50px;
    padding-bottom: 200px;
}

.acc-info
{
    background: #fff;
    -webkit-box-shadow: 0px 2px 9px 1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 2px 9px 1px rgba(0,0,0,0.08);
    box-shadow: 0px 2px 9px 1px rgba(0,0,0,0.08);
    border-radius: 4px;
    padding: 30px;
    float: left;
    width: 100%;
    margin-bottom: 25px;
}

.acc-info h3
{
    padding-bottom: 0px;
    color: #111;
    text-align: left;
    font-size: 26px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.acc-info .silver-line
{
    background: #d6d5d5;
    height: 1px;
    width: 100%;
    float: left;
    margin-top: 20px;
}

.acc-info .update-box
{
    width: 100%;
    float: left;
}

.acc-info .update-box h4
{
    color: #111;
    font-size: 22px;
    font-weight: 600;
    margin-top: 25px;
}

.acc-info .update-box h4 span
{
    font-size: 20px;
    font-weight: 400;
}

.acc-info .update-box p
{
    color: #111;
    font-size: 19px;
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 0px;
}

.acc-info .update-box button
{
    float: right;
    margin-top: -50px;
    background: none;
    border: 0px;
    color: #009ec3;
    font-size: 18px;
    font-weight: 300;
    padding-left: 0px;
    padding-right: 0px;
    outline: 0px;
}

.acc-info .update-box button.sec-btn
{
    margin-top: 0px;
}

.acc-info .update-box h4 button
{
    margin-top: 0px;
}

.acc-info a
{
    border: 2px solid #ccc;
    color: #ccc;
    padding: 10px 30px;
    float: left;
    margin-top: 20px;
    font-size: 18px;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.acc-info a:hover
{
    background: #ccc;
    color: #fff;
}

#NameModal .modal-dialog, #PaymentModal .modal-dialog, #EmailModal .modal-dialog, #PassModal .modal-dialog, #PlanModal .modal-dialog, #HistoryModal .modal-dialog, #CancelModal .modal-dialog, .flashNotificationModal .modal-dialog, #memberModal .modal-dialog, #passModal .modal-dialog, #matchModal .modal-dialog, #troubleModal .modal-dialog, #generalFeedbackModal .modal-dialog
{
    width: 800px;
}

.acc-wrap .modal-content .silver-line
{
    background: #d6d5d5;
    height: 1px;
    width: 100%;
    float: left;
    margin-top: 10px;
}

.manage-wrap.acc-wrap .modal-body .save-changes,.manage-wrap.acc-wrap .modal-body .login-migrated
{
    width: 49%;
}

.manage-wrap.acc-wrap .modal-body .cancel-profile
{
    width: 49%;
    /*margin-top: 30px;
    margin-left: 10px;*/
}

.manage-wrap.acc-wrap .prim-opt
{
    color: #111;
    font-size: 18px;
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 0px;
    width: 100%;
    float: left;
    border: 1px solid #ccc;
    margin-top: 0px;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    text-decoration: none;
}

.manage-wrap.acc-wrap .prim-opt svg
{
    float: right;
    color: #ccc;
    margin-top: 17px;
    margin-right: 15px;
    font-size: 14px;
}

.manage-wrap.acc-wrap .prim-opt span
{
    float: right;
    margin-right: 20px;
    font-size: 15px;
    color: #ccc;
    font-weight: 300;
}

.manage-wrap.acc-wrap .prim-opt.active span
{
    color: #009ec3;
    font-weight: 600;
}

.manage-wrap.acc-wrap .prim-opt:not(:first-child)
{
    border-top: 1px solid #fff;
}


.manage-wrap.acc-wrap .modal-body h2
{
    clear: both;
}

.manage-wrap.acc-wrap .modal-body h2.top-marg
{
    margin-top: 30px;
    float: left;
    width: 100%;
}

.acc-wrap .nav-tabs>li>a
{
    background: #fafafa;
    margin-top: 20px;
}

.acc-wrap .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
{
    border: 2px solid #ccc;
    border-radius: 0px;
    background: #fff;
}

.acc-wrap .nav-tabs
{
    border-bottom: 0px;
    clear: both;
}

.acc-wrap .tab-content>.active, .acc-wrap .pill-content>.active
{
    padding-top: 25px;
    padding-bottom: 15px;
}

.acc-wrap .tab-content .tab-inputs input
{
    border: 1px solid #eee;
    background: #fafafa;
    width: 49%;
    height: 50px;
    padding: 10px;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
    box-shadow: none !important;
    -webkit-appearance: none;
}

.acc-wrap .tab-content .tab-inputs input:last-child
{
    margin-left: 10px;
}

.acc-wrap .tab-content .add-card-btn
{
    background: #fff;
    font-weight: 400;
    box-shadow: none;
    color: #444343;
    border: 1px solid #444343;
    font-size: 15px;
    margin-top: 0px;
    border-radius: 3px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 50px;
    line-height: 50px;
    float: left;
    width: 200px;
    text-align: center;
    margin-bottom: 15px;
    text-decoration: none;
}

.acc-wrap .tab-content .pp-pay-btn
{
    background: #ffc439;
    font-weight: 400;
    box-shadow: none;
    color: #fff;
    border: 1px solid #ffc439;
    margin-top: 0px;
    border-radius: 3px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 50px;
    line-height: 50px;
    float: left;
    width: 300px;
    text-align: center;
    margin-bottom: 15px;
    text-decoration: none;
}

.acc-wrap .tab-content .pp-pay-btn img
{
    margin-top: 14px;
}

.manage-wrap.acc-wrap .prim-opt:hover span
{
    color: #009ec3;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.filter-options-dropdown button {
    width: 100%;
    margin-top: 10px;
    padding: 15px;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    border-radius: 4px;
    border: 1px solid #eee;
    background-color: #f5f5f5;
    text-overflow: ellipsis;
    overflow: auto;
}
.filter-options-dropdown button:focus, .filter-options-dropdown button:hover, .filter-options-dropdown button:active {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    outline:none;
    box-shadow: none;
}
.filter-options-dropdown .dropdown-menu {
    width: calc(100% - 30px);
    margin: 0 15px;
    border: 0;
    border-radius: 0;
}
.filter-options-dropdown .dropdown-menu li a {
    padding: 3px 10px;
}
.filter-options-dropdown .dropdown-menu li a:hover {
    background-color: #f2f2f2;
    background-image: none;
    color: #000;
}
.filter-options-dropdown .dropdown-menu li a input {
    margin: 0 4px 0 0;
}
.filter-options-dropdown .container {
    padding-left: 30px!important;
}
.single-filter-options .checkmark {
    top: 0;
}

li.hidden-info.skipped .hidden-info-box
{
    display: none;
}

li.resumed .hidden-info-box .video-control-buttons
{
    display: none;
}

li.hidden-info.skipped .video-image, li.hidden-info.skipped .video-list h3, li.hidden-info.skipped .progress-line
{
    opacity: 0.5;
}

li.hidden-info .video-unskip-buttons
{
    display: none;
}

li.hidden-info.skipped .video-unskip-buttons
{
    display: block;
    position: absolute;
    top: 6em;
    left: 0;
    right: 0;
    margin: auto;
    width: 70px;
    text-align: center;
}

li div.video-resume-buttons
{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    /* Hide if not hovered */
    z-index: -1;
}
li div.new-releases-wrapper .video-resume-buttons.watch-again-btn{
    left:0em;
}
.slides li.hidden-info button.skip-video-btn.skip-watch-again-btn{
    position:absolute;
}

li div.video-resume-buttons button
{
    padding: 2px;
    font-size: 14px;
    width: 60px;
    height: 60px;
    -webkit-box-shadow: 0px 5px 14px 3px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 5px 14px 3px rgba(0,0,0,0.35);
    box-shadow: 0px 5px 14px 3px rgba(0,0,0,0.35);
}

.info-tool-delete:hover svg.fa-times{
    color: #FF0000!important;
}
input.parsley-error {
    border: 1px solid #FF0000 !important;
    margin-bottom: 0!important;
}
.parsley-error {
    border: 1px solid #FF0000 !important;
}
.parsley-errors-list {
    text-align: left;
    list-style-type: none;
    color: #FF0000;
    padding: 0;
    /* margin-bottom: 0; */
}

.modal-plan .nav-tabs>li.active>a, .modal-plan .nav-tabs>li.active>a:hover, .modal-plan .nav-tabs>li.active>a:focus
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    text-align: center;
    border: 1px solid #32ccbc;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 20px;
    border-radius: 4px;
}

.nav-tabs>li>a
{
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 4px;
    text-align: center;
    border: 1px solid #d6d5d5;
    height: 70px;
    width: 140px;
    line-height: 16px;
}

.nav-tabs>li>a svg
{
    color: #fff;
    display: none;
}

.modal-plan .nav-tabs
{
    border-bottom: 0px;
    margin-bottom: 30px;
}

.modal-plan .nav-tabs>li.active>a svg, .modal-plan .nav-tabs>li.active>a:hover a svg, .modal-plan .nav-tabs>li.active>a:focus a svg
{
    display: inline-block;
}

.manage-wrap .modal-body.modal-plan h2, .manage-wrap .modal-body.modal-plan-final h2
{
    color: #2a2927;
    font-weight: 300;
    margin-bottom: 15px;
    font-size: 22px;
}

.modal-plan .plan-box
{
    border: 2px solid #32ccbc;
    margin-bottom: 20px;
    border-radius: 4px;
    width: 100%;
    background: #fff;
    height: 110px;
    padding: 0px;
    outline: 0px;
    cursor: pointer;
    display: table;
}

.modal-plan .plan-box .left-side svg
{
    display: none;
}

.modal-plan .plan-box.active .left-side
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    padding-top: 15px;
}

.modal-plan .plan-box.active .left-side svg
{
    display: inline-block;
}

.modal-plan .plan-box .left-side
{
    color: #009ec3;
    float: left;
    border-right: 2px solid #32ccbc;
    height: 100%;
    margin-top: 0px;
    width: 150px;
    font-size: 20px;
    font-weight: 600;
    padding-top: 10px;
    position: relative;
    text-align: center;
    display: table;
}

.modal-plan .plan-box .left-side.premium-yearly{
    min-height:110px;
}

.modal-plan .plan-box .left-side span
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    width: 100%;
    font-size: 12px;
    font-weight: 300;
    display: block;
    position: absolute;
    bottom: 0px;
    height: 30px;
    line-height: 30px;
}

.modal-plan .plan-box .center-text
{
    color: #2a2927;
    font-size: 14px;
    text-align: left;
    margin-top: 10px;
    width: 100%;
    display: block;
    vertical-align: middle;
    padding-left:160px;
    padding-right:20px;
}

.modal-plan .plan-box .plan-price
{
    color: #2a2927;
    font-size: 18px;
    text-align: left;
    margin-top: 5px;
    display: block;
    vertical-align: middle;
    padding-left:160px;
}

.modal-plan-final, .cancel-acc-2, .cancel-acc-3, .cancel-acc-4,.cancel-acc-5
{
    display: none;
}

.modal-plan .silver-line
{
    background: #d6d5d5;
    height: 1px;
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 10px;
}

.modal-plan-final .silver-line
{
    background: #d6d5d5;
    height: 1px;
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
}


.modal .modal-plan-final .current-plan, .modal .modal-plan-final .new-plan
{
    padding-left: 30px;
    padding-right: 30px;
}

.modal .modal-plan-final .current-plan h4
{
    color: #a5a5a5;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
}

.modal .modal-plan-final .current-plan p
{
    color: #a5a5a5;
    font-weight: 400;
    font-size: 14px;
}

.modal .modal-plan-final .current-plan h5
{
    color: #a5a5a5;
    font-weight: 400;
    font-size: 16px;
}

.modal .modal-plan-final .new-plan
{
    padding-left: 30px;
    padding-right: 30px;
}

.modal .modal-plan-final .new-plan h4
{
    color: #2a2927;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
}

.modal .modal-plan-final .new-plan p
{
    color: #2a2927;
    font-weight: 400;
    font-size: 14px;
}

.modal .modal-plan-final .new-plan h5
{
    color: #2a2927;
    font-weight: 400;
    font-size: 16px;
}

.modal .modal-plan-final span
{
    color: #2a2927;
    font-weight: 400;
    font-size: 18px;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.modal .modal-history table
{
    width: 100%;
    border-collapse: separate;
}

.modal .modal-history table th
{
    font-size: 22px;
    font-weight: 600;
    border-top: 1px solid #d6d5d5;
    padding: 20px 30px;
}

.modal .modal-history table th:first-child, .modal .modal-history table td:first-child
{
    border-left: 1px solid #d6d5d5;
}

.modal .modal-history table th:last-child, .modal .modal-history table td:last-child
{
    border-right: 1px solid #d6d5d5;
}

.modal .modal-history table td
{
    font-size: 18px;
    font-weight: 500;
    border-top: 1px solid #d6d5d5;
    padding: 20px 30px;
}

.modal .modal-history table tr:last-child td
{
    border-bottom: 1px solid #d6d5d5;
}

.modal .modal-history .pagination>li>a, .modal .modal-history .pagination>li>span
{
    padding: 10px 14px;
    border-radius: 0px !important;
}

.modal .modal-history .pagination>.active>a, .modal .modal-history .pagination>.active>span
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
}

/*#PaymentModal .nav-tabs
{
    border-bottom: 0px;
    margin-bottom: 20px;
}

#PaymentModal .nav-tabs>li>a
{
    border-radius: 0px;
    border: 0px;
    background: #fafafa;
}

#PaymentModal .nav-tabs>li.active a
{
    border: 2px solid #ddd;
    border-radius: 0px;
    background: #fff;
}*/

.modal .cancel-acc-1 p, .modal .cancel-acc-2 p,.modal .cancel-acc-3 p
{
    color: #2a2927;
}

.modal .cancel-acc-2 h3
{
    color: #2a2927;
    padding-left: 0px;
    margin-top: 0px;
}

.modal .cancel-acc-4 h3,.modal .cancel-acc-5 h3
{
    color: #2a2927;
    padding-left: 0px;
    margin-top: 0px;
    font-size: 20px;
}

.modal .cancel-acc-2 h4, .modal .cancel-acc-4 h4,.modal .cancel-acc-5 h4
{
    color: #2a2927;
    padding-left: 0px;
    margin-top: 0px;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 20px;
}

.modal .cancel-acc-3 textarea
{
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    color: #2a2927;
    padding: 15px;
}
#generalFeedbackModal textarea{
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    color: #2a2927;
    padding: 15px;
}
.sb-search-open .tt-menu {
    min-width: 350px;
    color: #666;
    background-color: #fff;
    padding-left: 12px;
}
.sb-search-open .tt-suggestion {
    padding: 10px 0;
}
.sb-search-open .tt-suggestion:hover {
    color: #32ccbc;
    cursor: pointer;
}

/* Loader */

@keyframes lds-spin {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes lds-spin {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.lds-spin {
  position: absolute;
    left: 0;
    top: 40%;
    right: 0;
    margin: auto;
}
.lds-spin div > div {
  position: absolute;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #1fa9c7;
  -webkit-animation: lds-spin 1s linear infinite;
  animation: lds-spin 1s linear infinite;
}
.lds-spin div:nth-child(1) > div {
  left: 140px;
  top: 80px;
  -webkit-animation-delay: -0.875s;
  animation-delay: -0.875s;
}
.lds-spin > div:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 160px 100px;
  transform-origin: 160px 100px;
}
.lds-spin div:nth-child(2) > div {
  left: 122.42640685999999px;
  top: 122.42640685999999px;
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.lds-spin > div:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 142.42640686px 142.42640686px;
  transform-origin: 142.42640686px 142.42640686px;
}
.lds-spin div:nth-child(3) > div {
  left: 80px;
  top: 140px;
  -webkit-animation-delay: -0.625s;
  animation-delay: -0.625s;
}
.lds-spin > div:nth-child(3) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 100px 160px;
  transform-origin: 100px 160px;
}
.lds-spin div:nth-child(4) > div {
  left: 37.57359314px;
  top: 122.42640685999999px;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.lds-spin > div:nth-child(4) {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transform-origin: 57.57359314px 142.42640686px;
  transform-origin: 57.57359314px 142.42640686px;
}
.lds-spin div:nth-child(5) > div {
  left: 20px;
  top: 80px;
  -webkit-animation-delay: -0.375s;
  animation-delay: -0.375s;
}
.lds-spin > div:nth-child(5) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: 40px 100px;
  transform-origin: 40px 100px;
}
.lds-spin div:nth-child(6) > div {
  left: 37.57359314px;
  top: 37.57359314px;
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}
.lds-spin > div:nth-child(6) {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transform-origin: 57.57359314px 57.57359314px;
  transform-origin: 57.57359314px 57.57359314px;
}
.lds-spin div:nth-child(7) > div {
  left: 80px;
  top: 20px;
  -webkit-animation-delay: -0.125s;
  animation-delay: -0.125s;
}
.lds-spin > div:nth-child(7) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 100px 40px;
  transform-origin: 100px 40px;
}
.lds-spin div:nth-child(8) > div {
  left: 122.42640685999999px;
  top: 37.57359314px;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.lds-spin > div:nth-child(8) {
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-transform-origin: 142.42640686px 57.57359314px;
  transform-origin: 142.42640686px 57.57359314px;
}
.lds-spin div:nth-child(9) > div {
  left: 140px;
  top: 80px;
  -webkit-animation-delay: 0.125s;
  animation-delay: 0.125s;
}
.lds-spin > div:nth-child(9) {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transform-origin: 160px 100px;
  transform-origin: 160px 100px;
}
.lds-spin {
  width: 200px !important;
  height: 200px !important;
  -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
  transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}
#loader-wrapper,#loader-wrapper2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
}

.lds-spin:after
{
    content: 'Loading...';
    color: #1fa9c7;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

.prs-spin:after
{
    content: 'Processing...';
    color: #1fa9c7;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}
.prs-spin.update-card-spin:after{
    content: 'Please wait'
}
.wait-spin:after
{
    content: 'Please wait...';
    color: #1fa9c7;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}




.manage-wrap.wrap-top-margin .curtain
{
    top: 60px;
}

.update-bil
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    height: 60px;

}

.declined-bil
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    height: auto;
    z-index: 9999;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding-bottom: 10px;
}

.update-bil h3
{
    font-size: 20px;
    margin-top: 18px;
    margin-bottom: 10px;

}

.declined-bil h3
{
    font-size: 15px;
    margin-top: 22px;
    margin-bottom: 10px;
    display: inline-block;
}


.update-bil h3 a
{
    border: 2px solid #fff;
    border-radius: 3px;
    background: none;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    margin-left: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
}

.declined-bil a
{
    border: 2px solid #fff;
    border-radius: 3px;
    background: none;
    color: #fff;
    font-size: 15px;
    padding: 10px 20px;
    margin-left: 0px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
}

.update-bil h3 a:hover,.declined-bil h3 a:hover
{
    background: #fff;
    color: #1fa9c7;
}

.declined-bil button
{
    border: 0px;
    background: none;
    float: right;
    margin-top: 0px;
}

.update-bil button
{
    border: 0px;
    background: none;
    float: right;
    margin-top: 15px;
}

.update-bil.cookie-container {
    position: fixed;
    bottom: 0;
    z-index: 999999;
}

.update-bil.cookie-container h3
{
    font-size: 16px;
    margin-top: 22px;
}

.agreement-page p
{

}
.agreement-page p i
{
    font-size: 16px;
    font-weight: 600;
}
.agreement-page li
{
    font-size: 14px;
}

.contact-page, .expert-page
{
    padding-top: 60px;
    padding-bottom: 200px;
}

.contact-page h2
{
    font-weight: 700;
    color: #1fa9c7;
    text-align: center;
    font-size: 46px;
}

.contact-page h5
{
    color: #7d7d7d;
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
}

.contact-page .acc-info
{
    margin-top: 70px;
    cursor: pointer;
    padding-bottom: 100px;
    transition: all 0.5s ease;
    color: #1fa9c7;
}

.contact-page .acc-info .transform svg
{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg); /* Standard syntax */
}

.contact-page .acc-info .circle-box
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    border-radius: 100px;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-size: 44px;
    padding-top: 18px;
    margin-top: -58px;
    -webkit-transition: all 0.2s ease;
}

.contact-page .acc-info h3
{
    text-align: center;
    color: #1fa9c7;
    font-weight: 400;
    margin-top: 50px;
    font-size: 30px;
    transition: all 0.5s ease;
}

.contact-page .acc-info:hover h3
{
    color: #fff;
}

.contact-page .acc-info h4
{
    text-align: center;
    font-weight: 700;
    margin-top: 20px;
    font-size: 30px;
}

.contact-page .acc-info:hover
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
}

.contact-page .acc-info:hover .circle-box
{
    color: #1fa9c7;
    -webkit-box-shadow: 0px 2px 9px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 9px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 9px 1px rgba(0,0,0,0.2);
    background: #fff;
}

.expert-page .acc-info
{
    padding: 0px;
    padding-bottom: 10px;
    height: 500px;
}

.expert-page .acc-info img
{
    margin: 0 auto;
}

.expert-page .acc-info h4
{
    text-align: left;
    font-weight: 600;
    font-size: 24px;
    padding-left: 30px;
}

.expert-page .acc-info li
{
    text-align: left;
}

.expert-page .acc-info ul
{
    padding-left: 15px;

}

.expert-page .acc-info ul span svg
{
    font-size: 8px;
    color: #1fa9c7;
}

.expert-page .acc-info ul .fa-li
{
    top: -2px;
}
#paypal-button, #paypal-button1 {
    width: 100%;
    height: 56px;
    position: relative;
    text-align: left;
    left: 0px;
}
.custom-checkout-btn {
    position: absolute;
    top: 0;
    margin: 0;
    width: 100%;
    height: 45px;
    padding: 0;
    background-color: rgb(238, 238, 238);
    margin-top:5px;
    /* border: 1px solid #000; */
    /* border-style: solid!important; */
    border-radius: 4px;
    box-sizing: border-box;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 38px;
    z-index: 150;
}
.custom-checkout-btn:hover {
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.05);
}
.custom-checkout-btn img {
    height: 21px;
}
#registration-form .paypal-button {
    display: none;
}

.hidden-info .video-control-buttons.mobile-control-buttons,
.hidden-info .video-control-buttons.mobile-new-player-button
{
    display: none;
}


/* //New mobile buttons */
.mobile-new-player-button{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px;
    width: 55%!important;
    height: 34px;
    color: #fff;
    background: rgba(1,1,1,0.5);
    border-radius: 50px;
    font-size: 16px;
    margin-left: 0;
    margin-bottom: 18px;
    position: absolute;
    left: 0;
    bottom: 0;
    top: initial!important;
}
.mobile-new-player-button .play-video-button{
    width: 100%!important;
    height: 100%!important;
    padding: 5px 0!important;
    border: none!important;
    background: transparent!important;
    border-radius: inherit!important;
    font-family: 'Poppins'!important;
    bottom: 0!important;
    align-items: center!important;
    justify-content: center!important;
    display: flex!important;
    margin: 0!important;
}
    
.mobile-new-player-button .play-video-button .text{
    font-size: 17px!important;
    margin-left: 4px!important;
}

#common-list-videos-wrapper .mobile-new-player-button{
    margin-bottom: 37px;
}

/* //TODO:New mobile buttons */

#common-list-videos-wrapper li.show-grid-item:hover{
    z-index: 20;
    margin: -20px 0;
    padding: 10px 0;
}

#common-list-videos-wrapper li.show-grid-item:nth-child(3n):hover{
    z-index: 20;
    margin: -20px 0 20px 0;
    padding: 10px 0;
}

#common-list-videos-wrapper li.show-grid-item:hover h3{
    display: block;
}

#common-list-videos-wrapper li.show-grid-item{
    padding: 10px;
}

#common-list-videos-wrapper .video-image.favorites-video-helper .video-control-buttons.center-buttons.new-releases-controls div{
    top: auto;
}

.show-head .mobile-top-cover, .modal.logged-modal .fav-btn-mobile, .modal.logged-modal .mobile-filter
{
    display: none;
}

.acc-wrap .tab-content .tab-inputs > div
{
    border: 1px solid #eee;
    background: #fafafa;
    width: 49%;
    height: 50px;
    padding: 10px;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
    box-shadow: none !important;
    -webkit-appearance: none;
    display: inline-block;
}
.acc-wrap .tab-content .tab-inputs div:nth-child(2) {
    margin-left: 10px;
}

#form-name::placeholder, #form-phone::placeholder {
    font-weight: 500;
}
#form-name:-ms-input-placeholder, #form-phone:-ms-input-placeholder {
    font-weight: 500;
}
#form-name::-ms-input-placeholder, #form-phone::-ms-input-placeholder {
    font-weight: 500;
}
.tab-inputs .custom-error-label {
    position: absolute;
    left: 0;
    top: 48px;
    color: red;
    font-size: 14px;
    left: 4px;
}
.slides.shows .big-img.mobile {
    display: none;
}

.update-box.credit-text h4
{
    margin-top: 20px;
    margin-bottom: 10px;
}

.acc-info.acc-info-1
{
    padding-bottom: 40px;
}

.acc-info.acc-info-1 .update-box h4
{
    margin-top: 30px;
}

.acc-info.acc-info-2 .update-box h4, .acc-info.acc-info-3 .update-box h4
{
    margin-top: 20px;
}

.modal .modal-body .individual-show p.more
{

}
.morecontent span {
    display: none;
}
.morelink,
.morelinkTf,
.morelinkLg,
.morelinkBb,
.morelinkAd,
.morelinkKm {
    display: block;
}

.modal-video-list a.morelink,
.modal-video-list a.morelinkTf,
.modal-video-list a.morelinkLg,
.modal-video-list a.morelinkBb,
.modal-video-list a.morelinkAd,
.modal-video-list a.morelinkKm {
    background: none;
    color: #009ec3;
    border: 0px;
    padding: 0px;
    margin-top: 5px;
}


.modal.logged-modal .left-modal .fav-play-btn
{
    bottom: 80px;
}

.modal-video-list a.get-button
{
    height: 50px;
    line-height: 20px;
    text-align: center;
}

.modal .modal-member .modal-body p
{
    color: #2a2927;
}

.slides li.hidden-info .video-controls button:hover
{
    background: rgb(5, 174, 174);
}

.bottom-section h5
{
    color: #2a2927;
    font-size: 18px;
    font-weight: 500;
    margin-top: 15px;
    line-height: 26px;
    width: 100%;
    float: left;
    text-align: left;
}

.custom-checkout-btn:hover
{
    background: #eee;
}

.manage-program .submit-new-program {
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    font-weight: 300;
    border: 0px;
    box-shadow: none;
    color: #fff;
    font-size: 20px;
    padding: 15px 50px;
    margin: 40px auto;
    border-radius: 3px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    height: 60px;
    margin-bottom: 100px;
}

.sticky-bottom-menu .browse-menu-mobile form h2
{
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
}

.sticky-bottom-menu .browse-menu-mobile form h2 svg
{
    float: right;
}

.sticky-bottom-menu .browse-menu-mobile
{
    padding-right: 0px;
    padding-left: 0px;
}

.sticky-bottom-menu .browse-menu-mobile .question-box.checkbox-q .checkmark
{
    border-color: #9f9f9f;
    top: 2px;
}

.sticky-bottom-menu .browse-menu-mobile .question-box .container
{
    margin-top: 20px;
}

.sticky-bottom-menu .browse-menu-mobile .question-box.checkbox-q .container input:checked ~ .checkmark
{
    border-color: #009ec3;
}

.sticky-bottom-menu .browse-menu-mobile .question-box .container:focus
{
    color: #009ec3;
}

.sticky-bottom-menu .browse-menu-mobile .question-box:last-of-type
{
    margin-bottom: 60px;
}

.swiper-container-home
{
    width: 100%;
    overflow: hidden;
}

.modal .modal-body .fav-btn:hover, .modal .modal-body button.close:hover
{
    background: rgba(1,1,1,0.3);
}

.manage-program h1
{
    margin-top: 160px;
}

.manage-program h4
{
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 30px;
}

.video-border
{
    border: 8px solid #e2e2e2;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 55.25%;
    margin-top: 70px;
    border-radius: 3px;
}

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

.video-border.aac{
    width: 79%;
    height:95%;
}

.close-modal
{
    float: right;
    display: block;
    padding: 20px;
}

.filter-options-dropdown .multiple-filter-button
{
    overflow-x: hidden;
}

.search-results ul li img.big-img-mobile
{
    display: none;
}

.slides-inactive li.hidden-info .mobile-fav
{
    display: none;
}

.slides-inactive li.hidden-info .mobile-fav button.selected, #common-list-videos-wrapper li.hidden-info .hidden-info-box button.selected
{
    background: #009ec3;
    color: #fff;
    border: 2px solid #009ec3;
}

#common-list-videos-wrapper li.hoverbox .favorites-video-helper .video-control-buttons{
    display: none;
}

#common-list-videos-wrapper li:hover.hoverbox .favorites-video-helper .video-control-buttons{
    display: flex;
}

.slides-inactive li.hidden-info .mobile-fav button
{
    margin-right: 0px;
    width: 40px;
    height: 40px;
    padding: 0px;
    margin-bottom: -5px;
}

.modal .modal-body h5 {
    color: #fff;
    text-align: left;
    font-size: 18px;
    margin-top: 0px;
}

.results-list .nav-pills
    {
        padding-left: 10px;
        padding-right: 10px;
    }

.welcome-page .results-head
{
    min-height: 100px;
}

.welcome-page .reactivate-page
{
    margin-top: 300px;
}

.welcome-page .reactivate-page h2
{
    font-size: 38px;
    color: #fff;
}

.welcome-page .reactivate-page h3
{
    font-size: 56px;
    color: #fff;
    font-weight: 600;
}

.welcome-page .reactivate-page h4
{
    font-size: 26px;
    color: #fff;
    margin-top: 30px;
}

.reactivate-page button
{
    border: 0px;
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    margin-top: 40px;
    padding: 20px 40px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 20px;
}
.modal-plan .plan-box.is-current-plan {
    border-color: #ccc;
    cursor: initial;
    padding-top: 5px;
}

.modal-plan .plan-box.is-disabled-plan {
    border-color: #ccc;
    cursor: initial;
}

.modal-plan .plan-box.is-disabled-plan .left-side span {
    background: #ccc;

}


.modal-plan .plan-box.is-current-plan p, .modal-plan .plan-box.is-current-plan h2,.modal-plan .plan-box.is-disabled-plan p, .modal-plan .plan-box.is-disabled-plan h2 {
    color: #ccc;
    padding-left: 15px;
    padding-top: 5px;
}
.modal-plan .plan-box.is-current-plan p,.modal-plan .plan-box.is-disabled-plan p {
    font-size: 12px;
    margin-bottom: 0px;
}
.modal-plan .plan-box.is-current-plan h2,.modal-plan .plan-box.is-disabled-plan h2 {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.modal-plan .plan-box.is-current-plan h2.price,.modal-plan .plan-box.is-disabled-plan h2.price {
    font-weight: 400;
}

.plan-box.is-disabled-plan .left-side{
    border-color: #ccc;
    color: #ccc;
}

.swiper-button-prev{

    left: -25px !important;
    top: 45% !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2332ccbc'%2F%3E%3C%2Fsvg%3E") !important;
}

.swiper-button-next{

    right: -25px !important;
    top: 45% !important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2332ccbc'%2F%3E%3C%2Fsvg%3E") !important;
}

.show-more-profile-btn
{
    cursor: pointer;
    text-align: center;

}

.show-more-profile-btn svg:last-child
{
    float: none !important;
    color: #32ccbc !important;
}

a.show-more-profiles
{
    display: none;
}

.forgotten-password .enter-email
{
    border: 2px solid #32ccbc;
    color: #fff;
    background: none;
    border-radius: 3px;
    font-size: 18px;
    margin-top: 40px;
    width: 100%;
    padding: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.password-reset-page .login-content > .parsley-errors-list.filled {
    display: none;
}

.double-text-btn
{
    line-height: 20px;
}

.double-text-btn span
{
    font-size: 16px;
    text-transform: uppercase;
}

.modal-plan .plan-box .plan-price.plan-price-mobile
{
    display: none;
}

.watch-steps .col-md-6 .add-profile
{
    color: #009ec3;
    text-decoration: underline;
    float: left;
    background: none;
    border: 0px;
    font-size: 16px;
    margin-top: 20px;
    outline: 0px;
}
#common-list-videos-wrapper li.hidden-info {
    box-shadow: none;
    transition: none;
}

.header-mobile
{
    display: none;
}

.stripePaymentModal #stripe-postal-code {
    float: right;
}

.results-head.de-page h1
{
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 100px;
}

.results-head.de-page.deli-header h1{
    font-size:55px;
    margin-top:45px;
}

.log-back.results-head.de-page
{
    min-height: 510px;
}

.de-container
{
    background: #fff;
    float: left;
    width: 100%;
    margin-top: -115px;
    min-height: 300px;
}

.de-container.deli-container{
    margin-top:-160px;
}

.de-container.de-2
{
    margin-top: 0px;
}

.de-container h3
{
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    font-size: 52px;
    margin-top: 40px;
}

.de-container h4
{
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    font-size: 52px;
    margin-top: 30px;
}

.de-container.deli-container h3,.de-container.deli-container h4{
    font-size:46px;
}

.de-container.deli-container h3{
    margin-top:30px;
}
.de-container.deli-container h4{
    margin-top:25px;
}

.de-container .col-md-4 img
{
    margin-top: 90px;
    margin-bottom: 10px;
}

.de-container.deli-container .col-md-4 img {
    margin-top: 30px;
    margin-bottom: 10px;
    max-width:180px;
    margin-left:70px;
    margin-left: 18% !important;
    max-width: 60% !important;
}

.de-container .col-md-4 span
{
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}
.de-container.instagram-container .col-md-4 span{
    width:100%;
}
.de-container.instagram-container .col-md-4 .spam-policy{
    font-weight:inherit;
    font-size:13px;
}
.de-container .col-md-8 h4
{
    font-weight: 600;
    text-transform: none;
    text-align: left;
    font-size: 26px;
    margin-top: 60px;
}
.de-container.deli-container.instagram-container .col-md-4 img{
    margin-left: 18% !important;
    max-width: 60% !important;
}

.de-container.deli-container.instagram-container .col-md-4.book-section {
    width: 28%;
    position: relative;
    bottom: 80px;
}

.de-container.deli-container.instagram-container .col-md-8.list-section {
    float: right;
}

.de-container.deli-container.instagram-container > h4 {
    width: 72%;
    float: right;
    margin-top: 8px
}

.de-container.deli-container.instagram-container > h3 {
    width: 72%;
    float: right;
}

.de-container.deli-container .col-md-8 h4{
    margin-top:30px;
}

.de-container.deli-container .tt-affiliate-video {
    width: 50%;
}
.de-container.deli-container .tt-affiliate-video .img-responsive.under-video {
    margin-top: 0;
}

.de-container.deli-container .tt-affiliate-list {
    width: 50%;
}

.de-container .col-md-8 ul li
{
    margin-top: 30px;
    font-size: 18px;
    padding-left: 10px;
}

.de-container .col-md-8 ul svg
{
    color: #009ec3;
    font-size: 27px;
    padding-top: 0px;
}

.de-container .messenger-action img
{
    margin-top: 50px;
}

.de-review
{
    margin-top: 70px;
    float: left;
    width: 100%;
}

.de-review-head
{
    background: url(../img/smothy-slide.png) center center no-repeat;
    background-size: cover;
    min-height: 150px;
}

.de-review-body
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    padding-top: 30px;
    padding-bottom: 30px;
    float: left;
    width: 100%;
}

.de-review-body .col-xs-4 img
{
    float: right;
    border: 2px solid #fff;
    border-radius: 100px;
}

.de-review-body h4
{
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 0px;
}

.de-review-body span
{
    color: #fff;
    font-weight: 300;
    font-size: 13px;
}

.de-review-body p
{
    position: relative;
    color: #fff;
    padding-left: 40px;
    margin-top: 15px;
    line-height: 27px;
    font-style: italic;
    width: 60%;
}

.de-review-body p:after
{
    content: url('../img/zap-top.png');
    position: absolute;
    top: -5px;
    left: 0px;
}

.de-review-body p:before
{
    content: url('../img/zap-bottom.png');
    position: absolute;
    bottom: -5px;
    right: 0px;
}

.de-container.de-2 h4
{
    font-weight: 600;
    text-align: left;
    font-size: 52px;
    margin-top: 80px;
}

.de-container.de-2 .col-md-8 ul li
{
    margin-top: 50px;
}

.de-recipe
{
    background: url(../img/recept-back.png) center center no-repeat;
    background-size: cover;
    margin-top: 70px;
    float: left;
    width: 100%;
    padding-top: 70px;
    padding-bottom: 70px;
}

.de-recipe .recipe-body
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    padding-top: 70px;
    padding-bottom: 70px;
    float: left;
    width: 100%;
}

.de-recipe .recipe-body h2
{
    text-align: center;
    font-weight: 600;
    text-align: center;
    color: #fff;
    margin-top: 0px;
    font-size: 52px;
}

.de-recipe .recipe-body p
{
    color: #fff;
    text-align: center;
    font-size: 22px;
    margin-top: 30px;
}

.de-recipe .recipe-body img
{
    margin-top: 40px;
}

.de-recipe .recipe-body h3
{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-top: 30px;
}

.de-inside
{
    padding-top: 70px;
    padding-bottom: 70px;
}

.de-inside h2
{
    text-align: center;
    font-weight: 600;
    text-align: center;
    color: #333;
    margin-top: 0px;
    font-size: 52px;
}

.de-inside img
{
    margin-top: 0px;
    max-width: 1200px;
}

.book-page .account-page
{
    padding-bottom: 0px;
}

.book-page .log-back.results-head.de-page
{
    min-height: 400px;
}
.protocol-page .log-back.results-head.de-page {
    min-height: 345px;
}
.protocol-page .account-page .roadmap-text img{
    max-width: 70%;
    margin-bottom: 5px;
}
.book-page .log-back.results-head.de-page.how-page-header
{
    min-height: 340px;
}
.book-video-page h1
{
    font-weight: 600;
    text-align: center;
    font-size: 28px;
    margin-top: 0px;
}

.account-page.book-video-page
{
    padding-top: 60px;
    padding-bottom: 60px;
}

.book-video-page h2
{
    font-weight: 400;
    text-align: center;
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.book-video-page button
{
    background: none;
    border: 0px;
}

.video-container
{
    margin-top: 60px;
}
.book-video-page .video-container{
    margin-top:40px;
}
.limited-section
{
    padding-top: 70px;
    padding-bottom: 70px;
    background: url(../img/limit-back.png) top center no-repeat;
    background-size: cover;
    margin-top: 70px;
    float: left;
    width: 100%;
}

.limited-section .limited-body
{
    float: left;
    width: 100%;
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    padding: 70px;
}

.limited-section .limited-body h2
{
    text-transform: uppercase;
    color: #fff;
    font-size: 48px;
    text-align: center;
    font-weight: 600;
    margin-top: 0px;
}

.limited-section .limited-body h3
{
    color: #fff;
    font-size: 32px;
    text-align: center;
    font-weight: 300;
}

.limited-section .limited-body h4
{
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    margin-top: 30px;
}

.limited-section .limited-body button
{
    border: 2px solid #fff;
    margin: 0 auto;
    float: none;
    margin-top: 30px;
    font-size: 28px;
    background: #fff;
    color: #009ec3;
}

.limited-section .limited-body button:hover
{
    background: none;
    color: #fff;
}


.limited-section .limited-body p
{
    color: #fff;
    font-size: 20px;
    text-align: center;
    font-weight: 400;
}

.results-head.de-page.limited-page h1
{
    margin-top: 160px;
    position: relative;
}

.limited-section .limited-body h5
{
    color: #fff;
    font-size: 17px;
    text-align: center;
    font-weight: 400;
    margin-top: 20px;
}

.limited-section .limited-body img
{
    margin-top: 20px;
    max-width: 80%;
}

.book-video-page .book-bottom h1
{
    font-weight: 600;
    text-align: center;
    font-size: 50px;
    margin-top: 70px;
}

.account-page.no-pad
{
    padding-bottom: 0px;
}

.messenger-action.messenger-mobile
{
    display: none;
}

.magazine-slide
{
   display: none;
}

.magazine-slide
{
    display: none;
}

.mobile-mail
{
    display: none;
}

.player-mobile
{
    display: none;
}

.book-modal .modal-content
{
    border: 2px solid #44bbaf;
    border-radius: 2px;
}

.manage-wrap .book-modal .modal-header
{
    background: #fff;
    border-bottom: 0px;
    padding-bottom: 0px;
}

.manage-wrap .book-modal .modal-header .modal-title
{
    color: #009ec3;
    font-weight: 600;
    width: 100%;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 28px;
    padding-top: 20px;
}

.manage-wrap .book-modal .modal-header button
{
    color: #009ec3;
}

.book-modal .modal-header button
{
    margin-top: -66px;
}

.manage-wrap .book-modal .modal-body input
{
    font-size: 14px;
}

.manage-wrap .book-modal .modal-body .col-md-8
{
    padding-top: 40px;
}

@media screen and (min-width: 768px)
{
    .modal-dialog
    {
        right: auto;
        left: 50%;
        width: 800px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .modal-dialog.thank-you-share-dialog{
        width: 700px;
    }
    #exampleModalCenter .modal-dialog {
        padding-top: 120px;
    }
}
.manage-wrap .book-modal .modal-body .down-book, .manage-wrap .book-modal .modal-body .down-book-btn
{
    font-size: 16px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    background: linear-gradient(90deg,#32ccbc 0%,#009ec3 100%);
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    border: 0px;
    border-radius: 4px;
    height: 50px;
    line-height: 50px;
}
.instagram-wrapper .down-book, .instagram-wrapper .down-book-btn{
    font-size: 16px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    background: linear-gradient(90deg,#32ccbc 0%,#009ec3 100%);
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    border: 0px;
    border-radius: 4px;
    height: 50px;
    line-height: 50px;
}
.instagram-wrapper .fullname-modal{
    margin-top:10px;
}
.manage-wrap .book-modal .modal-body span
{
    text-align: center;
    width: 100%;
    display: block;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.delicious-page .mcwidget-embed {
    padding-top: 20px;
}

.upsale-video-desktop {
    position: relative;
    width: auto;
    height: auto;
    margin: 36px auto 0 auto;
}
.upsale-video-desktop iframe {
    display: block;
    width: 732px;
    height: 432px;
    margin: 0 auto
}

.upsale-video-mobile {
    padding: 56.25% 0 0 0;
    position: relative;
    display: none;
}
.upsale-video-mobile iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.welcome-section.expect-section
{
    background: #fff;
}

.welcome-section.expect-section h1, .welcome-section h3.what-to-expect-header
{
    padding-bottom: 30px;
}

.welcome-section h3.what-to-expect-header {
    text-transform: inherit;
}

.welcome-section.expect-section h1:after, .welcome-section h3.what-to-expect-header:after
{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 160px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.welcome-section .circle-step
{
    width: 400px;
    height: 400px;
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    border-radius: 100%;
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transition: background 0.4s ease;
    transition: background 0.4s ease;
}

.welcome-section .circle-step h2
{
    color: #fff;
    font-size: 34px;
    font-weight: 600;
    margin-top: 80px;
    float: left;
    text-align: center;
    width: 100%;
    padding-bottom: 20px;
}

.welcome-section .circle-step h2:before
{
    content: '';
    background: #fff;
    height: 2px;
    width: 60px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.welcome-section h1
{
    color: #009ec3;
    padding-bottom: 10px;
    position: relative;
    font-size: 24px;
}

.welcome-section h5
{
    color: #fff;
    clear: both;
    margin: 0 auto;
    width: 80%;
    font-size: 20px;
    margin-top: 15px;
    float: left;
    margin-left: 10%;
}
.welcome-section .center-obesity-trial-text{
    color: inherit;
    margin-left: -5vw;
    width: 102%;
}
/*.welcome-section .center-obesity-trial-text.general-sales{
    color: white;
}*/
.welcome-section .circle-step:hover
{
    width: 430px;
    height: 430px;
    background: #fff;
/*    margin-top: 20px;*/
    -webkit-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.08);
}

.welcome-section .circle-step:hover h2
{
    color: #009ec3;
    margin-top: 95px;
}

.welcome-section .circle-step:hover h2:before
{
    background: #32ccbc;
}

.welcome-section .circle-step:hover h5
{
    color: #2a2927;
    width: 74%;
    margin-left: 14%;
}

.welcome-section .col-md-4
{
    min-height: 500px;
}

.repeat-arrow img
{
    margin-top: -66px;
}

.delicious-page .log-back.results-head {
    background: url(../img/cover-desk-dark.jpg) top 30% center no-repeat;
    background-size: auto auto;
    background-size: cover !important;
    padding-left: 0px;
    padding-right: 0px;
    min-height: 510px;
}

.delicious-page .log-back.results-head.deli-header {
    min-height: 440px;
}


.thankyou-text h1
{
    margin-top: 180px;
    color: #fff;
    font-size: 36px;
    padding-bottom: 45px;
}
.obesity-text h1{
    margin-top: 180px;
    color: #fff;
    font-size: 36px;
    padding-bottom: 40px;
}
.roadmap-text h1{
    margin-top: 180px;
    color: #fff;
    font-size: 36px;
    padding-bottom: 40px;
}
.defense-health-text h1{
    margin-top: 180px;
    color: #fff;
    font-size: 36px;
    padding-bottom: 40px;
}
.biggest-lies-text h1{
    color: #fff;
    padding-bottom: 40px;
}
.thank-you-page .home-text
{
    padding-top: 100px;
}

.thank-you-page .video-box
{
    margin-top: 60px;
}
.roadmap-page .home-text{
    padding-top: 100px;
}
.roadmap-page .video-box{
    margin-top: 60px;
}
.obesity-epidemic .home-text{
    padding-top: 100px;
}
.obesity-epidemic .video-box{
    margin-top: 60px;
}
.the-big-trio-page .home-text{
    padding-top: 100px;
}
.the-big-trio-page .video-box{
    margin-top: 60px;
}
.fixed-btn-thank-you{
  display:block;
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  width: 100%;
  opacity: 1;
  z-index:9999;
  height: 120px;
  padding-top: 18px;
  padding-right: 15px;
  padding-bottom: 18px;
  padding-left: 15px;
  transition: opacity 1s ease;
  box-shadow: none;
  text-align: center;
  background-image: linear-gradient(360deg,#111 20%,rgba(255,255,255,0) 100%);
}
.fixed-btn-thank-you .trial-btn{
  background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
  background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
  border-top-color: initial;
  border-top-style: initial;
  border-top-width: 0px;
  border-right-color: initial;
  border-right-style: initial;
  border-right-width: 0px;
  border-bottom-color: initial;
  border-bottom-style: initial;
  border-bottom-width: 0px;
  border-left-color: initial;
  border-left-style: initial;
  border-left-width: 0px;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  float:none;
  width: 100%;
  font-size: 16px;
}
.mail-link{
    color: #1b6ac9;
    text-decoration: underline;
}

.laptop-player
{
    position: relative;
    height: 500px;
}

.laptop-player .laptop-slide-box .laptop-img
{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.free-page-head h2
{
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    margin-top: 70px;
    color: #fff;
    padding-bottom: 25px;
    position: relative;
}

.free-page-head h2:after
{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 150px;
    background: #32ccbc;
    height: 2px;
}

.results-head .free-page-head h1
{
    margin-top: 25px;
    font-size: 50px;
    font-weight: 400;
}

.free-page-head h3
{
    font-style: italic;
    font-weight: 600;
    color: #fff;
    font-size: 30px;
    margin-top: 35px;
}

.free-page h2
{
    font-size: 42px;
}

.free-page .top-img
{
    max-width: 460px;
    margin-top: 40px;
}

.free-page h4
{
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 28px;
    margin-top: 40px;
}

.free-page .messenger-action, .free-reviews .messenger-action, .free-footer .messenger-action
{
    margin-top: 40px;
    float: left;
    width: 100%;
}

.free-reviews
{
    background: url(../img/facebook-reviews-back.jpg) center center no-repeat;
    background-size: cover;
    min-height: 1000px;
}

.account-page.free-page, .account-page.free-reviews, .account-page.free-footer
{
    padding-bottom: 40px;
}

.free-reviews .promo-text
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    padding-top: 40px;
    padding-bottom: 40px;
    float: left;
    width: 100%;
    margin-top: 40px;
    text-align: center;
}

.free-reviews .promo-text h4
{
    color: #fff;
    font-weight: 600;
    font-size: 32px;
}

.free-reviews .promo-text h5
{
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.free-reviews .promo-text li
{
    color: #fff;
    text-align: left;
    font-size: 18px;
    margin-top: 30px;
    padding-left: 20px;
}

.free-reviews .promo-text li svg
{
    font-size: 30px;
}

.free-reviews h4, .free-footer h4
{
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 28px;
    margin-top: 40px;
    text-align: center;
    margin-top: 40px;
    float: left;
    width: 100%;
}

.free-footer h2
{
    font-size: 42px;
}

.free-modal-img
{
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.free-reviews .messenger-action
{
    margin-bottom: 40px;
}

.obesity-epidemic .home-text{
    padding-top:100px;
}
.free-reviews .promo-text li svg{
    font-size: 20px;
}
#updatePaymentModal{
    z-index: 1040 !important;
}

.welcome-page .error-logo
{
    margin-top: 30%;
}

.welcome-page.error-page h1
{
    margin-top: 40px;
}

.welcome-page.error-page h1 img
{
    margin-top: -10px;
}

.welcome-page.error-page p
{
    margin-top: 15px;
}

.welcome-page.error-page .skip-login
{
    color: #fff;
    margin-top: 80px;
}

.results-head.de-page.limited-page .paradox-head h1
{
    margin-top: 100px;
    padding-bottom: 50px;
}

.results-head.de-page.limited-page .paradox-head h1:after
{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 150px;
    background: #32ccbc;
    height: 2px;
}

.roadmap-text h5
{
    font-size: 24px;
    margin-bottom: 46px;
}

.roadmap-text ul li svg
{
    font-size: 26px;
    color: #1ab6bf;
}

.roadmap-text ul li
{
    font-size: 20px;
    margin-bottom: 30px;
    text-align: left;
}

.roadmap-text img
{
    margin: 0 auto;
    margin-bottom: 10px;
}

.roadmap-text h4
{
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 0px;
    margin-top: 5px;
}

.roadmap-text .messenger-action
{
    margin-bottom: 20px;
    margin-top: 20px;
}

.paradox-page .de-review
{
    margin-top: 0px;
}

.paradox-page .account-page
{
    padding-bottom: 30px;
}

.paradox-page .magazine-slide-visible
{
    padding-top: 50px;
    padding-bottom: 50px;
}

h1.desktop-hide
{
    display: none;
}

h1.mobile-hide
{
    display: block;
}

.roadmap-text.mobile-div
{
    display: none;
}
.col-md-4.login-errors{
    float:none;
    text-align: center;
    margin-top: 10px;
}

/* REFERRAL */

.referral-page {
    background: url(../img/cover-desk-dark-resized-v2.webp) top center no-repeat;
    background-size: cover;
    padding-bottom: 70px;
}

.referral-head h1
{
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 150px;
    color: #fff;
    font-size: 60px;
    padding-bottom: 30px;
    position: relative;
}

.referral-head h1:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 150px;
    background: #32ccbc;
    height: 2px;
}

.referral-head h2
{
    font-weight: 500;
    margin-top: 30px;
    color: #fff;
    font-size: 32px;
}

.referral-content
{
    float: left;
    display: block;
    width: 100%;
    background: #fff;
    margin-top: 50px;
    border-radius: 4px;
    padding-bottom: 40px;
}

.referral-content .ref-content-head
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    padding: 20px;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.referral-content .ref-content-head h4
{
    color: #fff;
    text-align: left;
    margin: 0px;
}

.referral-content h2
{
    font-weight: 600;
    margin-top: 40px;
    font-size: 32px;
    margin-bottom: 0px;
}

.referral-content p
{
    font-weight: 400;
    margin-top: 40px;
    font-size: 22px;
    padding-left: 40px;
    padding-right: 40px;
}

.ref-share-box
{
    margin-top: 40px;
}

.ref-share-box .nav-tabs li a svg
{
    color: #32ccbc;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

.ref-share-box .nav-tabs li a
{
    text-align: center;
    font-size: 28px;
}

.ref-share-box .nav-tabs>li>a
{
    margin-right: -1px;
    border-radius: 0px;
    width: 100%;
    border-color: #32ccbc;
}

.ref-share-box .nav-tabs>li
{
    width: 16.73%;
    margin-right: -1px;
    position: relative;
}

.ref-share-box .nav-tabs
{
    border-bottom: 0px;
}

.ref-share-box .nav-tabs>li.active>a svg
{
    color: #fff;
}

.ref-share-box  .nav-tabs>li.active>a, .ref-share-box .nav-tabs>li.active>a:hover, .ref-share-box .nav-tabs>li.active>a:focus
{
    background: -webkit-linear-gradient(180deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(180deg,#32ccbc 0%,#009ec3 100%);
    border-color: #32ccbc;
}

.ref-share-box .nav-tabs>li.active:after
{
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin: auto;
}

.ref-share-box .tab-content
{
    margin-top: 40px;
}

.ref-share-box .tab-content .tab-inputs input 
{
    /*border: 1px solid #eee;
    background: #fff;
    width: 49%;
    height: 50px;
    padding: 10px;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
    box-shadow: none!important;
    -webkit-appearance: none;*/
    float: left
}
.ref-share-box .tab-content .tab-inputs .from-mail{
    border: 1px solid #eee;
    background: #fff;
    width: 49%;
    height: 50px;
    padding: 10px;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
    box-shadow: none!important;
    -webkit-appearance: none;
}
.ref-share-box .tab-content .tab-inputs input.to-mail
{
    float: right;
    background: #fafafa;
}

.ref-share-box .tab-content .tab-inputs .email-button
{
    position: absolute;
    right: 10px;
    top: 8px;
    border: 0px;
    background: none;
    color: #3cabca;
    font-size: 22px;
}

.ref-share-box .tab-content .tab-inputs textarea 
{
    border: 1px solid #eee;
    background: #fafafa;
    width: 100%;
    padding: 15px;
    font-size: 16px;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 20px;
    box-shadow: none!important;
    -webkit-appearance: none;
    float: left;
    height: 120px;
}

.ref-share-box .tab-content input[type="checkbox"]
{
    float: left;
    margin-right: 10px;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}

.ref-share-box .tab-content label
{
    font-weight: 400;
    font-size: 14px;
}

.ref-share-box .tab-content .email-send
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    border-radius: 4px;
    height: 60px;
    line-height: 60px;
    border: 0px;
    text-transform: uppercase;
    font-size: 24px;
    margin-top: 30px;
}

.ref-share-box .tab-content h5
{
    font-weight: 400;
    margin-top: 40px;
    font-size: 20px;
    padding-left: 40px;
    padding-right: 40px;
}

.ref-share-box .tab-content .share-link
{
    border: 1px solid #eee;
    background: #fff;
    width: 90%;
    padding: 15px;
    font-size: 16px;
    font-weight: 300;
    margin-top: 10px;
    height: 50px;
    margin-bottom: 20px;
    -webkit-appearance: none;
    float: left;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
}

.ref-share-box .tab-content .share-link-btn
{
    border: 1px solid #eee;
    background: #fafafa;
    color: #3cabca;
    margin-top: 10px;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    float: right;
    width: 9%;
    margin-left: 1%;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    position: relative;
}

.ref-share-box .tab-content .referral-term-link
{
    color: #3cabca;
    text-decoration: underline;
    font-size: 18px;
    margin-top: 10px;
    display: block;
}

.ref-share-box .tab-content .email-send.send-to-fb
{
    background: #3b5998;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 600;
}

.ref-share-box .tab-content .email-send.send-to-fb svg
{
    margin-right: 10px;
}

.ref-share-box .social-launch
{
    border: 1px solid #eee;
    padding-top: 40px;
    padding-bottom: 60px;
}

.ref-share-box .social-launch h2
{
    text-align: left;
    margin-top: 0px;
    font-size: 20px;   
}

.ref-share-box .social-launch p
{
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 18px;
    margin-top: 20px;
    font-weight: 300;
}

.referral-bottom
{
    background: #f9f9f9;
    padding-top: 70px;
    padding-bottom: 80px;
}

.referral-bottom h2
{
    font-size: 36px;
    margin-top: 0px;
}

.referral-bottom h2 span
{
    color: #3cabca;
}

.referral-earn
{
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    margin-top: 30px;
    padding: 30px;
}

.referral-earn p
{
    color: #3cabca;
    font-size: 36px;
}

.referral-earn .col-md-3
{
    border-right: 1px solid #eee;
    height:175px;
}

.referral-earn .col-md-3:last-child
{
    border-right: 0px;
}

.footer-section-bottom .footer-right a:last-of-type
{
    border-right: 0px;
}

.footer-section-bottom .footer-right .col-md-12
{
    border-top: 1px solid #ddd;
    margin-top: 15px;
    padding-top: 15px;
}

.footer-section-bottom .footer-right
{
    margin-top: 35px;
}

.footer-section-bottom .footer-credit
{
    background: #e3e3e3;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
}

.footer-section-bottom .footer-credit h4
{
    font-family: 'Poppins';
    text-align: left;
    font-size: 24px;
    margin-top: 0px;
}

.footer-section-bottom .footer-credit p
{
    color: #333;
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    padding: 0px;
    font-family: 'Poppins';
}

.footer-section-bottom .footer-credit a
{
    margin: 0px;
    color: #3cabca;
    font-size: 18px;
    border: 0px;
    padding: 0px;
    margin-top: 5px;
}

.footer-section-bottom .footer-credit .share-link
{
    border: 1px solid #eee;
    border-radius: 10px;
    background: #fff;
    width: 90%;
    padding: 15px;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 300;
    margin-top: 10px;
    height: 50px;
    margin-bottom: 15px;
    -webkit-appearance: none;
    float: left;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
}

.footer-section-bottom .footer-credit .share-link-btn
{
    border: 1px solid #eee;
    background: #fafafa;
    color: #3cabca;
    margin-top: 10px;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    float: right;
    width: 9%;
    margin-left: 1%;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    border-radius: 10px;
}

.footer-section-bottom .footer-credit .col-md-7
{
    margin-top: 16px;
}

.footer-section-bottom .footer-credit .col-md-7 .referral-term-link
{
    margin: 0px;
    text-align: left;
    float: left;
    text-decoration: underline;
}

.footer-section-new
{
    box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.1);
}

.footer-section-bottom .footer-right .desktop-hide
{
    display: none;
}

.email-send-modal .modal-content
{
    border: 0px;
    border-radius: 4px;
}

.email-send-modal .modal-header
{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


.email-send-modal
{
    margin-top: 5%;
}

.email-send-modal .modal-header .modal-title
{
    text-transform: capitalize;
    font-size: 16px;
}

.email-send-modal .modal-body button
{
    width: 100%;
    background: #f0f0f0;
    border: 0px;
    text-align: left;
    border-radius: 3px;
    font-size: 30px;
    padding: 15px 20px;
    color: #7d7d7d;
    margin-top: 30px;
    text-transform: capitalize;
    box-shadow: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.email-send-modal .modal-body button img
{
    margin-right: 10px;
    max-width: 60px;
}

.email-send-modal .modal-body
{
    padding: 30px 10px;
    padding-top: 0px;
}

.email-send-modal .modal-body button:hover, .email-send-modal .modal-body button:active 
{
    background: #fff;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
    color: #2a2927;
}


.email-send-modal .modal-header button 
{
    margin-top: -28px;
    color: #fff;
    opacity: 1;
    font-size: 32px;
}

.ref-modal-button
{
    position: fixed;
    top: 0;
    bottom: 0;
    height: 50px;
    width: 240px;
    margin: auto;
    left: -95px;
    transform: rotate(271deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(271deg);
    -o-transform: rotate(271deg);
    -ms-transform: rotate(271deg);
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    border: 0px;
    font-size: 20px;
    z-index: 1;
    opacity: 0;
    transition: all 0.4s ease;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.videos .logged-ref-modal
{
    width: 900px;
    background: url(../img/cover-desk-dark-resized-v2.webp) no-repeat;
    background-size: contain;
    background-position-x: 0 !important;
    padding-top: 70px;
    background-color: #000;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.logged-ref-modal button.close
{
    border-color: rgba(255,255,255,1);
    color: rgba(255,255,255,1);
    margin-right: 0px;
    background: rgba(1,1,1,0.2);
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
    height: 40px;
    /*line-height: 0px;*/
    border: 2px solid;
    width: 40px;
    opacity: 1;
    transition: all 0.4s ease;
    position: absolute;
    right: 5px;
    top: 5px;
}

.logged-ref-modal .referral-head h1
{
    margin-top: 0px;
    font-size: 30px;
}

.logged-ref-modal .referral-head h2
{
    font-size: 18px;
}

.logged-ref-modal .referral-content
{
    border-radius:0px;
}

.logged-ref-modal .referral-bottom 
{
    background: #f9f9f9;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.1);
}

.logged-ref-modal .referral-bottom h2 
{
    font-size: 22px;
    margin-top: 0px;
}

.ref-share-box .nav-tabs li a .fa-comment
{
    display: none;
}

.de-review-body p.one-line-text:before 
{
    content: url(../img/zap-bottom.png);
    position: absolute;
    bottom: -20px;
    right: 0px;
}

.de-review-body p.one-line-text
{
    font-size: 16px;
}

.free-reviews.defence-present
{
    background: url(../img/defence-back.png) center center no-repeat;
    background-size: cover;
    min-height: auto;
    background-position-x:70%;
}

.free-reviews.defence-present.corona-present
{
    background: url(../img/covid-background.jpg) center center no-repeat;
    background-size: cover;
    min-height: auto;
    background-position-x:70%;
}

.free-reviews .promo-text h2
{
    font-size: 34px;
    color: #fff;
}

.free-reviews .promo-text h3
{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}

h5.desktop-hide
{
    display: none;
}
#mobile-browse-filters .col-md-12.clearfix{
    padding-bottom:70px;
}
.overlay-image {
 position: relative;
 width: 100%;
 min-height: 170px;
}
.restricted-modal-image-wrapper{
    position: relative;
    width: 100%;
    cursor:pointer;
}
.restricted-video-wrapper{
    position: relative;
    width: 100%;
    line-height:1;
}
/* Original image */
.overlay-image .image {
 display: block;
 width: 100%;
 height: auto;
}
/* Original text overlay */
.overlay-image .text-restricted,.overlay-image-modal .text-restricted,.restricted-video-wrapper .text-restricted, .restricted-modal-image-wrapper .text-restricted {
 color: #fff;
 font-size: 20px;
 line-height: 1.3em;
 text-align: center;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 90%;
 padding:5px;
}
/* New overlay on hover */
.overlay-image .hover-restricted,.overlay-image-modal .hover-restricted,.restricted-video-wrapper .hover-restricted, .restricted-modal-image-wrapper .hover-restricted {
 position: absolute;
 top: 0;
 height: 100%;
 width: 100%;
 opacity: 0;
  background-color: rgba(0,158,195,.85);
}
.restricted-modal-image-wrapper .hover-restricted{
    opacity:0;
}
/* New overlay appearance on hover */

.restricted-show-modal .modal-content{
    border:3px;
    border-color: #009ec3;
}
.restricted-show-modal .modal-header{
    background: #fff;
    border-bottom:none;
    padding-bottom: 5px;
}
.restricted-show-modal .modal-header button{
    color: #009ec3;
}
.restricted-show-modal .modal-body p{
    color: #2a2927;
}
.restricted-show-modal .modal-body button{
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    font-weight: 300;
    border: 0;
    box-shadow: none;
    color: #fff;
    font-size: 18px;
    padding: 15px;
    width: 100%;
    margin-top: 10px;
    border-radius: 3px;
    text-transform: uppercase;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    height: 60px;
}
.restricted-show-modal .modal-body img{
    width:100%;
}
.restricted-show-modal .modal-body .overlay-image .hover-restricted{
    opacity:1;
}
.restricted-show-modal .modal-body h2{
    margin-top:10px;
}
.manage-wrap .restricted-show-modal .modal-body{
    padding-top:0px;
}

.tab-pane-mobile, .nav>li.tab-mobile
{
    display: none;
}

.tab-pane-desktop, .nav>li.tab-desktop
{
    display: block;
}

#form-name::placeholder{
    font-size: 16px;
    font-family: roboto, verdana, sans-serif;
    font-weight: 400;
}
#form-phone::placeholder{
    font-size: 16px;
    font-family: roboto, verdana, sans-serif;
    font-weight: 400;
}
#form-name-update::placeholder{
    font-size: 16px;
    font-family: roboto, verdana, sans-serif;
    font-weight: 400;
}
#form-phone-update::placeholder{
    font-size: 16px;
    font-family: roboto, verdana, sans-serif;
    font-weight: 400;
}

.bootstrap-tagsinput {
  background-color: #fff;
  /*border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
  display: inline-block;
  padding: 4px 6px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
  cursor: text;
}
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
  float: right !important;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.mail-to-input-wrapper{
    float:left;
    padding-top: 10px;
    width: 49%;
    border: 1px solid #eee;
    height: auto;
    margin-left: 2%;
    text-align: left;
    padding-left: 10px;
    min-height: 50px;
    position: relative;
}
.label.additional-mails{
    color:#000;
    margin-top: 3px;
    cursor:pointer;
}


.mobile-billing-frequency.subheading{
    text-align: left;
    font-size:20px;
    font-weight:bold;
    visibility: hidden;
}

.mobile-billing-frequency.book-collection{
    width:100%;
    visibility: hidden;
}
.mobile-billing-frequency.section-heading{
    text-align: left;
    font-size: 20px;
    margin-bottom: 10px;
    visibility: hidden;
}
.mobile-billing-frequency.annual-deal{
    text-align: left;
    font-size: 16px;
    margin-bottom: 10px;
    visibility: hidden;
}
.mobile-billing-frequency.annual-deal span{
    color: #009ec3;
    visibility: hidden;
}
.mobile-billing-frequency.section-text{
    text-align:left;
    padding-bottom:15px;
    border-bottom: 1px solid #d6d5d5;
    visibility: hidden;
}
.mobile-billing-frequency-wrapper{
    display:none;
}
.thank-you-share-dialog .thank-you-heading{
    padding-top:30px;
    font-size:40px;
}
.thank-you-share-dialog .thank-you-subheading{
    margin: 0px 10%;
    font-size: 18px;
    margin-top: 10px;
}
.thank-you-share-dialog .thank-you-share-more{
    font-size: 18px;
    margin: 0 20%;
    margin-top: 30px;
}
.thank-you-share-dialog .modal-body button{
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    color: #fff;
    border-radius: 4px;
    height: 60px;
    line-height: 60px;
    border: 0;
    text-transform: uppercase;
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 60%;
}
.copied-link-notification{
    position: absolute;
    left: -40px;
    top: 30px;
    visibility: hidden;
    transition: 0.4s all ease;
}
.social-launch .col-md-10 .col-md-4{
    padding-right: 0px;
}
.social-launch .col-md-10 .col-md-7{
    padding-right: 0px;
    padding-left: 10px;
    width: 65.33%;
}
.footer-copied-link-notification{
    position: absolute;
    color: #3cabca !important;
    bottom: 0px;
    right: 5px;
    visibility: hidden;
    transition: 0.4s all ease;
}
.promo-perks{
    height: 300px;
}
/*#signup-steps .promo-perks{
    height: auto;
}*/
.promo-perks.only-annual-perks{
    height: auto;
}
.promo-perks.only-annual-perks.library-perk-wrapper{
    padding-top: 40px;
}
.annual-perks-subheading{
    font-size: 21px;
    font-weight: bold;
    margin-top: 30px;
    position: relative;
}
.annual-perks-subheading:after{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 320px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
}
.annual-perks-image{
    max-width: 100%;
    margin-top: 30px;
}
.library-perk{
    border-bottom: 1px solid #d6d5d5;
}
.library-perk .section-heading{
    font-weight: bold;
    font-size: 19px;
    margin-bottom: 10px;
}
.library-perk .annual-deal{
    font-weight: bold;
    font-size: 16px;
}
.library-perk .annual-deal span{
    font-weight: 400;
    color: #009ec3;
}
.library-perk .section-heading.annual-deal-heading{
    margin-top:20px;
}
.annual-perks-wrapper{
    margin-top:40px;
}
.to-mail-wrapper{
    display: none;
    border: 1px solid #eee;
    background: #fff;
    width: 100%;
    height: auto;
    padding: 10px;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
    box-shadow: none!important;
    -webkit-appearance: none;
    float: left;
    flex-wrap: wrap;
}
.referral-content .to-mail-wrapper p
{
    font-weight: inherit;
    margin-top: 0px;
    font-size: 16px;
    padding-left: 0px;
    padding-right: 5px;
}
.ref-share-box .tab-content .tab-inputs .to-mail-wrapper textarea{
    /* all:unset; */
    border: 0!important;
    margin: 0!important;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
    overflow: hidden;
    padding: 2px 0px;
    resize: none;
    color: black;
    background-color: white;
}
.referral-content .to-mail-wrapper .mail-recipient-box{
    background: #009ec3;
    margin-right: 3px;
    border-radius: 9px;
    padding-left: 5px;
}
.gmail-contacts .name{
    display: inline-block;
    width:20%;
}
.gmail-contacts .email-contact{
    display: inline-block;
    margin-left: 10%;
}
.gmail-contacts.list-group{
    text-align:left;
}
.number-wrapper{
    width: 100%;
    position: absolute;
    bottom: 0px;
    text-align: center;
    left:0px;
}
.close-mail-recipient-box{
    padding-left:20px;
    cursor:pointer;
}
.additional-mails{
    float: right;
}
.selected-contact {
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    color: #fff;
}
#referredUserPopUp, #covidBottomPopup {
    z-index: 1000000;
    clear: both;
    display: none;
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    min-height: 70px;
    font-size: 22px;
    padding-top: 15px;
    position: fixed;
    bottom: 0px;
    color: white;
    padding-bottom: 15px;
    width:100%;
}
.gmail-contacts.list-group li {
    user-select: none;
    cursor: pointer;
}
#exampleModalCenter {
    top: 0px;
    z-index: 104000;
    background: rgba(1,1,1,.5);
}
.select-all-checkbox {
    float: right;
}
.select-all-checkbox input {
    cursor: pointer;
}
/*.paginationjs-pages ul{
    padding-inline-start:0px;
}
.paginationjs-go-button input{
    margin-top: 10px;
}*/

#signup-steps .promo-perks .library-perk{
    padding-top: 15px;
}
#closeContactsModal{
    float: left;
}
.annual-billing-description{
    font-size:15px;
    margin:0px;
}
.hd-text-billing-mobile{
    display: none;
}
.annual-billing-table-heading{
    vertical-align: top;
}

/* BLOG PAGE */

.results-head.de-page.blog-page h1{
    text-transform: none;
}

.log-back.results-head.limited-page.blog-page{
    background: url(../img/BlogPageHeaderBanner-Desktop-Optimized.webp) top 70% center no-repeat;
    min-height: 430px;
}

.results-head.de-page.blog-page h4{
    color: #fff;
    margin-top: 25px;
    position: relative;
    padding-bottom: 35px;
}

.results-head.de-page.blog-page h4:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 200px;
    background: #32ccbc;
    height: 2px;
}

.results-head.de-page.blog-page h4 span{
    position: relative;
    margin-right: 20px;
}

.results-head.de-page.blog-page h4 span:before{
    content: url('../img/breadcrumb.png');
    position: absolute;
    right: -20px;
    /*top: 8px;*/
}

.results-head.de-page.blog-page h4 span:last-child:before{
    content: '';
}

.blog-page .blog-btn{
    margin-top: 0px;
    background: none;
}

.blog-btn .col-md-6{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    margin-top: -70px;
    border-radius: 4px;
}

.blog-btn button {
    background: none;
    border: 0px;
    font-size: 17px;
    color: #fff;
    width: 20%;
    float: left;
    display: block;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 15px;
    padding-bottom: 10px;
    position: relative;
    -webkit-transition: background 0.8s ease-out;
    transition: background 0.8s ease-out;
    height: 90px;
    outline: 0px;
    margin-bottom: 0px;
    border-right: 1px solid #1095a3;
}

.blog-btn button:last-child{
    border: 0px;
}

.blog-btn button.active {
    background: #fff;
    color: #2a2927;
    height: 100px;
    margin-top: -10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-top: 20px;
    /*font-size: 18px;*/
}

.blog-news{
    margin-top: 20px;
}

.news-date{
    color: #acacac;
    padding-top: 20px;
    padding-bottom: 10px;
}

.news-date span{
    font-size: 18px;
    font-weight: 300;
    margin-right: 30px;
}

.news-date span svg{
    margin-right: 15px;
}

.single-news-box{
    position: relative;
    display: block;
    float: left;
    width: 100%;
}

/* .single-news-box:before{
    content: url('../img/share-counter.png');
    position: absolute;
    left: -100px;
    top: 0px;
} */

.single-news-box p{
    font-size: 20px;
    /*margin-bottom: 30px;*/
}

.news-right h3{
    font-size: 30px;
    font-weight: 600;
    margin-top: 0px;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.news-right h3:before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 150px;
    background: #32ccbc;
    height: 2px;
}

.news-right button{
    width: 50%;
    float: left;
    background: none;
    border: 0px;
    color: #fff;
    height: 70px;
    outline: 0px;
    font-size: 24px;
    font-weight: 600;
}

.news-right .button-holder{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    border-radius: 4px;
    padding: 3px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.news-right .button-holder button.active{
    background: #fff;
    color: #009ec3;
}

.news-right .adv-placeholder{
    margin-bottom: 30px;
}

.news-right .old-post{
    margin-bottom: 30px;
    float: left;
    display: block;
    width: 100%;
}

.news-right .old-post h4{
    font-size: 18px;
    font-weight: 600;
    margin-top:13%;
}

.subscribe-box{
    background: url(../img/subscribe-back2.png) center center no-repeat;
    /*float: left;*/
    display: block;
    width: 100%;
    padding: 35px;
    border-radius: 4px;
}

.subscribe-box h3{
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-size: 36px;
    margin-top: 10px;
}

.subscribe-box p{
    color: #fff;
    margin-top: 20px;
    font-size: 18px;
}

.subscribe-box h4{
    color: #fff;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 16px;
}

.subscribe-box h5{
    color: #fff;
    margin-top: 0px;
    font-size: 13px;
    font-weight: 300;
}

.subscribe-box .col-xs-4:last-child:after{
    content: url('../img/sub-arrow.png');
    position: absolute;
    right: -60px;
    top: -35px;
}

.subscribe-box .add-details{
    border: 2px solid #fff;
    padding: 20px;
    width: 90%;
    float: right;
    margin-top: 30px;
}

.subscribe-box .add-details p{
    font-size: 24px;
    margin: 10px;
    margin-bottom: 20px;
}

.subscribe-box .add-details input{
    background: #fff;
    border: 0px;
    color: #111;
    width: 100%;
    text-align: center;
    height: 50px;
}

.subscribe-box .add-details button{
    background: none;
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase;
    height: 50px;
    width: 100%;
    margin-top: 20px;
}
.subscribe-box .add-details button:hover{
    background: white;
    color: #148db6;
}
.free-trial-box{
    background: #fff;
    padding: 35px 20px;
    -webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    border-radius: 4px;
    margin-top:20px;
    margin-bottom:20px;
}

.free-trial-box p{
    color: #009ec3;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
}

.free-trial-box button{
    background: none;
    border: 2px solid #009ec3;
    color: #009ec3;
    text-transform: uppercase;
    height: 60px;
    font-size: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 3px;
}

.related-posts{
    padding-top: 50px;
    padding-bottom: 50px;
    clear: both;
    border-top: 1px solid #32ccbc;
    border-bottom: 1px solid #32ccbc;
    margin-top: 50px;
    margin-bottom: 50px;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
}

.related-posts h2{
    color: #009ec3;
    font-size: 36px;
    font-weight: 600;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 40px;
}

.related-posts h4{
    font-weight: 600;
    margin-top: 0px;
    font-size: 24px;
}

.related-posts .news-date{
    padding-top: 0px;
    padding-bottom: 10px;
}

.related-posts p{
    font-size: 15px;
    line-height: 23px;
}

.related-posts button{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    border: 0px;
    text-transform: uppercase;
    border-radius: 3px;
    height: 40px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 600;
}

.related-posts a{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    border: 0px;
    text-transform: uppercase;
    border-radius: 3px;
    height: 40px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 600;
    padding-top:10px;
    padding-bottom:10px;
}

.related-posts .news-date span {
    font-size: 15px;
    font-weight: 300;
    margin-right: 25px;
}

.related-posts .col-md-6{
    padding-left: 0px;
    padding-right: 0px;
}

.cta-box{
    background: url(../img/cta-back.png) center center no-repeat;
    float: left;
    display: block;
    background-size: cover;
    width: 100%;
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    margin-top: -430px;
}

.cta-box h2{
    display: inline-block;
    text-align: left;
    color: #009ec3;
    float: left;
    text-transform: uppercase;
    font-size: 60px;
    /*font-weight: 600;*/
    padding-left: 65px;
    margin-top: 40px;
    border: 0px;
}

.cta-box p{
    float: left;
    display: inline-block;
    padding-left: 65px;
    text-align: left;
    font-size: 16px;
    margin-top: 20px;
}

.cta-box button{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    border: 0px;
    text-transform: uppercase;
    border-radius: 3px;
    height: 60px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 20px;
    font-weight: 500;
    float: left;
    margin-left: 65px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.footer-section.footer-with-cta{
    margin-top: 380px;
    padding-top: 120px;
}

.footer-section.footer-with-cta .col-xs-4{
    position: relative;
}

.footer-section.footer-with-cta img{
    max-width: 350px;
    margin-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -10px;
}

.news-row h3{
    font-size: 30px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 20px;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.news-row h3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 150px;
    background: #32ccbc;
    height: 2px;
}

.news-row a{
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: none !important;
    background: #fff;
    min-height:58vh;
}

.news-row h2{
    color: #111;
    margin-top: 0px;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 15px;
}

.news-row .news-date {
    color: #acacac;
    padding-top: 15px;
    padding-bottom: 15px;
}

.news-row p{
    /*font-weight: 600;*/
    font-size: 15px;
    line-height: 24px;
    color: #111;
}

.news-row a:hover{
    border-radius: 4px;
    -webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    /*background: #fff;*/
    z-index: 1;
}

.news-row button{
    background: -webkit-linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%);
    color: #fff;
    border: 0px;
    text-transform: uppercase;
    border-radius: 3px;
    height: 60px;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.news-row .categories-post-link{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    color: #fff;
    border: 0;
    text-transform: uppercase;
    border-radius: 3px;
    height: 60px;
    padding-left: 50px;
    padding-right: 50px;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.news-row.category-row h2{
    margin-bottom: 0px;
}

.news-row.category-row p{
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #111;
    margin-top: 20px;
}

.news-row.category-row button{
    margin-left: 0px;
    margin-top: 10px;
}

.results-head .referral-terms-page-heading{
    font-size:38px;
}
.blog-news .single-news-box img{
    /*max-width: 100%;*/
    margin-bottom:10px;
    /*width: 100%;
    height: 26vw;
    object-fit: cover;*/
}
.blog-news .single-news-box .blog-cover-image{
    width: 100%;
    height: 26vw;
    object-fit: cover;
}
.link-to-post-wrapper{
    margin-top:30px;
    margin-bottom:50px;
}
.social-shares-blog{
    position: fixed;
    top:60vh;
    left:3vw;
    transition: all 0.5s ease-in-out;
}
.social-shares-blog.share-helper{
    top:40vh;
}
.social-shares-lfs{
    position: fixed;
    top:20vh;
    left:3vw;
    transition: all 0.5s ease-in-out;
    z-index:100;
    opacity:0;
    display:block;
    
}
.blog-share-button{
    display: block;
    margin-bottom: 5px;
    border-radius: 50%;
    outline: none;
    box-shadow: none;
    border: none;
    height: 40px;
    width: 40px;
}
.facebook-share{
    border:none;
    height: 40px;
    width:40px;
    background: url('../img/iconfinder_facebook_circle.png');
    background-repeat: no-repeat;
    background-size:cover;
}
.twitter-share{
    border:none;
    height: 40px;
    width:40px;
    background: url('../img/twitter-icon.png');
    background-repeat: no-repeat;
    background-size:cover;
}
.pinterest-share{
    border:none;
    height: 40px;
    width:40px;
    background: url('../img/iconfinder_pinterest.png');
    background-repeat: no-repeat;
    background-size:cover;
}
.messenger-share{
    border:none;
    height: 40px;
    width:40px;
    background: url('../img/iconfinder_messenger.png');
    background-repeat: no-repeat;
    background-size:cover;
}
.email-share{
    border:none;
    height: 40px;
    width:40px;
    background: url('../img/emailIcon.jpg');
    background-repeat: no-repeat;
    background-size:cover;
}
.img-responsive.category-post-coverimage{
    margin-bottom:15px;
    display:block;
}
.blog-category-container .pagination-controls{
    list-style: none;
    text-align:center;
}
.blog-navigation-btn{
    display:inline;
}
.blog-navigation-btn button{
    border-radius:5px;
    border:none;
    padding:5px;
}
.blog-home-news-right{
    margin-top:80px;
}
.mobile-header-btns{
    display:none;
}
.post-mobile-heading, .news-row .news-date.mobile-news-date{
    display: none;
}
.results-head .referral-terms-page-heading{
    font-size:38px;
}
.link-to-blog-home{
    cursor: pointer;
}
.category-span{
    cursor:pointer;
}
.news-row a .img-responsive{
    height:26vh;
    width:100%;
    object-fit: cover;
}
.popular-posts-wrapper a .img-responsive{
    height:12vh;
    width:100%;
    object-fit: cover;
}
.align-left-image2 {
    float: left;
    margin-right: 18px;
}
.align-right-image2 {
    float: right;
    margin-left: 18px;
}
.align-center-image2 {
	text-align: center;
}
.align-center-image2 > figure {
	display: inline-block;
}
.desktop-pagination-controls{
    display: flex;
    width:40%;
    text-align: center;
    margin:auto;
    border:1px solid #ddd;
}
.first-last-desktop{
    flex:2;
    padding: 10px;
    cursor:pointer;
    font-size: 18px;
}
.pagination-helper-desktop{
    flex:1;
    border-right: 1px solid #ddd;
    border-left:1px solid #ddd;
    padding: 10px;
    cursor:pointer;
    font-size: 18px;
    font-weight: bold;
    color: #695f5f;
}
.current-health-desktop,.current-nutrition-desktop,.current-mind-desktop,.current-workout-desktop,.current-lifestyle-desktop{
    flex:1;
    padding:10px;
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    color:white;
    font-size: 18px;
}
#last-health-desktop,#last-nutrition-desktop,#last-mind-desktop,#last-workout-desktop,#last-lifestyle-desktop{
    color:#009ec3;
}
#first-health-desktop,#first-nutrition-desktop,#first-mind-desktop,#first-workout-desktop,#first-lifestyle-desktop{
    color:#a3a3a3;
}
.account-page .single-news-box .blog-news{
    width:100%;
    margin-left:0px;
}
.link-to-related-post-wrapper {
    margin-top: 20px;
}
.news-row .linkToAllPosts {
    margin-top: 30px;
}
.free-trial-box .trial-function:hover{
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    color:white;
    border:none;
}
.blog-news .single-news-box .free-trial-box img {
    max-width: 15%;
    height: auto;
}
.blog-news .single-news-box .subscribe-box img { 
    height: auto;
}
.news-right .button-holder .popular-post-select.active {
    background: initial;
    color: white;
}
.news-right .button-holder .popular-post-select {
    background: #fff;
    color: #009ec3;
}
.video-list .flexslider.manuals-helper-wrapper  {
    min-height:15vw;
}
.cta-box .trial-function{
    transition: all .5s ease;
}
.cta-box .trial-function:hover{
    transform: translateY(5px);
}
.blog-home-heading-wrapper-mobile{
    display:none;
}

.overlay-image-modal{
    position: relative;
    cursor:pointer;
}
.wordpress-post{
    object-fit:cover;
}
.news-row .blog-home-link p{
    line-height:20px;
}
.test{
    min-height: 1px;
    width:100vw;
    z-index: 1000;
    background: black;
}
.single-news-box p a {
    color: #1a0dab;
}
.single-news-box p a:hover {
    text-decoration: underline;
}
.gifts-slider{
    z-index:1000;
}
#free-account-form .login-errors{
    display:none;
}
.login-redirect-wrapper{
    padding: 20px;
    padding-top:0px;
}

.login-redirect{
    background: white;
    color: #32ccbc;
    width:100%;
    padding:15px;
    font-weight: 500;
    border: 2px solid #32ccbc;
    border-radius:4px;
    box-shadow: none;
    font-size: 22px;
}
.login-redirect:hover{
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    color: #fff;
    border-color: white;
}
.login-box #free-account-form .login-content button {
    font-size: 19px;
}
.login-redirect-wrapper .hvr-sink.login-redirect{
    font-size:18px;
}
.free-account-subheading{
    padding:0 10px;
}
.modal-dialog.free-user-exists{
    width: 32vw;
    margin-left: 34.5%;
}
.modal-dialog.free-user-exists.free-user-modal{
    width: 700px;
    margin:auto;
}
.modal-dialog.free-user-exists .modal-body p{
    font-size:14px;
}
.free-user-exists .login-redirect{
    padding:10px;
    border:none;
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    color: #fff;
    border-color: #fff;
}
.acc-info .update-box .upgrade-to-a-paid-plan {
    margin-top:-32px;
}
.login-existing-free{
    margin-top:20px;
}
.free-user-exists .login-existing-free .login-redirect{
    background: white;
    color: #32ccbc;
    width:100%;
    padding:10px;
    font-weight: 500;
    border: 2px solid #32ccbc;
    border-radius:4px;
    box-shadow: none;
    font-size: 22px;
}
.free-user-exists .login-existing-free .login-redirect:hover{
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    color: #fff;
    border-color: white;
}
#existingFreeUser{
    z-index:100000;
}

.time-header{
    position: relative;
}

.time-header:before{
    content: '';
    position: absolute;
    background: #b3b3b3;
    height: 1px;
    width: 20%;
    left: auto;
    right: 50px;
    top: 40px;
}

.time-header:after{
    content: '';
    position: absolute;
    background: #b3b3b3;
    height: 1px;
    width: 20%;
    left: 50px;
    right: auto;
    top: 40px;
}

.time-header h2{
    color: #666;
    display: inline-block;
    font-size: 36px;
}

.time-container{
    border: 2px solid #9edde6;
    border-radius: 6px;
    margin-top: 40px;
}

.time-container .green-part{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    border-top-left-radius: 4px;
    padding: 40px;
}

.green-part h3{
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 36px;
}

.green-part p{
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    width: 60%;
    margin: 0 auto;
    margin-top: 20px;
}

.green-part h4{
    color: #fff;
    text-transform: uppercase;
    font-size: 42px;
    margin-top: 30px;
}

.green-part button{
    border: 1px solid #fff;
    background: #fff;
    color: #33b1cf;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 20px;
    padding: 15px 30px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.green-part button:hover{
    background: transparent;
    color: white;
}

.white-part{
    padding: 40px;
}
.white-part .fa-li{
    color:#32ccbc;
}
.white-part h3{
    color: #333;
    text-transform: uppercase;
    font-size: 32px;
    text-align: left;
    margin-bottom: 30px;
}

.white-part svg{
    color: #32ccbc;
    font-size: 24px;
    margin-top: 6px;
}

.white-part ul{
    margin-left: 35px;
}

.white-part li{
    text-align: left;
    font-size: 20px;
    margin-bottom: 20px;
    padding-left: 15px;
    /*color: #666;*/
    width: 100%;
}

.white-part li b{
    font-weight: bold;
}

.white-part li:last-child{
    position: relative;
}

.white-part li:last-child img{
    position: absolute;
}

.bottom-part h2{
    color: #33b1cf;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 36px;
    position: relative;
    padding-bottom: 20px;
    margin-top: 50px;
    margin-bottom: 30px;
}

.bottom-part h2:after{
    content: '';
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    height: 4px;
    width: 100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    
}

.bottom-part h3{
    text-align: left;
    font-weight: 500;
    font-size: 30px;
    margin-top: 40px;
}

.book-mobile{
    display: none
}

.bottom-part h4{
    text-align: left;
    font-weight: 500;
    font-size: 24px;
}

.bottom-part h4 span{
    color: #33b1cf;
}

.bottom-part p{
    text-align: left;
    font-size: 18px;
    width: 80%;
}

.devider-line{
    position: relative;
    margin-top: 60px;
    margin-bottom: 60px;
}

.devider-line:before{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    content: '';
    position: absolute;
    height: 2px;
    width: 50%;
    left: auto;
    right: 50px;
    top: 0;
    bottom: 0;
}

.devider-line:after{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    content: '';
    position: absolute;
    height: 2px;
    width: 50%;
    left: 50px;
    right: auto;
    top: 0;
    bottom: 0;
}

.devide-plus{
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -38px;
    margin: auto;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    padding-top: 44px;
    z-index: 2;
}

.devide-plus svg{
    color: #33b1cf;
    font-size: 36px;
}

.bottom-part .time-button{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    font-weight: 500;
    border: 0;
    box-shadow: none;
    color: #fff;
    font-size: 26px;
    padding: 15px 40px;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-decoration: none!important;
}

/* Obesity epidemic styles */

.welcome-section .ob-section p{
    text-align: left;
}

.ob-section h2{
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    color: #333;
}

.ob-section li{
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}

.ob-section li svg{
    color: #08a6c2;
    font-size: 22px;
}

.welcome-section.fruit-section{
    min-height: 300px;
    background: url(../img/fruit-back.jpg) top center no-repeat;
    background-size: cover; 
}

.welcome-section.fruit-section h1{
    text-align: left;
    color: #2a2927;
    text-transform: capitalize;
    margin-top: 80px;
    padding-bottom: 0;
    font-size: 46px;
    position: relative;
}

.welcome-section.fruit-section p{
    text-align: left;
    margin-top: 30px;
    margin-bottom: 0;
    color: #2a2927;
    font-size: 20px;
}

.welcome-section.fruit-section ul{
    margin-top: 30px;
}

.welcome-section.fruit-section li{
    text-align: left;
    font-size: 20px;
    margin-bottom: 15px;
}

.welcome-section.fruit-section li svg{
    color: #08a6c2;
    font-size: 22px;
}

.welcome-section.fruit-section .trial-box{
    border-color: #c1bfbf;
    margin-top: 80px;
    padding-bottom: 0px;
}

.welcome-section.fruit-section .trial-box h5{
    color: #2a2927;
}

.welcome-section.who-is-section{
    min-height: 300px;
    background: url('https://d19kl2he5a9hxw.cloudfront.net/design_images/stefan-back.jpg') top center no-repeat;
    background-size: cover; 
    padding-top: 80px;
    padding-bottom: 120px;
}

.welcome-section.who-is-section h4{
    text-align: left;
    color: #fff;
}

.welcome-section.who-is-section p{
    text-align: left;
    color: #fff;
}

.welcome-section.faq-section{
    min-height: 600px;
    background: url(../img/faq-back.jpg) top center no-repeat;
    background-size: cover;
}
.welcome-section.faq-section.general-sales{
    min-height: 600px;
    background: url('https://d19kl2he5a9hxw.cloudfront.net/design_images/macka-background.jpg') top center no-repeat;
    background-size: cover;
}
.welcome-section.faq-section .panel-heading{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    border: 0;
    padding: 14px 15px;
    height: 44px;
}

.welcome-section.faq-section .panel-heading h4{
    text-align: left;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
}

.welcome-section.faq-section .panel-heading a{
    width: 100%;
    display: block;
    float: left;
    position: relative;
    text-decoration: none !important;
}

.welcome-section.faq-section .panel-heading a:after {
    /*content: url('https://d19kl2he5a9hxw.cloudfront.net/design_images/ar-down.png');
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;*/
    content: "";
    background-image: url(../img/spritesheet.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 9px;
    background-position: -5px -5px;

    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.welcome-section.faq-section .panel-heading.active a:after {
    /*content: url('https://d19kl2he5a9hxw.cloudfront.net/design_images/ar-up.png');
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;*/
    content: "";
    background-image: url(../img/spritesheet.png);
    background-repeat: no-repeat;
    width: 13px;
    height: 9px;
    background-position: -28px -5px;

    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.welcome-section.faq-section .panel-body{
    padding: 25px;
}

.welcome-section.faq-section .panel-body p{
    text-align: left;
    margin-bottom: 20px;
    margin-top: 0px;
}

.welcome-section.faq-section li{
    text-align: left;
    font-size: 20px;
    margin-bottom: 15px;
}

.welcome-section.faq-section li svg{
    color: #08a6c2;
    font-size: 22px;
}

.welcome-section.faq-section .panel-group{
    margin-top: 60px;
}
.trial-box.last-promo-obesity{
    padding-bottom:0px;
}
.obesity-welcome-lower-heading{
    color:white;
    top:60px;
    font-style:italic;
}
.netflix-health-wellness{
    color:white;
    top:50px;
    font-size:28px;
}
.covid-page .obesity-welcome-lower-heading{
    color:white;
    top:30px;
    font-style:italic;
}
.covid-page .netflix-health-wellness{
    color:white;
    top:20px;
    font-size:28px;
}
.obesity-epidemic .home-text h1 span {
    font-size: 48px;
    line-height: 45px;
}
.manage-wrap.acc-wrap .modal-body h2.top-marg.lifetime-downgrade-text {
    font-size:21px;
}

/* NEW Upsale page styles */

.upsale-section {
    background: #f2f2f2 url('https://d19kl2he5a9hxw.cloudfront.net/design_images/wellcome-back.png') top left no-repeat;
    padding-bottom: 100px;
    padding-top: 40px;
}

.upsale-section h3{
    margin-top: 10px;
    font-size: 22px;
}

.upsale-left{
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    color: #fff;
    padding-top: 30px;
    padding-bottom: 40px;
}

.upsale-left p{
    position: relative;
    font-size: 16px;
    padding-bottom: 20px;
    margin-top: 20px;
}

.upsale-left p:after{
    content: '';
    background: #fff;
    height: 1px;
    width: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.upsale-left h3{
    font-size: 30px;
}

.upsale-top{
    border-top: 1px solid #0EA6C1;
    border-bottom: 1px solid #0EA6C1;
}

.upsale-left p{
    font-size: 16px;
    margin-top: 20px;
}

.upsale-right{
    padding-top: 15px;
}

.upsale-right p{
    font-size: 16px;
    margin-top: 0px;
}

.upsale-right h3{
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 10px;
}

.upsale-right h3 span{
    font-size: 30px;
}

.upsale-right button{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    border: 0;
    box-shadow: none;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    padding: 16px 44px;
    border-radius: 3px;
    margin-bottom: 5px;
}

.upgrade-content.believe-section p{
    color: #111;
    text-align: left;
}

.upgrade-content.believe-section p span{
    text-decoration: underline;
}

.believe-section .marg-60{
    margin-top: 60px;
}

.believe-section .marg-20{
    margin-top: 20px;
}

.upsale-ben ul svg{
    color: #009ec3;
    font-size: 26px;
}

.upsale-ben ul{
    margin-top: 20px;
}

.upsale-ben ul li{
    text-align: left;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 15px;
    padding-left: 10px;
}

.upsale-ben p svg{
    color: #009ec3;
    font-size: 26px;
    margin-left: 0px;
    margin-right: 10px;
}

.upsale-ben p.marg-20 span{
    padding-right: 40px;
}

.upgrade-content .gift-box.upsale-box h3{
    font-size: 26px;
    line-height: 36px;
}

.upgrade-content .gift-box.upsale-box p {
    text-align: left;
    color: #111;
    float: left;
    font-size: 18px;
    margin-top: 20px;
    line-height: 25px;
    width: 100%;
}

.upgrade-content .gift-box.upsale-box span{
    font-size: 24px;
    font-weight: 300;
    margin-top: 0px;
    padding-bottom: 15px;
}

.upgrade-content .gift-box.upsale-box{
    padding: 30px 20px;
}

.upsale-present .upsale-video-desktop  iframe {
    display: block;
    width: 510px;
    height: 300px;
    margin: 0 auto;
}

.upsale-present{
    margin-top: 30px;
}

.upsale-present .upsale-video-desktop {
    margin: 10px auto 0 auto;
}

.upsale-present h2{
    margin-bottom: 10px;
}

.upsale-present h4{
    text-align: left;
    margin-top: 60px;
}

.upsale-present p{
    text-align: left;
    font-size: 16px;
}

.upsale-present .pr3 p{
    text-align: center;
    margin-top: 40px;
}

.upgrade-content .gift-box.upsale-box h3 b{
    color: #009ec3;
}

.lavender-section{
    background: url(../img/lavender-back.jpg) center center no-repeat;
    padding-bottom: 50px;
    padding-top: 10px;
    background-size: cover;
}

.upgrade-content.lavender-section .gift-box ul li span{
    font-size: 24px;
    width: auto;
    margin-top: 0px;
    padding-bottom: 0px;
    left: -35px;
}

.upgrade-content .gift-box ul li{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 18px;
    margin-bottom: 10px;
}

.upgrade-content .gift-box ul li span{
    width: auto;
    left: -33px;
}

.upgrade-content .gift-box ul li span:after {
    content: '';
    background: none;
    height: 0px;
    width: 0px;
}

.upgrade-content.lavender-section img{
    margin-bottom: 40px;
}

.upgrade-content.lavender-section .upsale-box .col-md-6{
    padding-left: 15px;
    padding-right: 0px;
}

img.marg-40{
    margin-top: 40px;
}

.kids-section{
    background: url(../img/kids-back.jpg) bottom center no-repeat;
    padding-bottom: 50px;
    padding-top: 10px;
    background-size: cover;
}

.kids-section.join-group-section{
    background: url(../img/join-Group.jpg) bottom center no-repeat;
    background-position-y: -300px;
    background-size: cover;
}

.benefits-summary h2{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

.benefits-summary svg{
    font-size: 24px;
    color: #009ec3;
}

.benefits-summary li{
    text-align: left;
    font-size: 18px;
    padding-left: 20px;
    margin-bottom: 20px;
}

.desktop-hide
{
    display: none;
}

.mobile-hide
{
    display: block;
}

.upgrade-content h2.mobile-big-text {
   margin-top:15px;
   margin-bottom: 20px;
}
.normal-lifetime-price{
    text-decoration: line-through;
}

#vidalytics_embed_DD7cpX289Q0JXX4x, #vidalytics_embed_Tz_j_UnExI3HEEhm, #vidalytics_embed_JfWZCbaEImAYUAkl  {
    display:none;
}

.manage-wrap #shippingModal .modal-body input {
    width: 49%;
}
.shipping-restriction{
    display:inline;
    font-size:21px;
}
.upgrade-content.outside-us-top{
    padding-bottom: 0px;
}
.upgrade-content.outside-us-bottom{
    padding-top:20px;
}
#vidalytics_embed_DD7cpX289Q0JXX4x, #vidalytics_embed_Tz_j_UnExI3HEEhm, #vidalytics_embed_JfWZCbaEImAYUAkl {
    display:none;
}
.schedule-consultation-heading{
    text-align:center;
    margin-bottom: 30px;
}
.schedule-consultation-wrapper .col-md-6{
    padding-bottom:20px;
}
.upsale-video-desktop-schedule iframe{ 
    width:100%;
    height: 16vw;
}
.skip-consultation-wrapper{
    text-align:center;
}
.skip-consultation-wrapper button{
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    font-weight: 500;
    border: 0;
    box-shadow: none;
    color: #fff;
    font-size: 22px;
    padding: 15px 40px;
    border-radius: 3px;
    margin-bottom:20px;
}
.shipping-state{
    width:49%;
    height:50px;
    padding-left: 15px;
    font-size: 18px;
    color: #786565;
    border: 1px solid #eee;
}
.save-shipping-address{
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    font-weight: 500;
    border: 0;
    box-shadow: none;
    color: #fff;
    font-size: 20px;
    padding: 15px 40px;
    border-radius: 3px;
    text-align:center;
}

.manage-wrap #shippingModal .modal-body h2 {
    font-size: 21px;
    font-weight: 200;
}

.manage-wrap #shippingModal .modal-body h2 span {
    font-size: 19px;
    color: inherit;
}
.manage-wrap #shippingModal .modal-body #shippingCountry {
    width: 100%;
}
.save-shipping-address:hover{
    background: -webkit-linear-gradient(45deg,#009ec3 0,#009ec3 100%);
    background: linear-gradient(45deg,#009ec3 0,#009ec3 100%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.upsale-video-desktop.within-USA,.upsale-video-desktop.outside-USA {
    width:50%;
}
.upsale-video-mobile.within-USA,.upsale-video-mobile.outside-USA{
    padding:0px;
}
.upsale-top{
    display:none;
}
.upgrade-bottom.upgrade-top-timeout{
    display:none;
}
.messenger-action .text-above-widget{
    color: white;
    font-size: 18px;
    line-height: 30px;
    padding-right: 60px;
}
.messenger-action .text-above-widget.black-text{
    color:#2a2927;
    font-size:20px;
}
.col-md-6.watch-anywhere-wrapper{
    padding-left:0px;
}
.col-md-6.watch-anywhere-wrapper .mcwidget-embed{
    padding-right:70%;
    padding-top:10px;
}
.col-md-12.wrap.fb-ads-wrapper{
    overflow-x:hidden;
}
.billing-cycle-radio{
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.checkmark-billing-fb {
    position: absolute;
    top: 5px;
    left: 5px;
    height: 25px;
    width: 25px;
    background-color: #21201e;
    border-radius: 50%;
}
.checkmark-billing-fb.active:after {
    content: "";
    position: absolute;
    display: block;
    left: 9px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.welcome-section.the-big-trio{
    min-height: 300px;
    padding-bottom: 4vw;
}

.welcome-section.the-big-trio h2.big-trio-header{
    text-align: left;
    color: #2a2927;
    text-transform: capitalize;
    margin-top: 3vw;
    padding-bottom: 0;
    font-size: 2.2vw;;
    position: relative;
}

.welcome-section.the-big-trio p{
    text-align: left;
    margin-top: 1.4vw;
    margin-bottom: 0;
    color: #2a2927;
    font-size: 1vw;
}

.welcome-section.the-big-trio ul{
    margin-top: 30px;
}

.welcome-section.the-big-trio li{
    text-align: left;
    font-size: 1vw;
    margin-bottom: 15px;
}

.the-big-trio.second-section .center-obesity-trial-text {
    margin-bottom: 0;
}

.welcome-section.the-big-trio li svg{
    color: #08a6c2;
    font-size: 22px;
}

.welcome-section.the-big-trio .trial-box{
    border-color: #c1bfbf;
    margin-top: 4vw;
    padding-bottom: 0px;
}

.welcome-section.the-big-trio .trial-box h5{
    color: #2a2927;
}

.welcome-section.the-big-trio.first-section {
    background: url(../img/pills-back.png) top center no-repeat;
    background-position-x: 90%;
    background-size: cover;
}

.welcome-section.the-big-trio.second-section{
    background: url(../img/woman-eating-salad.png) top center no-repeat;
    background-position-x: 45%;
    background-size: cover;
}

.welcome-section.the-big-trio.second-section h2 {
    text-align: center;
    color: #2a2927;
    text-transform: capitalize;
    margin-top: 3vw;
    padding-bottom: 0;
    font-size: 2.2vw;
    position: relative;
}

.welcome-section.the-big-trio.second-section .woman-eating-fruits {
    display: none;
}

.welcome-section.tt-smoothies{
    background: url(../img/vegetables.png) top center no-repeat;
    min-height: 300px;
    background-size: contain;
    padding-bottom: 1vw;
    overflow-x: hidden;
}

.welcome-section.tt-smoothies h4{
    text-align: left;
    color: #2a2927;
    text-transform: capitalize;
    margin: 3vw 7.33333% 10px 7.33333%;
    padding-bottom: 0;
    font-size: 2.2vw;
    position: relative;
}

.welcome-section.tt-smoothies p{
    text-align: left;
    margin-top: 1.4vw;
    margin-bottom: 0;
    color: #2a2927;
    font-size: 1vw;
}

.welcome-section.tt-smoothies ul{
    margin-top: 30px;
}

.welcome-section.tt-smoothies li{
    text-align: left;
    font-size: 1vw;
    margin-bottom: 15px;
}

.welcome-section.tt-smoothies li svg{
    color: #08a6c2;
    font-size: 22px;
}

.welcome-section.tt-smoothies .trial-box{
    border-color: #c1bfbf;
    margin-top: 4vw;
    padding-bottom: 0px;
}

.welcome-section.tt-smoothies .trial-box h5{
    color: #2a2927;
}

.welcome-section.tt-smoothies .recipes-image{
    max-width: 100%;
}

.welcome-section.tt-smoothies .check-out-dishes-image{
    position: relative;
    left: -11vw;
    width: 76vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
}
.welcome-section.tt-smoothies .recipes-collage {
    position: relative;
    left: -22.65vw;
    width: 100vw;
    overflow: hidden;
}
.welcome-section.tt-smoothies .check-out-dishes-mobile {
    display: none;
}

.welcome-section.tt-smoothies .center-obesity-trial-text {
    margin-bottom: 0;
}


.tt-smoothies-page .home-text h1 span {
    font-size: 44px;
}

.the-big-trio-page .home-text h1 span {
    font-size: 46px;
}

/*.success-stories-testimonials #vidalytics_embed_K4f3efx20CPncIvX{
    width:80% !important;
    margin:auto !important;
}*/
#signup-steps .success-stories-testimonials{
    margin-bottom:25px;
}

#signup-steps .mobile-hide.success-stories-testimonials{
    width: 80%;
    margin:auto;
    padding-top:20px;
}

.standard-flow-testimonials-heading{
    clear:both;
}
.netflix-health-wellness-mobile{
    display:none;
}
.free-reviews .promo-text .old-approach{
    /*text-align: left;*/
    color: white;
    font-size: 18px;
    margin-top:20px;
}
.free-reviews .promo-text .old-approach p span{
    text-decoration: underline;
}
.old-approach-list{
    margin-bottom:55px;
}
.free-page-header .free-page-head h3 {
    margin-bottom: 40px;
}
/* swiper */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

.mcwidget-embed.delicious-messenger-button{
    position:absolute;
    bottom: -120px;
    left: -40px;
}

.instagram-wrapper .open-modal-btn {
    outline: none;
}
.instagram-wrapper.ig-btn-desktop {
    width: 28vw;
    padding-top: 26px;
    display: block;
}
.instagram-wrapper.ig-btn-mobile {
    padding-top: 26px;
    display: none;
}
.instagram-wrapper.ig-btn-desktop.af-btn-desktop {
    width: 46.8vw;
}

.mcwidget-embed > div > div > div {
    padding-top: 10px!important;
    text-align: center!important;
}

.mcwidget-embed {
    position: static!important;
}
.mcwidget-embed iframe {
    position: static!important;
}

.delicious-page .log-back.results-head.deli-header.jv-header {
    min-height: 420px;
}
.results-head.de-page.deli-header.jv-header h1 {
    margin-top: 30px;
}

.instagram-wrapper .down-book, .instagram-wrapper .down-book-btn {
    height: 3.2vw;
    font-size: 1vw;
}

.tt-affiliate-video .aff-video-mobile {
    display: none;
}
.tt-affiliate-video .aff-video-desktop {
    display: block;
}
.protocol-jv-page .de-container .col-md-8 ul svg {
    color: #1ab6bf;
}
.instagram-wrapper .download-report-btn {
    width: 22vw;
    margin: auto;
    margin-top: 40px;
}
.protocol-jv-page .deli-container {
    margin-bottom: 24px;
}
.protocol-jv-page .de-container.deli-container h3.defense-subheader {
    text-transform: capitalize;
    margin:0;
    font-size: 1.8vw;
    font-weight: bold;
}
.protocol-jv-page .de-container.deli-container h3.defense-subheader.mobile-visible {
    margin-bottom:20px;
    font-size: 28px;
}

.defense-subheader.mobile-visible {
    display: none;
}
.defense-subheader.desktop-visible {
    display: block;
}
.de-review.deli-ig-review {
    margin-top: -2vw;
}
.img-responsive.under-video.desktop-visible {
    display: block;
}
.img-responsive.under-video.mobile-visible {
    display: none;
}

.book-video-page .corona-bottom h2{
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
}

.padding-top{
    padding-top: 40px;
}

.welcome-section.tt-smoothies .tt-inner h4{
    margin-left: 0;
    margin-top: 40px;
    font-size: 46px;
}

.welcome-section.tt-smoothies h4.tt-special{
    font-size: 46px;
}

.welcome-section.tt-smoothies.tt-immune-chick {
    background: url(../img/chickback.png) top center no-repeat;
    min-height: 300px;
    background-size: cover;
    padding-bottom: 1vw;
}

.welcome-section.tt-smoothies.tt-immune-elder {
    background: url(../img/elders.png) top left no-repeat;
    min-height: 300px;
    background-size: cover;
    padding-bottom: 50px;
    padding-top: 50px;
    margin-top: 50px;
}

.welcome-section h1.sht-text{
    font-weight: 700;
    color: #000;
    font-size: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.covid-page .defense-protocol-text ul li {
    font-size: 18px;
}
.paradox-page.corona-page .account-page {
    padding-bottom: 0px;
}
.home-text p.corona-outbreak-trial {
    font-size: 26px;
}
.upgrade-content .only-annual-gifts{
    margin-top:20px;
}
.upgrade-content .only-annual-gifts .only-annual-gifts-heading{
    font-weight: 400;
}
.get-gifts p{
    color: #009ec3;
    font-weight: inherit;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 22px;
}
.upgrade-content .gift-box.only-annual-gifts-box ul li span {
    width: auto;
    left: -33px;
    top:-5px;
    padding-bottom:0px;
    margin-top:0px;
}
.upgrade-content .gift-box.only-annual-gifts-box ul li .with-padding {
    padding-bottom:20px;
}
.get-gifts .skip-trial-only-annual{
    color:inherit;
    font-size:20px;
}
.upgrade-content .gift-box h3 .color-gift-only-annual-bold {
    color: #009ec3;
}
.social-shares-blog .mobile-visible {
    display: none;
}
.social-shares-blog .desktop-visible {
    display: block;
}
.social-shares-blog.social-shares-lfs .desktop-visible {
    display: block;
    text-align:left;
}

.opt-page .home-text h1{
    text-align: center;
    width: 100%;
    font-size: 50px;
}

.opt-page .video-box{
    margin-top: 20px;
    height: 19vw;
}

.opt-page .video-border{
    margin-top: 20px;
}

.opt-page .home-text{
    padding-top: 110px;
    padding-right: 0px;
}

.opt-page .home-text.join-thousands {
    padding-top: 90px;
    padding-right: 0px;
}

.opt-page .test-free-btn{
    float: none;
    text-transform: uppercase;
    padding: 15px 80px;
    margin-top: 10px;
}

.opt-page .home-text h3{
    text-align: center;
    width: 100%;
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}

.opt-page .welcome-section.tt-smoothies .tt-inner h4 {
    margin-top: 80px;
    font-size: 46px;
    text-align: center;
    padding-bottom: 30px;
    position: relative;
    width: 80%;
    margin-left: 10%;
}

.opt-page .welcome-section.tt-smoothies .tt-inner h4:after{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 160px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.opt-page h5.pillar-text{
    color: #08a6c2;
    text-transform: uppercase;
    width: 100%;
    margin-left: 0px;
    font-size: 34px;
    margin-top: 0px;
    
}

.opt-page h5.subpillar-text{
    font-size: 38px;
    color: #2a2927;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 40px;
}

.opt-page .welcome-section.tt-smoothies.new-page{
    background: url(../img/opt-vege.jpg) top center no-repeat;
    min-height: 300px;
    background-size: cover;
    padding-bottom: 120px;
}

.opt-page .new-page .home-text h3, .opt-page .new-page-2 .home-text h3, .opt-page .new-page-3 .home-text h3, .opt-page .new-page-4 .home-text h3, .opt-page .expert-page .home-text h3, .opt-page .welcome-section.who-is-section h3{
    text-align: center;
    width: 100%;
    font-size: 28px;
    font-weight: 500;
    color: #2a2927;
    text-transform: uppercase;
}

.opt-page .new-page .home-text h3:after, .opt-page .new-page-2 .home-text h3:after, .opt-page .new-page-3 .home-text h3:after, .opt-page .new-page-4 .home-text h3:after, .opt-page .welcome-section.who-is-section h3:after{
    background: none;
}

.opt-page .welcome-section.tt-smoothies p, .opt-page .welcome-section.tt-smoothies li{
    font-size: 1vw;
}

.covid-page-wrapper.opt-page .welcome-section.tt-smoothies.new-page-2{
    background: url(../img/opt-fit.jpg) center center no-repeat;
    min-height: 300px;
    background-size: cover;
    padding-bottom: 80px;
    padding-top: 80px;
}

.opt-page .welcome-section.tt-smoothies.new-page-3{
    background: url(../img/opt-yoga.jpg) bottom center no-repeat;
    min-height: 300px;
    background-size: contain;
    padding-bottom: 80px;
    padding-top: 80px;
}

.opt-page .welcome-section.tt-smoothies.new-page-4{
    background: url(../img/opt-psy.jpg) bottom center no-repeat;
    min-height: 300px;
    background-size: cover;
    padding-bottom: 80px;
    padding-top: 80px;
}

.opt-page .expert-page{
    padding-top: 0px;
    padding-bottom: 80px;
}

.opt-page .expert-page .home-text{
    padding-top: 40px;
}

.opt-page .expert-page .acc-info {
    height: 450px;
}

.opt-page .welcome-section.who-is-section p{
    color: #2a2927;
    font-size: 1vw;
}

.opt-page .welcome-section.who-is-section p:first-of-type{
    margin-top: 20px;
}

.opt-page .welcome-section.who-is-section .home-text {
    padding-top: 40px;
    padding-right: 0px;
}

.opt-page .welcome-section.who-is-section span{
    display: inline-block;
    background: #32ccbc;
    height: 2px;
    width: 160px;
    float: left;
    margin-top: 30px;
    margin-bottom: 25px;
}

.opt-page .welcome-section.who-is-section h5 {
    color: #2a2927;
    clear: both;
    margin: 0 auto;
    width: auto;
    font-size: 24px;
    margin-top: 5px;
    float: left;
    margin-left: 0px;
    text-transform: uppercase;
}

.welcome-section.tt-smoothies p:first-of-type{
    margin-top: 0px;
}

.modal .opt-modal p{
    color: #21201e;
    text-align: center;
    font-size: 24px;
}

.modal .opt-modal .modal-body{
    padding: 25px;
    padding-top: 10px;
}

.opt-modal .modal-header{
    border-bottom: 0px;
    padding: 0px;
}

.opt-modal .modal-header button{
    margin-top: 10px;
    margin-right: 10px;
    color: #009ec3;
    opacity: 1;
    font-size: 30px;
}

.opt-modal input{
    width: 100%;
    border: 1px solid #ddd;
    height: 40px;
    padding-left: 15px;
    font-size: 14px;
    border-radius: 2px;
    margin-top: 15px;
}

.opt-modal .modal-body button{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    font-weight: 500;
    border: 0;
    box-shadow: none;
    color: #fff;
    font-size: 20px;
    padding: 15px 80px;
    margin-top: 15px;
    border-radius: 3px;
    text-transform: uppercase;
}

.opt-modal .modal-body span{
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
}
.update-bil.covid-popup-container button.covid-popup-close-btn {
    margin-top: 8px;
}
.update-bil.cookie-container.covid-popup-container {
    height: 44px;
}
#OptModal .modal-dialog.opt-modal {
    transform: translate(0%, 50%);
    width: 40%;
}
.modal#OptModal .modal-body {
    padding-top: 0px;
}
.modal#OptModal .modal-header {
    height: 40px;
}
.opt-page .welcome-section.who-is-section span.opt-in-quotes {
    background: none!important;
    width:auto!important;
    display: none;
}

.covid-page-wrapper iframe {
    border: 0;
}

.opt-page .welcome-section.who-is-section .mcwidget-embed span{
    background:white;
}

#muteButton:hover, .vimeoBtn:hover {
    opacity: .8;
}

.opt-page.free-jv-page .test-free-btn{
    background: -webkit-linear-gradient(45deg,#e53a68 0,#bc0428 100%);
    background: linear-gradient(45deg,#e53a68 0,#bc0428 100%);
}

.welcome-section.fresh-bg{
    background: url(../img/fresh-back.png) top -200px center no-repeat;
    min-height: 300px;
    background-size: cover;
    padding-bottom: 100px;
    padding-top: 200px;
}

.fresh-container{
    min-height: 400px;
    width: 500px;
    margin: 0 auto;
    background: rgba(0,0,0,0.8);
    border-radius: 4px;
    padding: 20px;
    position: relative;
}

.fresh-container img{
    position: absolute;
    top: -135px;
    left: 0;
    right: 0;
    margin: auto;
}

.welcome-section .fresh-container h3{
    color: #fff;
    font-weight: bold;
    padding-bottom: 10px;
    margin-top: 150px;
}

.welcome-section .fresh-container h3:after{
    background: none;
}

.opt-page .welcome-section .fresh-container p{
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
}

.opt-page .welcome-section .fresh-container p.fresh-p{
    padding-bottom: 20px;
    position: relative;
}

.opt-page .welcome-section .fresh-container p.fresh-p:after{
    content: '';
    background: #e53a68;
    height: 2px;
    width: 160px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.fresh-container input {
    width: 100%;
    border: 1px solid #ddd;
    height: 40px;
    padding-left: 15px;
    font-size: 14px;
    border-radius: 2px;
    margin-top: 15px;
}

.fresh-container button{
    background: -webkit-linear-gradient(45deg,#e53a68 0,#bc0428 100%);
    background: linear-gradient(45deg,#e53a68 0,#bc0428 100%);
    font-weight: 500;
    border: 0;
    box-shadow: none;
    color: #fff;
    font-size: 20px;
    padding: 15px;
    width: 100%;
    margin-top: 15px;
    border-radius: 3px;
    text-transform: uppercase;
}

.fresh-container span {
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
    color: #fff;
}
.manage-wrap .book-modal.free-jv-modal .modal-body .down-book{
    background: linear-gradient(45deg,#e53a68 0,#bc0428 100%);
}
.opt-page.free-jv-page .test-free-btn{
    float: none;
    text-transform: uppercase;
    padding: 15px 50px;
    margin-top: 10px;
}
.video-border.mobile-youtube-video-border{
    width:100%;
    padding-bottom:95%;
}
.video-border-mobile-youtube-video-16-9 {
    border: 6px solid #e2e2e2;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 55.25%;
    margin-top: 26px;
    border-radius: 3px;
    width:100%;
    padding-bottom: 54.25%;
}
.video-border.video-border-without-top-margin{
    margin-top:0px;
}
.home-back.free-split-page{
    background:none;
}
.free-split-call-to-join{
    top:-120px;
}
.home-back.free-split-page .mcwidget-embed{
    padding-top:0px;
}
.mcwidget-embed.call-to-action-messenger{
    padding-left: 60px;
}
.welcome-section .free-split-call-to-join:after{
    display:none;
}
.welcome-section .free-split-call-to-join{
        font-size: 26px;
        margin-top:0px;
        color:rgba(0,0,0,.8);
}
.free-split-page .welcome-section.fresh-bg{
    padding-top:160px;
    background-position-y: -200px;
    background-size:auto;
}

.season-page .home-back{
    background: url(../img/season-back.jpg) top center no-repeat;
    background-size: cover;
}

.season-page .award-images{
    margin-top: 60px;
}

.opt-page.season-page .home-text{
    padding-top: 30px;
}

.opt-page.season-page .home-text h1{
    color: #000;
    text-transform: uppercase;
    font-size: 40px;
}

.opt-page.season-page .video-box{
    padding-left: 50px;
    padding-right: 50px;
}

.season-page .welcome-section{
    background: #fff;
}

.season-page .season-add-info{
    background: rgba(0,0,0,0.85);
    padding: 40px;
    margin-top: -325px;
    z-index: 999;
}

.season-page .season-add-info p{
    color: #fff;
    text-transform: uppercase;
    font-size: 34px;
    margin-bottom: 40px;
}

.season-page .season-add-info input, .season-page .season-add-info-messenger input{
    width: 100%;
    border: 1px solid #eee;
    height: 50px;
    padding-left: 15px;
    font-size: 14px;
    font-weight: 300;
    color: #000;
    margin-bottom: 20px;
    -webkit-appearance: none;
}

.season-page .season-add-info button, .season-page .season-add-info-messenger button{
    width: 100%;
    color: #fff;
    background: #e7730d;
    font-size: 22px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 400;
    text-transform: uppercase;
    border: 0;
    border-radius: 4px;
    height: 70px;
    line-height: 61px;
    font-weight: bold;
}

.season-page .season-add-info span{
    color: #fff;
    margin-top: 40px;
    display: inline-block;
    font-size: 12px;
}

.season-page .season-text img{
    float: left;
}

.season-page .season-text{
    margin-top: 50px;
}

.season-page .season-text p{
    text-align: left;
    margin-top: 0px;
    color: #2a2927;
    font-size: 22px;
    margin-bottom: 30px;
}

.season-page h3 {
    color: #000;
    padding-bottom: 30px;
    position: relative;
    font-size: 40px;
    margin-top: 0px;
}

.season-page h3:after{
    background: #e7730d;
}

.season-page .season-bottom{
    background: url(../img/season-bottom.jpg) top center no-repeat;
    background-size: cover;
    padding-bottom: 250px;
}

.season-page .season-bottom h3 {
    color: #fff;
    padding-bottom: 30px;
    font-weight: 300;
    position: relative;
    font-size: 40px;
    margin-top: 400px;
}

.season-page .season-bottom h3:after{
    background: none;
}

.season-page .season-bottom p{
    color: #fff;
    margin-top: 80px;
    font-size: 24px;
    margin-bottom: 30px;
}

.season-page .season-bottom button{
    width: 50%;
    color: #fff;
    background: #e7730d;
    font-size: 22px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 400;
    text-transform: uppercase;
    border: 0;
    border-radius: 4px;
    height: 70px;
    line-height: 61px;
    font-weight: bold;
    margin-top: 40px;
}

.season-modal .modal-content {
    border: 0px;
    border-radius: 2px;
    background: #000;
    text-align: center;
    padding: 30px;
}

.season-modal .modal-content h5{
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
}

.season-modal{
    width: 1000px;
    padding-top:25vh;
}

.season-modal input{
    width: 80%;
    margin-top: 15px;
    padding-left: 15px;
}

.season-modal .modal-header{
    border-bottom: 0px;
}

.season-modal button.watch-season-btn{
    width: 80%;
    color: #fff;
    background: #e7730d;
    font-size: 22px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 400;
    text-transform: uppercase;
    border: 0;
    border-radius: 4px;
    height: 70px;
    line-height: 61px;
    font-weight: bold;
    margin-top: 15px;
}

.season-modal p.modal-text{
    color: #fff;
    text-align: center;
    font-size: 12px;
    margin-top: 30px;
}

.season-modal .close span{
    color: #e7730d;
    text-shadow: none;
}

.season-modal .close{
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 10px;
    
}
.home-text span{
    font-size: 0px;
    line-height: 0;
}
.home-text .oscar-text{
    height: 14px;
    margin-top: -5px;
}

.season-page .season-text .oscar-text {
    float: none;
    height: 21px;
    margin-top: -8px;
    width:auto;
}

.img-responsive.lfs-zonia-logo{
    width:135px;
}
.aac2-desktop{
    display:block;
}
.aac2-mobile{
    display: none;
}
.navbar-aac-logo{
    height: 40px;
}
/* Needs more fixing, probably */
.img-responsive.modules{
     object-fit: cover;
     min-width:  100%;
     height: 30vh;
}

.season-page.lfs-messenger-page .season-add-info {
    padding: 15px;
    min-height:12vw;
}

.season-page.lfs-messenger-page .season-add-info p {
    margin-bottom:-20px;
}
.delicious-page.lfs-messenger-page .mcwidget-embed {
    padding-top: 0px;
    margin-left:10%;
    margin-top:10px;
}
.delicious-page.lfs-messenger-page .mcwidget-embed.bottom-widget {
    margin-left:7%;
}
.season-page .season-bottom .lfs-click-messenger {
    margin-top: 30px;
}
.season-page.lfs-messenger-page .welcome-section.season-bottom {
    background: url(../img/season-bottom-bottom-desktop.jpg) top center no-repeat;
    background-size:cover;
    background-position-x:10%;
}
.season-page.lfs-messenger-page .season-bottom h3 {
    margin-top: 30px;
}
.col-md-8.col-md-offset-2.lfs-header-messenger-text{
    width:100%;
    padding:0px;
    margin-left:0px;
}
.season-page.lfs-messenger-page .lfs-header-messenger-text .season-add-info {
    padding: 25px;
    min-height: initial;
    position: absolute;
    bottom: 0;
}
.season-page.lfs-messenger-page .lfs-header-messenger-text .season-add-info p {
    margin-top:0px;
    margin-bottom:0px;
}
.lfs-header-messenger-text{
    position: absolute;
    bottom:0px;
}
.season-page.lfs-messenger-page .home-back {
    background: url(../img/season-back-messenger.jpg) top center no-repeat;
    background-size: cover;
}
.season-page.lfs-messenger-page .season-add-info{
    background: rgba(0,0,0,0.65);
}
.season-page .home-back.lfs-sale {
    background: url(../img/season-back-sale.webp) top center no-repeat;
    background-size: cover;
    background-position-x: 7%;
}

.season-page .home-back.lfs-sale .trial-box{
    border-top: 0px;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 40px;
}

.season-page .home-back.lfs-sale .trial-box h5{
    color: #fff;
}

.opt-page.season-page .home-back.lfs-sale .award-images{
    margin-top: 0px;
}

.counter-box p{
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: right;
    padding-top: 15px;
}

.counter-box span{
    color: #fff;
    background: #e7730d;
    display: block;
    width: 100px;
    height: 70px;
    margin: 0 auto;
    font-size: 30px;
    font-weight: bold;
    padding-top: 15px;
    border-radius: 4px;
}

.counter-box h5{
    color: #fff;
}

.counter-box .time-box{
    width: 20%;
    float: left;
}

.counter-box{
    padding-bottom: 40px;
}

.season-stefan-message h2{
    color: #000;
    text-align: left;
    font-size: 40px;
    padding-bottom: 0px;
    margin-top: 0px;
}

.season-page .season-text p:first-of-type{
    margin-top: 30px;
}

.season-stefan-message button{
    background: #e7730d;
    border: 0px;
    color: #fff;
    border-radius: 2px;
    width: 400px;
    text-transform: uppercase;
    height: 80px;
    font-weight: bold;
    float: left;
    font-size: 26px;
    margin-top: 20px;
}

.season-page .welcome-section.message-stefan{
    background: url(../img/message-stefan-back.jpg) center center no-repeat;
    background-size: cover;
}

.season-page .welcome-section.message-stefan h2{
    color: #000;
    font-size: 40px;
    margin-top: 250px;
}

.season-page .welcome-section.message-stefan p{
    color: #000;
    font-size: 28px;
    margin-top: 30px;
    margin-bottom: 150px;
}

.welcome-section.season-sales h3:after{
    background: #32ccbc;
}

.welcome-section.season-sales{
    padding-top: 100px;
}

.welcome-section.season-sales img{
    margin-top: 80px;
}

.welcome-section.season-sales p{
    text-align: left;
    font-size: 22px;
}

.welcome-section.season-sales p:first-of-type{
    margin-top: 80px;
}

.welcome-section.season-sales img.cave-img{
    margin-top: 20px;
}

.welcome-section.season-sales li svg {
    color: #08a6c2;
    font-size: 22px;
}

.welcome-section.season-sales li{
    text-align: left;
    font-size: 22px;
    margin-top: 20px;
}

.season-page .welcome-section.film-stefan{
    background: url(../img/stefan-film.jpg) center center no-repeat;
    background-size: cover;
}

.film-stefan h2{
    color: #e4b59e;
    text-align: left;
    font-size: 40px;
    margin-top: 50px;
}

.film-stefan p{
    text-align: left;
    color: #fff;
    font-size: 22px;
}

.season-page .home-opt-btn{
    margin-top: 0px;
}

.season-page .home-second-section h3:after{
    background: #32ccbc;
}

.season-page .home-second-section h3{
    margin-top: 40px;
}

.season-page .opt-film{
    background: url(../img/opt-back.png) bottom right no-repeat;
    background-size: cover;
}

.season-page .opt-film p{
    text-align: left;
    font-size: 22px;
}

.welcome-section.opt-film li {
    text-align: left;
    font-size: 22px;
    margin-top: 20px;
}

.welcome-section.opt-film li svg {
    color: #08a6c2;
    font-size: 22px;
}

.season-page .testimonial-section h3:after {
    background: #32ccbc;
}

.season-page .inside-zonia{
    background: url(../img/inside-back.jpg) bottom right no-repeat;
    background-size: cover;
}

.inside-zonia{
    
}

.inside-zonia h1{
    color: #08a6c2;
    text-transform: uppercase;
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 50px;
}

.welcome-section.inside-zonia li {
    text-align: left;
    font-size: 22px;
    margin-top: 30px;
    margin-bottom: 10px;
    height: 90px;
}

.welcome-section.inside-zonia li svg {
    color: #08a6c2;
    font-size: 22px;
}

.season-page .use-zonia{
    background: url(../img/use-zonia-back.png) center center no-repeat;
    background-size: cover;
    padding-top: 80px;
}

.season-page .use-zonia h3:after {
    background: #32ccbc;
}

.season-page .use-zonia p{
    font-size: 22px;
    text-align: left;
}

.season-page .use-zonia img{
    margin-top: 50px;
}

.welcome-section.use-zonia li {
    text-align: left;
    font-size: 22px;
    margin-top: 45px;
}

.welcome-section.use-zonia li svg {
    color: #08a6c2;
    font-size: 22px;
}

.season-page .use-zonia .use-zonia-bottom p{
    font-size: 22px;
    text-align: center;
    width: 100%;
    clear: both;
}

.season-page .use-zonia .use-zonia-bottom h4{
    color: #08a6c2;
    font-size: 36px;
    margin-top: 100px;
    clear: both;
}

.season-page .use-zonia .use-zonia-bottom h5{
    color: #000;
    font-size: 30px;
    width: 60%;
    margin-left: 20%;
    margin-bottom: 80px;
}

.season-page .use-zonia .use-zonia-bottom .trial-box{
    border-top: 0px;
    margin-top: 10px;
}

.season-page .use-zonia .use-zonia-bottom .trial-box h5{
    font-size: 14px;
    width: 100%;
    margin-left: 0px;
}

.season-page .use-zonia .use-zonia-bottom p.text-bottom{
    font-size: 30px;
}

.season-page .welcome-section.who-is-section {
    min-height: 300px;
    background: url(https://d19kl2he5a9hxw.cloudfront.net/design_images/stefan-back.jpg) top center no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 120px;
}

.season-page .welcome-section.who-is-section p {
    text-align: left;
    color: #fff;
    font-size: 20px;
}

.season-page .welcome-section.faq-section {
    min-height: 600px;
    background: url(../img/macka-background.jpg) top center no-repeat;
    background-size: cover;
    margin-bottom: 60px;
}
.welcome-section.faq-section.season-watch-faq {
    background: url(../img/macka-background.jpg) top center no-repeat;
    background-size:cover;
}
.season-modal.lfs-modal .modal-content{
    background: #fff;
    padding: 0px;
}

.lfs-modal .modal-body{
    padding: 15px;
}

.manage-wrap .lfs-modal .modal-body h2{
    font-size: 34px;
    margin-top: 60px;
}

.manage-wrap .lfs-modal .modal-body p{
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 40px;
}

.manage-wrap .lfs-modal .modal-body button{
    background: #e7730d;
    border: 0;
    color: #fff;
    border-radius: 2px;
    width: 400px;
    text-transform: uppercase;
    height: 60px;
    font-weight: 700;
    font-size: 20px;
    margin-top: 40px;
}

.lfs-sales-vimeo{
    height:17vw;
}
.lfs-sales-sample-video-image{
    height:17vw;
}
.opt-page.season-page .home-back.covid-page {
    background:none;
    padding-bottom: 0px;
}

.lfs-buy-page{
    background: #f5f5f5;
    padding:0px;
}

.lfs-buy-page .lfs-buy-opt{
    border-bottom: 1px solid #ddd;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right:0px;
}

.lfs-buy-page .lfs-buy-opt.mobile{
    border-bottom: none;
    padding-bottom:20px;
    padding-top:10px;
}

.lfs-buy-page .lfs-buy-opt h2{
    font-weight: bold;
    margin-top: 0px;
}

.lfs-buy-page .lfs-buy-opt h2 span{
    display: inline-block;
    float: right;
}
.lfs-buy-page .lfs-buy-opt .col-xs-2 span{
    font-size: 32px;
    font-weight: 700;
}
.lfs-buy-page .lfs-buy-opt .col-xs-12 .col-xs-10{
    padding:0px;
}
.lfs-buy-page .lfs-buy-opt .col-xs-12 .col-xs-2{
    text-align: right;
    padding: 0px;
}
.lfs-buy-page .lfs-buy-opt .col-md-10{
    padding-right:0px;
}
.lfs-buy-page .lfs-buy-opt .col-md-10 .col-xs-12{
    padding-right:0px;
}
.lfs-buy-page .lfs-buy-opt.col-md-12 .col-xs-12{
    padding-right:0px;
}
.lfs-all-languages-wrapper .col-md-2{
    width:10%;
    padding:5px;
}
.lfs-buy-page .lfs-content-wrapper{
    padding-left:15px;
    padding-right:15px;
}
/*.lfs-buy-page .lfs-buy-opt .col-md-2{
    width: 20%;
}*/

/*.lfs-buy-page .lfs-buy-opt .col-md-10{
    width: 80%;
}*/

.lfs-buy-page .lfs-buy-opt p{
    font-size: 20px;
    margin-bottom: 20px;
}

.counter-box.desktop-watch-lfs-language .select-language-col{
    padding-top:17px;
}

.manage-wrap #LfsModal {
    padding-top: 0px;
}
.show-after-watch{
    display:none;
}
.show-after-watch-btn{
    display:none;
}

.lfs-buy-page .lfs-buy-opt .lfs-all-languages-text{
    padding-left:5px;
}

.individual-post-wrapper .single-news-box p img{
    width:100% !important;
    height:auto !important;
}


/* LFS-UPSALE */
.lfs-upsale-wrapper #signup-steps .promo-perks .library-perk {
    padding-top: 40px;
}
.lfs-upsale-wrapper .left-side-plan form .activate-btn {
    float: none;
}
.lfs-upsale-wrapper .left-side-plan .term-text p {
    text-align: center;
}
.lfs-upsale-wrapper .left-side-plan form p {
    font-size: 16px;
}
.lfs-upsale-wrapper .left-side-plan {
    padding-bottom: 0px;
}
.lfs-upsale-wrapper .continue-without-register-button, .continue-without-register-button {
    border: 2px solid #49d0c1;
    color: rgba(0,158,198,.7);
    background: #fff;
    font-size: 20px;
    padding: 15px 30px;
    margin-top: 20px;
    border-radius: 3px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

div.custom-embedded-video-iframe {
    position: relative;
    --video--width: 2560;
    --video--height: 1340;
    width: 100%;
    padding-bottom: calc(var(--video--height) / var(--video--width) * 100%);
    overflow: hidden;
    max-width: 100%;
    background: black;
}

/* Genes Page */

.genes-page .home-back {
    background: url(../img/top-background.jpg) top center no-repeat;
    background-size: cover;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 40px;
}

.genes-page .home-text{
    padding-top: 90px;
}

.genes-page .video-box{
    margin-top: 0px;
}

.genes-page .home-text h1{
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.home-text-second{
    float: left;
    width: 100%;
    margin-top: 140px;
    text-transform: uppercase;
    color: #fff;
}

.home-text-second h2{
    font-size: 40px;
}

.home-text-second h2 span{
    color: #32ccbc;
}

.welcome-section.tt-smoothies.sec-genes{
    background: url(../img/sec-back.png) #f2f2f2 top center no-repeat;
    min-height: 300px;
    background-size: cover;
    padding-bottom: 1vw;
    overflow-x: hidden;
    padding-bottom: 100px;
}

.welcome-section.tt-smoothies.sec-genes h4{
    text-align: center;
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.welcome-section.tt-smoothies.sec-genes h4:after{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 160px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.welcome-section.tt-smoothies.sec-genes p{
    text-align: center;
}

.welcome-section.tt-smoothies.sec-genes .tt-inner{
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.welcome-section.tt-smoothies.sec-genes .tt-inner:after{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 90%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.welcome-section.tt-smoothies.sec-genes h4 span{
    font-size: 40px;
    font-weight: bold;
    margin-top: 40px;
    display: inline-block;
}

.welcome-section.tt-smoothies.sec-genes h4.genes-subtext:after, .welcome-section.tt-smoothies.sec-genes h4.genes-price:after{
    content: '';
    background: none;
}

.welcome-section.tt-smoothies.sec-genes h4.genes-subtext, .welcome-section.tt-smoothies.sec-genes h4.genes-price{
    text-align: center;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 40px;
}

.welcome-section.tt-smoothies.sec-genes h4.genes-subtext.first-type{
    margin-top: 80px;
}

.welcome-section.tt-smoothies.sec-genes h4.genes-price.first-type{
    margin-top: 80px;
}

.welcome-section.tt-smoothies.sec-genes h4.book-price{
    font-size: 3vw;
}

.welcome-section.tt-smoothies.sec-genes h4.genes-price.book-price{
    margin-top: 20px;
}

.welcome-section.tt-smoothies.sec-genes h4.old-book-price{
    position: relative;
}

.welcome-section.tt-smoothies.sec-genes h4.old-book-price:after{
    content: '';
    background: #08a6c2;
    height: 3px;
    width: 140px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35px;
    margin: auto;
}

.welcome-section.tt-smoothies.sec-genes h4.your-price:after{
    content: url(../img/price-arrow.png);
    bottom: -15px;
}

.welcome-section.tt-smoothies.sec-genes h4.genes-price.book-price.new-price{
    margin-top: 100px;
}

.welcome-section.tt-smoothies .trial-box.get-genes-book{
    margin-top: 0px;
    padding-bottom: 0;
    border: 0px;
}

.welcome-section.tt-smoothies .trial-box.get-genes-book button{
    background: #ed145b;
}

.welcome-section.tt-smoothies .trial-box.get-genes-book span{
    color: #9f9f9f;
    margin-top: 20px;
    display: inline-block;
}

.welcome-section.tt-smoothies.three-genes{
    background: #fff;
    padding-top: 100px;
    padding-bottom: 80px;
}

.welcome-section.tt-smoothies.three-genes .col-md-5, .welcome-section.tt-smoothies.three-genes .col-md-7{
    margin-top: 40px;
}

.welcome-section.who-is-section.who-is-genes {
    min-height: 300px;
    background: url(../img/stefan-back-genes.jpg) top left no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 120px;
}

.welcome-section.who-is-section.walk-genes {
    min-height: 300px;
    background: url(../img/walk-back-genes.png) top right no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 120px;
}

.welcome-section.who-is-section.walk-genes p{
    color: #111;
}

.welcome-section.who-is-section.dna-genes {
    min-height: 300px;
    background: url(../img/four-genes-back.jpg) top right no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 120px;
}

.welcome-section.who-is-section.dna-genes p{
    color: #fff;
}

.welcome-section.who-is-section .all-width-text p, .welcome-section.who-is-section .all-width-text h4{
   color: #111; 
}

.welcome-section.who-is-section.other-section-1 h4{
    font-size: 40px;
    color: #111;
    margin-bottom: 50px;
    margin-top: 30px;
}

.welcome-section.who-is-section.other-section-1 p{
    color: #111;
}

.other-section-1 li {
    text-align: left;
    font-size: 20px;
    margin-bottom: 15px;
}

.other-section-1 li svg {
    color: #08a6c2;
    font-size: 22px;
}

.other-section-1 ul{
    margin-top: 40px;
}

.other-section-1 img{
    float: left;
}

.welcome-section.who-is-section.other-section-2 {
    min-height: 300px;
    background: url(../img/st-girl-black.png) top right no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 120px;
}

.welcome-section.who-is-section.other-section-2 h4{
    margin-top: 30px;
}

.welcome-section.who-is-section.testimonials-genes p{
    color: #111;
    text-align: center;
}

.welcome-section.who-is-section.testimonials-genes img{
    margin: 0 auto;
    margin-bottom: 30px;
}

.believe-section h1 {
    color: #fff;
    font-weight: 300;
    padding-bottom: 40px;
    font-size: 54px;
    margin-top: 60px;
    position: relative;
}

.welcome-section.tt-smoothies.sec-genes.believe-section p {
    text-align: left;
    font-size: 20px;
    color: #fff;
    margin-top: 40px;
    font-weight: 300;
}

.welcome-section.tt-smoothies.sec-genes .detox-bottom{
    background: none;
    padding-bottom: 0px;
}

.welcome-section.tt-smoothies.sec-genes .detox-bottom img{
    margin: 0 auto;
    margin-top: 50px;
}

.welcome-section.tt-smoothies.sec-genes .detox-bottom li{
    font-size: 20px;
}

.welcome-section.tt-smoothies.sec-genes .detox-bottom p{
    color: #111;
}

.welcome-section.tt-smoothies.sec-genes .detox-bottom h4{
    font-size: 34px;
    color: #08a6c2;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.welcome-section.tt-smoothies.sec-genes .detox-bottom h4:after{
    content: '';
    background: none;
}

.welcome-section.tt-smoothies.sec-genes.detox-section{
    background: url(../img/detox-back.jpg) #f2f2f2 top center no-repeat;
    min-height: 300px;
    background-size: cover;
    padding-bottom: 1vw;
    overflow-x: hidden;
    padding-bottom: 100px;
    padding-top: 120px;
}

.welcome-section.who-is-section.bonus-1{
    min-height: 300px;
    background: url(../img/bonus-1-back.jpg) top right no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 100px;
}

.welcome-section.who-is-section.bonus-1 h4{
    color: #111;
    text-transform: uppercase;
    margin-top: 30px;
}

.welcome-section.who-is-section.bonus-1 h4 span{
    font-weight: bold;
    font-size: 74px;
    color: #ed145b;
    text-decoration: underline;
}

.welcome-section.who-is-section.bonus-1 .col-md-7{
    padding-top: 50px;
}

.welcome-section.who-is-section.bonus-1 .trial-box.get-genes-book button{
    background: #ed145b;
}

.welcome-section.who-is-section.bonus-1 .trial-box.get-genes-book span {
    color: #9f9f9f;
    margin-top: 20px;
    display: inline-block;
}

.welcome-section.who-is-section.bonus-1 .trial-box {
    border-top: 0px;
    padding-top: 10px;
    margin-top: 20px;
    padding-bottom: 0px;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2{
    background: #fff;
    min-height: 300px;
    background-size: cover;
    padding-bottom: 1vw;
    overflow-x: hidden;
    padding-bottom: 100px;
    padding-top: 120px;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2 h4{
    color: #111;
    text-transform: uppercase;
    margin-top: 0px;
    font-size: 46px;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2 h4 span{
    color: #ed145b;
    margin-top: 0px;
    font-size: 46px;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2 .bonus-2-box{
    float: left;
    display: block;
    width: 100%;
    margin-top: 100px;
    background: #fff;
    padding: 60px;
    -webkit-box-shadow: 0 5px 10px 5px rgba(0,0,0,.07);
    -moz-box-shadow: 0 5px 10px 5px rgba(0,0,0,.07);
    box-shadow: 0 5px 10px 5px rgba(0,0,0,.07);
    border-radius: 6px;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2 .bonus-2-box h4{
    color: #009ec3;
    float: left;
    text-align: left;
    margin: 0px;
    margin-left: 15px;
    font-size: 36px;
    font-weight: bold;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2 .bonus-2-box h4 span{
    color: #009ec3;
    font-size: 28px;
    font-weight: normal;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2 .bonus-2-box img{
    float: left;
    margin-top: 10px;
    -webkit-box-shadow: 0 5px 10px 5px rgba(0,0,0,.08);
    -moz-box-shadow: 0 5px 10px 5px rgba(0,0,0,.08);
    box-shadow: 0 5px 10px 5px rgba(0,0,0,.08);
}

.welcome-section.tt-smoothies.sec-genes.bonus-2 .bonus-2-box h5{
    position: relative;
    text-align: left;
    color: #111;
    float: left;
    width: 100%;
    margin-left: 0px;
    font-size: 36px;
    padding-bottom: 20px;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2 .bonus-2-box h5:after{
    content: '';
    background: #32ccbc;
    height: 2px;
    width: 160px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2 .bonus-2-box h3{
    color: #111;
    text-align: left;
    float: left;
    margin-top: 30px;
    width: 100%;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2 .bonus-2-box h3 span{
    color: #009ec3;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2 .bonus-2-box h3:after{
    content: '';
    background: none;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2 .bonus-2-box p{
    float: left;
    text-align: left;
    font-size: 20px;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2 .bonus-2-box ul{
    float: left;
    width: 100%;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2 .bonus-2-box .col-md-12 img{
    float: none;
    margin: 0 auto;
    margin-top: 50px;
    box-shadow: none;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2.bonus-3{
    background: url(../img/bonus-3-back.png) top center no-repeat;
    min-height: 300px;
    background-size: cover;
    padding-bottom: 1vw;
    overflow-x: hidden;
    padding-bottom: 100px;
    padding-top: 120px;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2.bonus-3 .bonus-2-box{
    margin-top: 0px;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2.bonus-4{
    background: url(../img/bonus-4-back.jpg) top center no-repeat;
    min-height: 300px;
    background-size: cover;
    padding-bottom: 1vw;
    overflow-x: hidden;
    padding-bottom: 100px;
    padding-top: 0px;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2.only-text h4.text-1{
   font-size: 34px; 
   margin-bottom: 40px;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2.only-text h4.text-2{
   font-size: 40px; 
   color: #009ec3;
}

/*.believe-section .col-md-12 {
    background: -webkit-linear-gradient(45deg,rgba(50,204,188,1) 0,rgba(0,158,195,1) 100%);
    background: linear-gradient(45deg,rgba(50,204,188,1) 0,rgba(0,158,195,1) 100%);
    /*border-radius: 4px;
    min-height: 600px;
    padding-top: 60px;
    padding-bottom: 60px;
    border-radius: 0px;
}*/
.genes-page .believe-section .col-md-12 {
    background: -webkit-linear-gradient(45deg,rgba(50,204,188,1) 0,rgba(0,158,195,1) 100%);
    background: linear-gradient(45deg,rgba(50,204,188,1) 0,rgba(0,158,195,1) 100%);
}
.believe-section.awaken-section h1:after{
    content: '';
    background: rgba(255,255,255,0.5);
    height: 2px;
    width: 160px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}

.believe-section.awaken-section h1.custom-text:after{
    content: '';
    background: none;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2.qa-section img{
    position: absolute;
    top: 60px;
    left: 60px;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2.qa-section h5{
    color: #111;
    float: left;
    text-align: left;
    width: 100%;
    margin-left: 0px;
    font-weight: bold;
    font-size: 30px;
    margin-top: 1vw;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2.qa-section p{
    color: #111;
    float: left;
    text-align: left;
    width: 100%;
    margin-left: 0px;
    font-size: 20px;
    margin-top: 1vw;
}

.welcome-section.tt-smoothies.sec-genes.bonus-2.qa-section h5.first-text{
    margin-top: 85px;
}

.del-edit .scrolling{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
}


.del-edit .scrolling .site-logo {
    display: block;
}

.del-edit .scrolling .site-logo.mobile-logo {
    display: none;
}

.delicious-page .log-back.results-head.deli-header.jv-header.del-edit{
    background: #fff;
    min-height: auto;
}

.del-edit-video .de-container.deli-container {
    margin-top: 0px;
}

.del-edit-top h1{
    text-align: center;
    text-transform: uppercase;
    font-size: 52px;
    margin-bottom: 60px;
}

.del-edit-top{
    margin-top: 60px;
}

.del-edit-top .del-input-container input{
    width: 100%;
    border: 1px solid #eee;
    height: 50px;
    padding-left: 15px;
    font-size: 14px;
    font-weight: 300;
    color: #000;
    margin-bottom: 20px;
    -webkit-appearance: none; 
}

.del-edit-top .del-input-container button{
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    background: -webkit-linear-gradient(45deg,#e53a68 0,#bc0428 100%);
    background: linear-gradient(45deg,#e53a68 0,#bc0428 100%);
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    border-radius: 4px;
    height: 80px;
    line-height: 50px;
    font-size: 28px;
}

.del-edit-top .del-input-container{
    padding: 30px 60px;
    -webkit-box-shadow: 0 5px 11px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 11px 1px rgba(0,0,0,.1);
    box-shadow: 0 5px 11px 1px rgba(0,0,0,.1);
    margin-top: 20px;
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.del-edit-top .del-input-container span{
    text-align: center;
    width: 100%;
    display: block;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.del-edit-top .del-input-container p{
    font-size: 18px;
    margin-bottom: 20px;
}

.del-edit-top .col-md-7 ul li, .del-edit-video ul li {
    margin-top: 30px;
    font-size: 18px;
    padding-left: 10px;
}

.del-edit-top .col-md-7 ul svg, .del-edit-video ul svg {
    color: #009ec3;
    font-size: 27px;
    padding-top: 0;
}

.del-edit-top .col-md-7 ul{
    float: left;
    width: 100%;
}

.del-edit-top .col-md-5 p{
    font-size: 22px;
}

.del-edit-video .de-container.deli-container .tt-affiliate-video {
    width: 90%;
    margin: 0 auto;
}

.del-edit-video, .del-edit-video .de-container{
    background: #f5f5f5;
}

.del-edit-video{
    margin-top: 50px;
}

.del-edit-video h4{
    text-align: center;
    text-transform: uppercase;
    font-size: 52px;
    margin-bottom: 0px;
    margin-top: 50px;
}

.del-edit-video button.down-book{
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    background: -webkit-linear-gradient(45deg,#e53a68 0,#bc0428 100%);
    background: linear-gradient(45deg,#e53a68 0,#bc0428 100%);
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    border-radius: 4px;
    height: 80px;
    line-height: 50px;
    font-size: 28px;
    margin-top: 50px;
}

.del-edit-video h5{
    font-size: 22px;
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 30px;
}

.del-edit-video .de-2 h4{
    margin-top: 0px;
    text-transform: none;
}

.del-edit-video .de-2{
    padding-top: 60px;
}

.del-edit-video .de-2 button{
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
    width: 600px;
    background: -webkit-linear-gradient(45deg,#e53a68 0,#bc0428 100%);
    background: linear-gradient(45deg,#e53a68 0,#bc0428 100%);
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    border-radius: 4px;
    height: 80px;
    line-height: 50px;
    font-size: 28px;
    margin-top: 50px;
}

.de-recipe button, .de-inside .instagram-wrapper .down-book-btn{
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
    width: 600px;
    background: -webkit-linear-gradient(45deg,#e53a68 0,#bc0428 100%);
    background: linear-gradient(45deg,#e53a68 0,#bc0428 100%);
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    border-radius: 4px;
    height: 80px;
    line-height: 50px;
    font-size: 28px;
    margin-top: 50px;
}

.del-edit-video .de-review-body h4{
    text-align: left;
}

.instagram-wrapper.ig-btn-desktop.af-btn-desktop {
    width: auto;
}

.del-edit-top h5 {
    text-align: center;
    font-size: 26px;
    margin-bottom: 60px;
    margin-top: 0px;
}

.edit-video-back{
    background: url(../img/del-video-back.jpg) #f2f2f2 top center no-repeat;
    background-size: cover;
    overflow-x: hidden;
    padding-bottom: 60px !important;
}

.protocol-jv-page .del-edit-top .del-input-container button, .protocol-jv-page .del-edit-video button.down-book{
    background: #e7730d;
}

.protocol-jv-page .tt-affiliate-list h4{
   text-transform: none;
   font-size: 40px;
   text-align: left;
   font-weight: bold;
}

.protocol-jv-page .tt-affiliate-list{
    padding-top: 40px;
    padding-bottom: 60px;
}

.free-reviews .promo-text li svg{
    color: #fff;
}

.instagram-wrapper .download-report-btn button{
    background: #e7730d;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    border-radius: 4px;
    height: 80px;
    line-height: 50px;
    font-size: 28px;
    margin-top: 50px;
}

.del-edit-video .de-review-body h4 {
    text-align: left;
    font-size: 22px;
    margin-top: 16px;
}
.genes-page .home-text.mobile-hide{
    padding-top:30px;
}
.mixed-show-modal .col-md-7 .favorite-toggle{
    display:none;
}

/* .hidden-info-box button svg path {
    fill: linear-gradient(45deg,#32ccbc 0%,#009ec3 100%); 
    fill:rgba(14, 171, 193, 0.7)
} */

/* .hidden-info-box button:hover svg path {
    fill: #fff;
    border: 1px solid transparent
} */

.col-md-6.mobile-heading-section-main-page{
    width:100%;
    text-align: center;
}
.col-md-6.mobile-heading-section-main-page.home-text h1{
    text-align: center;
}
.col-md-6.mobile-heading-section-main-page .test-free-btn{
    width:100%;
}

/*ANTI AGING STYLES*/

.curtain.age-menu .nav {
    display: inline-block;
    margin-top: 15px;
    float: left;
    margin-left: 20px;
}

.curtain.age-menu .nav p{
    color: #747474;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 18px;
}

.curtain.age-menu .nav p span{
    text-transform: none;
}

.curtain.age-menu .nav-pills>li.divide-line span {
    width: 1px;
    background: #dedcdc;
    height: 30px;
    display: block;
    margin-top: 2px;
    margin-left: 20px;
    margin-right: 20px;
}

.curtain.age-menu .nav button{
    border: 1px solid #ddd;
    height: 36px;
    line-height: 29px;
    border-radius: 50px;
    padding-left: 15px;
    padding-right: 20px;
    background: #fff;
    font-size: 12px;
    color: #747474;
    font-weight: bold;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    position: relative;
    width: 156px;
    text-align: left;
    transition: all 0.2s ease;
}

.curtain.age-menu .nav button:after{
    content: url('../img/zonia-logo-small.png');
    position: absolute;
    top: 7px;
    right: 20px;
}

.curtain.age-menu .nav .go-to-btn:hover button{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    color: #fff;
    box-shadow: none;
}

.show-modul-info:hover{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    color: #fff;
    box-shadow: none;
}

.curtain.age-menu .nav .go-to-btn:hover button:after{
    content: url('../img/zonia-logo-w-small.png');
    position: absolute;
    top: 7px;
    right: 20px;
}

.curtain.age-menu .nav button img{
    width: 80px;
    margin-left: 5px;
}

.nav-pills .go-to-aac .to-aac {
    background-color: transparent;
    color: white;
    border-radius: 25px;
    border: 1px solid white;
    width: 70%;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
    padding: 2px 15px;
}

.nav-pills .go-to-aac .to-aac:hover {
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.5);
    background-color: white;
}

.curtain.age-menu .nav.nav-pills-right{
    float: right;
}

.curtain.age-menu .nav.nav-pills-right li:not(.fb-aac):hover a:after{
    content: '';
    position: absolute;
    bottom: 5px;
    height: 2px;
    width: 50%;
    left: 0;
    right: 0;
    margin: auto;
    background: #009ec3;
}

.curtain.age-menu .nav.nav-pills-right li:last-child:hover a:after{
    background: none;
}

.curtain.age-menu .nav.nav-pills-right li:nth-child(2):hover a:after{
    background: none;
}

.curtain.age-menu .nav-pills>li>a {
    color: #333;
    font-size: 16px;
    border-radius: 0px;
}

.curtain.age-menu .nav-pills>li>a:not(.fb-span):hover{
    background: #fff;
}

.curtain.age-menu .nav-pills>li>a i{
    font-size: 12px;
    margin-left: 5px;
}

.curtain.age-menu .nav-pills>li>a span:not(.fb-span){
    background: #009ec3;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    line-height: 19px;
    text-align: center;
}

.curtain.age-menu .nav-pills>li>a span i{
    margin-left: 0px;
}

.age-home{
    background: url(../img/age-background.jpg) center center no-repeat;
    background-size: cover;
    overflow-x: hidden;
    min-height: 200px;
    margin-top: 10px;
}

.age-home h2{
    color: #fff;
    font-size: 40px;
    margin-top: 60px;
}

.age-home-arrow{
    display: inline-block;
    color: #fff;
    font-size: 24px;
}

.age-home-dark{
    background: rgba(1,1,1,0.2);
    min-height: 100px;
    margin-top: 60px;
    padding-top: 30px;
    padding-bottom: 170px;
}

.age-home-dark .col-md-3 img{
    max-width: 80px;
}

.age-home-dark .col-md-3 h3{
    color: #fff;
    font-size: 18px;
}

.age-home-dark .col-md-3 p{
    color: #fff;
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
}

.age-home-dark .col-md-3{
    position: relative;
}

.age-home-dark .col-md-3:after{
    content: '';
    position: absolute;
    right: 0;
    background: rgba(255,255,255,0.2);
    width: 1px;
    height: 80px;
    top: 15px;
}

.age-home-dark .col-md-3:last-of-type:after{
    background: none;
}

.age-home-video{
    background: #fff;
    padding: 40px;
    margin-top: -100px;
    border-radius: 6px;
    min-height: 200px;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    margin-bottom: 80px;
    padding-bottom: 80px;
}

.age-home-video h1{
    font-size: 44px;
    font-weight: 600;
    margin-top: 20px;
}

.age-home-video p{
    margin-top: 60px;
    font-size: 16px;
}

.age-home-video button{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    color: #fff;
    border-radius: 50px;
    font-weight: bold;
    border: 0px;
    padding: 14px 25px;
    margin-top: 30px;
    font-size: 16px;
    outline: none;
}

.age-home-video .video-border{
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
}

.curtain.age-menu{
    position: relative;
}

.age-footer{
    box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 7px 22px -7px rgba(0,0,0,0.1);
}

.acc2 .age-home-dark{
    padding-bottom: 30px;
}

.age-modules h1{
    font-size: 44px;
    font-weight: 600;
    margin-top: 60px;
    margin-bottom: 60px;
    text-align: center;
}

.age-modules .modul-box{
    float: left;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    border-radius: 6px;
    padding: 40px;
    cursor: pointer;
}

.age-modules .modul-box:hover{
    -webkit-box-shadow: 0 2px 5px 1px rgba(38,181,166,.3);
    -moz-box-shadow: 0 2px 5px 1px rgba(38,181,166,.3);
    box-shadow: 0 2px 5px 1px rgba(38,181,166,.3);
}

.age-modules .modul-box h3{
    margin-top: 0px;
    font-weight: bold;
    margin-bottom: 20px;
    align-self: center
}

.age-modules .modul-box h3 span{
    display: inline-block;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    margin-right:12px;
    margin-bottom:21px;
}
.incomplete {
    background: #eaeaea;
    color: #a9a8a8;
}
.completed {
    background: linear-gradient(180deg,#32ccbc 0%,#009ec3 100%);
    background: -webkit-linear-gradient(180deg,#32ccbc 0%,#009ec3 100%);
    color: white;
}
.back-to-all.modules{
    text-decoration: none;
    font-size:18px;
}
.age-modules .modul-box img{
    margin: 0 auto;
    display: block;
    border-radius: 6px;
}

.modul-box .progress-line{
    margin-top: 35px;
}

.modul-box .progress-line span{
    display: inline-block;
    float: right;
    margin-top: -25px;
    font-weight: bold;
    color: #26b5a6;
}

.show-hide-div{
    float: left;
    width: 100%;
    margin-top: 30px;
    height:60px;
    overflow:hidden;
    position: relative;
}

.show-hide-div .text-overlay{
    position: absolute;
    left:0;
    right: 0;
    top: 35px;
    height: 25px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(1, #ffffff),
        color-stop(0, rgba(255, 255, 255, 0))
    );
    background: -o-linear-gradient(top, #ffffff 0%, rgba(0,0,0,0) 100%);
    background: -moz-linear-gradient(top, #ffffff 0%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, rgba(0,0,0,0) 100%);
    /* Safari uses 255,255,255,0 as transparent, so 0,0,0,0 won't work */
    background: linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.expand-btn-holder{
    float: left;
    width: 100%;
    position: relative;
    margin-top: 20px;
}

.show-modul-info{
    border: 1px solid #ddd;
    height: 36px;
    line-height: 29px;
    border-radius: 50px;
    padding-left: 15px;
    padding-right: 20px;
    background: #fff;
    font-size: 14px;
    color: #747474;
    font-weight: bold;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    outline: 0px;
    transition: all 0.2s ease;
}

.show-modul-info i{
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 20px;
    color: #009ec3;
}

.show-hide-div h4{
    font-size: 22px;
    font-weight: bold;
    margin-top: 20px;
}

.show-hide-div h4 span{
    display: inline-block;
    float: right;
    font-size: 16px;
    color: #009ec3;
    font-weight: normal;
}

.show-hide-div ul li{
    list-style-type: none; 
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}


.show-hide-div ul{
    padding-left: 0px;
    position: relative;
}

.show-hide-div ul:before{
    content: '';
    background: #ddd;
    width: 2px;
    height: 85%;
    top: 25px;
    position: absolute;
    left: 14px;
}

.show-hide-div ul span{
    display: inline-block;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
}

.show-hide-div ul a{
    display: inline-block;
    font-size: 16px;
    /* font-weight: bold; */
    width: 93%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 17px;
    margin-bottom: 0px;
    text-decoration: none !important;
}

.show-hide-div ul a:hover{
    color: #009ec3;
}

.show-hide-div ul div{
    width: 7%;
    float: left;
}

.modul-box{
    margin-bottom: 30px;
}

.age-modules{
    padding-bottom: 80px;
}

.age-home .progress-line{
    background: rgba(255,255,255,0.4);
    border-top: 0px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.age-home .progress-line .progress-video{
    background: #fff;
}

.age-home .progress-line span {
    display: inline-block;
    float: right;
    margin-top: -25px;
    margin-right: -10px;
    color: #fff;
}

.acc3 .age-home-dark{
    margin-top: 30px;
    padding-bottom: 30px;
}

.acc3 .prev-modul{
    border: 1px solid #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    color: #fff;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    padding-left: 25px;
    padding-right: 20px;
    font-size: 13px;
    margin-right: -2px;
    border-right: 0px;
}

.acc3 .next-modul{
    border: 1px solid #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #fff;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    padding-left: 20px;
    padding-right: 25px;
    font-size: 13px;
    margin-left: -2px;
}

.view-modul h1 {
    font-size: 44px;
    font-weight: 600;
    margin-top: 60px;
    margin-bottom: 20px;
    text-align: center;
}

.view-modul h4{
    color: #009ec3;
    text-align: center;
    margin-bottom: 50px;
}

.play-modul-box{
    background: #fff;
    border-radius: 6px;
    min-height: 200px;
    -webkit-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 5px 1px rgba(0,0,0,.1);
    padding-top: 20px;
    float: left;
    width: 100%;

}

.play-modul-box .video-border {
    border: 1px solid #ddd;
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 55.25%;
    margin-top: 0px;
    border-radius: 3px;
    margin-left: 20px;
    margin-right: 20px;
}

.play-modul-box  p{
    padding-left: 20px;
    margin-top: 20px;
    font-size: 22px;
    font-weight: bold;
}

.view-modul{
    padding-bottom: 80px;
}

.view-modul .btn-completed {
    height: 36px;
    line-height: 29px;
    border-radius: 50px;
    padding-left: 15px;
    padding-right: 20px;
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    position: relative;
    transition: all 0.2s ease;
    border: 0px;
    margin-top: 25px;
    margin-left: 5px;
    outline: none;
}

.view-modul .btn-prev-lesson{
    border: 1px solid #ddd;
    height: 36px;
    line-height: 29px;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 20px;
    background: #fff;
    font-size: 14px;
    color: #747474;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    outline: 0px;
    transition: all 0.2s ease;
    margin-top: 25px;
}

.view-modul .btn-next-lesson{
    border: 1px solid #ddd;
    height: 36px;
    line-height: 29px;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 20px;
    background: #fff;
    font-size: 14px;
    color: #747474;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    outline: 0px;
    transition: all 0.2s ease;
    margin-top: 25px;
    margin-left: 10px;
    margin-right: 5px;
}

.view-modul-footer{
    border-top: 1px solid #e8e7e7;
    background: #f5f5f5;
    margin-top: 40px;
    float: left;
    padding-top: 20px;
    padding-bottom: 30px;
}

.play-modul-box .view-modul-footer p{
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
}

.view-modul-footer .dwn-box{
    background: #fff;
    padding: 5px;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    float: left;
    width: 100%;
    margin-top: 15px;
    text-decoration: none;
    border-radius: 6px;
    height: 50px;
    font-size: 14px;
    color: #747474;
    font-weight: bold;
    line-height: 42px;
}

.view-modul-footer .dwn-box span{
    display: inline-block;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    border-radius: 100px;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 37px;
    border: 1px solid #eee;
    margin-right: 10px;
    margin-left: 5px;
}

.view-modul-footer .col-md-6:first-of-type{
    padding-left: 5px;
}

.view-modul-footer .col-md-6:last-of-type{
    padding-right: 5px;
}

.modul-right .nav{
    background: #f5f5f5;
    border-radius: 6px;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    margin-bottom: 30px;
}

.modul-right .nav .nav-item{
    display: inline-block;
    width: 50%;
    border-radius: 6px;
    color: #9f9f9f;
    height: 60px;
    line-height: 44px;
    font-size: 18px;
    text-align: center;
}

.modul-right .nav .nav-item:hover a{
    border-radius: 6px;
    height: 60px;
    color: #333;
    background: #fff;
}

.modul-right .nav .nav-item.active a{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    border-radius: 6px;
    height: 60px;
    color: #fff;
}

.modul-right .nav .nav-item:last-child{
    float: right;
}

.lesson-box{
    float: left;
    width: 100%;
    margin-bottom: 15px;
    opacity: 0.5;
    cursor: pointer;
}

.aspect-ratio-box{
    position: relative;
}

.aspect-ratio-box::after {
  display: none;
  content: "";
  padding-bottom: 56.25%;
}

.aspect-ratio-box img {
  /* Image should match parent box size */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
}

.lesson-box .aspect-ratio-box{
    width: 35%;
    float: left;
    border-radius: 6px;
}

.lesson-box div{
    width: 65%;
    float: left;
    position: relative;
}

.lesson-box div p{
    font-size: 18px;
    padding-left: 20px;
    display: inline-block;
    float: left;
    padding-right: 50px;
}

.lesson-box div span{
    display: inline-block;
    float: right;
    width: 26px;
    height: 26px;
    background: #d9d9d9;
    position: absolute;
    border-radius: 100px;
    right: 0px;
    top: 0px;
    font-size: 16px;
    text-align: center;
    padding-top: 3px;
    color: #d9d9d9;
}

.lesson-box.active{
    opacity: 1;
}

.lesson-box h5{
    display: none;
}

.lesson-box.watched div span{
   background: #009ec3;
   color: #fff;
}

.lesson-box.active h5{
    display: block;
    float: left;
    width: 100%;
    margin-top: 0px;
    font-size: 16px;
    color: #1ab6bf;
    padding-left: 20px;
}

.back-to-all{
    text-decoration: underline;
    color: #009ec3;
    float: right;
    font-size: 16px;
    margin-top: 20px;
}

.resources-container{
    padding-top: 80px;
    padding-bottom: 80px;
    background: #f5f5f5;
}

.resources-container h1{
    text-align: center;
    font-size: 44px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 0px;
}

.my-notes-btn{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    color: #fff;
    border: 0px;
    border-radius: 50px;
    margin: 0 auto;
    height: 60px;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    outline: none;
}

.my-notes-btn i{
    margin-right: 10px;
}

.resources-container p{
    font-size: 16px;
    margin-bottom: 30px;
}

.resources-container h2{
    margin-top: 70px;
    font-size: 26px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
}

.resource-videos{
    margin-top: 30px;
}

.resource-videos .col-md-3, .resource-videos .col-md-4{
    padding-left: 10px;
    padding-right: 10px;
}

.resource-videos div img{
    border-radius: 6px;
}

.resource-videos .col-md-3 div{
    float: left;
    width: 100%;
    position: relative;
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,.3);
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,.3);
    border-radius: 6px;
    cursor: pointer;
}

.recipes {
    display: flex;
    justify-content: center;
    align-items: center;
}

.resource-videos div span{
    position: absolute;
    display: block;
    width: 100%;
    background: rgba(14,171,193,0.7);
    bottom: 0;
    height: 30%;
    text-align: center;
    color: #fff;
    font-size: 22px;
    padding: 25px 10px;
    font-weight: bold;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.resource-videos div span.recipes{
    display: flex;
    align-items: center;
    justify-content: center;
}

.resources-container .back-to-all{
    float: left;
    margin-top: 30px;
    margin-left: -5px;
}

.container-videos {
    float: left;
    width: 100%;
    position: relative;
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,.3);
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,.3);
    border-radius: 6px;
}

.overlay-videos {
    position: absolute;
    border-radius: 6px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
    background-color: rgba(14, 171, 193, 0.7);
}

.resource-videos .col-md-4 span{
    position: relative;
    background: #fff;
    color: #333;
    text-align: left;
    padding-left: 30px;
    z-index: 1;
}

.resource-videos .col-md-4 img, .resource-videos.resources-files img{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.resource-videos.resources-files span{
    position: relative;
    background: #fff;
    color: #333;
    text-align: left;
    padding-left: 18%;
    z-index: 1;
}

.resources-container h2 span{
    display: inline-block;
    float: right;
    font-size: 18px;
    color: #009ec3;
    font-weight: normal;
}

.checklist-container h4{
    color: #009ec3;
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: bold;
}

.checklist-container ul li{
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 0px;
    cursor: pointer;
}

.checklist-container ul li:hover h4{
    color: #333;
}

.checklist-container ul i{
    font-size: 22px;
    color: #d9d9d9
}

.checklist-container ul span{
    padding-top: 10px;
}

.checklist-container ul li p:last-of-type{
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px;
    margin-bottom: 10px;
}

.checklist-container ul li.checked h4{
    color: #333;
}

.checklist-container ul li.checked i{
    color: #009ec3;
}

.acc3 .prev-modul, .acc3 .next-modul{
    text-decoration: none;
    transition: all 0.3s ease;
}

.acc3 .prev-modul{
    border-right: 1px solid #fff;
}

.acc3 .prev-modul:hover, .acc3 .next-modul:hover{
    background: #fff;
    color: #009ec3
}

.lesson-box:hover{
    opacity: 1;
}

.view-modul .btn-prev-lesson:hover, .view-modul .btn-next-lesson:hover{
    transition: all 0.3s ease;
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    box-shadow: none;
    color: #fff;
}

.view-modul-footer .dwn-box:hover{
    transition: all 0.3s ease;
    background: #f9f7f7;
}

.view-modul-footer .dwn-box:hover span{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    color: #fff;
    transition: all 0.3s ease;
}

.my-notes-btn:hover{
    transition: all 0.3s ease;
    color: #fff;
    background: #009ec3;
}

.resource-videos .col-md-3 div:hover span{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
}

.resource-videos.resources-files .col-md-3 div:hover span{
    background: #fff;
}

.resource-videos .col-md-4 div{
    cursor: pointer;
}

.resource-videos div.hover-over{
    display: none;
}

.resource-videos .col-md-4:hover div.hover-over{
    display: block;
    position: absolute;
    background: rgba(14,171,193,0.7);
    top: 0;
    left: 10px;
    right: 10px;
    bottom: 0;
    width: auto;
}

.resource-videos.resources-files .col-md-3:hover div.hover-over{
    display: block;
    position: absolute;
    background: rgba(14,171,193,0.7);
    top: 0;
    left: 10px;
    right: 0;
    bottom: 0;
    width: auto;
}

.notes-modal .modal-content{
    border-radius: 6px;
    border: 0px;
}

.notes-modal .modal-header{
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 20px;
}

.notes-modal .modal-title{
    font-size: 20px;
}

.notes-modal .modal-title i{
    margin-right: 10px;
}

.notes-modal .modal-body {
    padding: 20px;
}

.notes-modal .modal-body h3{
    color: #333;
    font-size: 20px;
    font-weight: bold;
    padding-left: 0px;
    margin-top: 0px;
}

.notes-modal .modal-footer{
    background: #f5f5f5;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.notes-modal .save-changes{
    height: 36px;
    line-height: 29px;
    border-radius: 50px;
    padding-left: 15px;
    padding-right: 20px;
    background: -webkit-linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    background: linear-gradient(45deg,#32ccbc 0,#009ec3 100%);
    font-size: 14px;
    color: #fff;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    transition: all 0.2s ease;
    border: 0px;
    margin-right: 20px;
}

.notes-modal .exit-dialog{
    border: 1px solid #ddd;
    height: 36px;
    line-height: 29px;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 20px;
    background: #fff;
    font-size: 14px;
    color: #747474;
    -webkit-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    box-shadow: 0px 2px 3px 1px rgba(0,0,0,.1);
    outline: 0px;
    transition: all 0.2s ease;
}

.sticky-bottom-menu.age-sticky-menu{
    background: #fff;
    -webkit-box-shadow: 0 -2px 9px 0px rgba(0,0,0,.1);
    -moz-box-shadow: 0 -2px 9px 0px rgba(0,0,0,.1);
    box-shadow: 0 -2px 9px 0px rgba(0,0,0,.1);
}

.sticky-bottom-menu.age-sticky-menu button{
    color: #333;
    font-size: 12px;
    padding-top: 10px;
}

.sticky-bottom-menu.age-sticky-menu button i{
    color: #26b5a6;
    font-size: 20px;
}
.orange {
    color: orange;
}
/** Use .sticky */
#player1.is-sticky {
    position: fixed;
    top: 6px;
    left: 795px;
    width: 414px;
    height: 231px;
    z-index: 1000;
}
.is-sticky {
    position: fixed!important;
    top: 6px!important;
    left: 795px!important;
    width: 414px!important;
    height: 231px!important;
    z-index: 1000!important;
}

.sticky-mute {
    position: fixed !important;
    top: 190px !important;
    /*z-index: 99999999 !important;*/
    left: 330px !important;
}
@media screen and (max-width: 1120px) {
    #player1.is-sticky {
        transform: translateX(-170%);
    }
    #frn1.is-sticky {
        transform: translateX(-170%) !important;
    }
    .sticky-normal {
        transform: translateX(-170%);
    }
    .sticky-mute{
        left: 107px !important;;
    }
}
@media screen and (min-width: 1120px) {
    #player1.is-sticky {
        transform: translateX(-150%);
    }
    #frn1.is-sticky {
        transform: translateX(-150%) !important;
    }
    .sticky-normal {
        transform: translateX(-150%);
    }
    .sticky-mute{
        left: 190px !important;;
    }
}
@media screen and (min-width: 1300px) {
    #player1.is-sticky {
        transform: translateX(-115%);
    }
    #frn1.is-sticky {
        transform: translateX(-115%) !important;
    }
    .sticky-normal {
        transform: translateX(-115%);
    }
    .sticky-mute{
        left: 330px !important;;
    }
}
@media screen and (min-width: 1848px) {
    .wholeThing .container-wrapper{
        height:244px;
    }
}
@media screen and (min-width: 1300px) and (max-width: 1500px) {
    #player1.is-sticky {
        transform: translateX(-129%);
    }
}

.sticky-normal{
    position: fixed !important;
    top: 6px !important;
    left: 795px !important;
    width: 414px !important;
    height: 231px !important;
    z-index: 1001 !important;
}

.crossed-out{
    background: linear-gradient(to left top, transparent 47.75%, #FF006C 49.5%, #FF006C 50.5%, transparent 52.25%);
}
.black-friday-top-h1{
    display:none;
}
.black-friday-sale{
    display:none;
}
.regular-upgrade-h1{
    display:none;
}
.black-friday-only{
    display:none;
}
.black-friday-top-h1 .new-price{
    position: relative; bottom: 38px; left: 70px; color: #FF006C; font-size: 44px;margin-left: -97px;
}
.black-friday-markings-left{
    position: absolute; width: 300px; left: -5px; top: -110px; 
}
.black-friday-markings-right{
    position: absolute; width: 300px; right: 5px; bottom: 613px; 
}

.upgrade-and-save-h1{
    color: #FF006C; position: relative; bottom: 37px; margin-left: -104px; left: 57px; font-size: 44px;
}
.now-content-h1{
    color: #FF006C; position: relative; bottom: 37px; margin-left: -104px !important; left: 57px; font-size: 44px !important;
}

@media (max-width: 992px){
    .home-text .oscar-text{
        height: 14px;
        margin-top: -5px;
    }
    .blog-news .single-news-box img:not(.img-responsive.category-post-coverimage){
        max-width: 100%;
        margin-bottom:10px;
        object-fit: scale-down;
    }

    .video-control-buttons{
        display:none!important;
    }
    .play-btn-mobile{
        display: none !important;;
    }
    .mobile-play-text{
        font-size: 13px;
        margin-left: 5px;
    }
    .resume {
        font-size: 20px;
    }
    .black-friday-markings-right{
        display:none;
    }
    .black-friday-markings-left{
        display:none;
    }
    .upgrade-and-save-h1{
        bottom: 31px;
        margin-left: -84px;
        font-size:35px;
    }
    .black-friday-top-h1 .new-price{
        bottom:29px;
        left:54px;
        font-size:36px;
        margin-left: -74px;
    }

    .hoverbox.hidden-info:hover, .hoverbox.hidden-info-box {
        margin-right: 15px!important;
        margin-top: 0!important;
    }

}
@media (max-width: 1390px) {
    .master-top .reserve-btn{
        font-size: 18px!important;
        height: 74px!important;
    }
}

@media (max-width: 1161px) {
    .master-top .reserve-btn{
        font-size: 17px!important;
        height:93px!important;
    }
}
.thumbnail-preview{
    
    position: absolute!important;
    bottom:11% !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.preview-hidden {
    display:none!important;
}
.thumbnail-preview.vjs-fill{
    height: 92% !important;
}

/* The actual video needs border-radius too */
.thumbnail-preview .vjs-tech{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* Hide the videojs loading stuff for the thumbnail preview*/
.thumbnail-preview.vjs-waiting {
    visibility: hidden;
    background: transparent;
}
.thumbnail-preview .vjs-loading-spinner {
    display: none !important;
}

.ifl-single-episode{
    height: 15rem;
}

@media (max-width: 992px){
    .showPlanButtons_Container {
        width: 100%!important;
    }

    div.individual-show button{
        padding: 7.3px 6px;
    }
    div.individual-show button.click-audio-transcript{
        margin: 0;
    }
}

.modal-content.is-modal-packages {
    display: flex;
    flex-direction: column;
    font-family: "Poppins";
    top: 30px;
    border-radius: 7px;
    padding: 20px;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,d6d6d6+1,e9f7f1+100,7db9e8+100 */
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff 0%,#e9f7f1 100%);
    background: -webkit-linear-gradient(top,  #fff 0%,#e9f7f1 100%);
    background: linear-gradient(to bottom,  #fff 0%,#e9f7f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding-top: 10px;
}
.modal-header.is-modal-packages {
    align-self:center;
    padding: 15px 120px;
    text-align: center;
    border: none !important;
    padding-top: 0;
    background: none!important;
    height: auto!important;
}
.is-modal-packages .close{
    font-size: 20px;
    height: 30px;
    line-height: 24px;
    width: 30px;
    border-radius:50%;
    opacity: .5;
    align-self: flex-end;
    box-shadow: 0px 0px 15px -3px rgb(0 0 0 / 73%);
}
.is-modal-packages .close:hover{
    opacity: 1;
}
.modal-header.is-modal-packages p{
    font-weight:600;
    font-size:20px;
}

.modal-body.is-modal-packages {
    align-self:center;
}
.is-modal-packages.modal-body{
    display: flex;
}
.is-booster-package-heading{
    /* border: 1px solid blue; */
    /* display: flex;
    justify-content: center;
    align-items: center; */
    /* border-radius: 20px 20px 0 0;
    -webkit-box-shadow: 1px -4px 15px -1px rgba(0,0,0,0.73); 
    box-shadow: 1px -4px 15px -1px rgba(0,0,0,0.73);
    margin-bottom: -5px; */
    font-weight: 800;
    font-size: 20px!important;
    margin-top: 0!important;
    width:100%;
    
    padding: 11px;
    border-radius: 7px 7px 0 0;

    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(left,  #DCE1D4 0%,#C3D3CD 100%);
    background: -webkit-linear-gradient(left,  #DCE1D4 0%,#C3D3CD 100%);
    background: linear-gradient(to right,  #DCE1D4 0%,#C3D3CD 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.custom-gradient {
    background: #1e5799; /* Old browsers */
    background: -moz-linear-gradient(left,  #F3F2E4 0%,#E2E1D0 100%);
    background: -webkit-linear-gradient(left,  #F3F2E4 0%,#E2E1D0 100%);
    background: linear-gradient(to right,  #F3F2E4 0%,#E2E1D0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.is-booster-package-inner{
    /* border: 1px solid purple; */
    border-radius: 7px;
    -webkit-box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.73); 
    box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.73);
}
.inner-without-header {
    padding: 15px;
    background-color: #fff;
}
.is-booster-package-inner img{
    margin-top: 0 !important;
}
.checklist{
    display:flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 30px;
    color: #0C4857;
    margin-top: 10px;
}
.checklist.extra-margin {
    margin-top: 14px;
}
.checklist-item{
    text-align: initial;
    margin-bottom: 5%;
    display: flex;
}
.checklist-item svg{
    color: green;
    margin-right: 7px;
    margin-top: 4px;
}
.checklist-item-inner{
}

.is-booster-package-button {
    background-color: #bf9334;
    max-width: 400px;
    width: 100%;
    padding: 15px 3px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    /* margin-bottom: 30px; */
    border: none;
}
.is-booster-package-button:hover {
    color: #ffffff;
    background-color: #b2872b;
}
/* Single Package */
.is-modal-packages.single-package img:not(.desktop-hide){
    width:50%;
}

.is-modal-packages.single-package.masterclass-package img:not(.no-downsize){
    width:86%;
}
.is-modal-packages.single-package .is-booster-package-inner{
    padding:0;
}
.is-modal-packages.single-package .checklist{
    margin-bottom:0;
}
.is-modal-packages.single-package .checklist-item{
    margin-bottom:3%;
    font-size:16px;
}
.ifl-modal-mc-image{
    width:36% !important;
    object-fit:cover;
}
.silver-filler-div{
    visibility: hidden;
}
@media screen and (max-width: 992px){
    .click-right {
        display: none!important;
    }
    .click-left {
        display: none!important;
    }
    .is-modal-packages.modal-body{
        flex-direction: column;;
    }
    .order-1 {
        order: 1;
    }
    .modal-header.is-modal-packages{
        padding:0;
    }
    .silver-package-col6{
        margin-bottom:40px;
    }
    .silver-filler-div {
        display: none;
    }
    .modal-content.is-modal-packages.package-ab {
        padding: 10px 0px 10px 0px;
    }
    .is-modal-packages .close{
        margin-right: 10px;
    }
}