* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

a:focus,
a:active {
    outline: none;
}

body,
html {
    height: 100%;
    position: relative;
}

body {
    color: #4a4a4a;
    font: normal 16px 'Poppins', arial, sans-serif;
    margin: 0;
    padding: 0;
    /*overflow-x: hidden;*/
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.mb30 {
    margin-bottom: 30px;
}

.input-row.mb30 {
    margin-bottom: 30px !important;
}

.mt30 {
    margin-top: 30px !important;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0;
    margin-top: 20px;
    padding-bottom: 10px;
    line-height: 1.42567;
    font-family: 'Poppins', arial, sans-serif;
    font-weight: bold;
    letter-spacing: -0.5px;
}

h1 {
    font-size: 62px;
}

h2 {
    font-size: 42px;
}

h3 {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.5px;
}

p {
    margin: 0;
    padding-bottom: 15px;
    font-family: 'Roboto', sans-serif;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover,
a:focus {
    color: #f17e00;
}

.container {
    margin: 0 auto;
    padding: 0 15px;
    width: 1200px;
}

.container.medium {
    width: 930px;
}

.container.small {
    width: 700px;
}

.container.fluid {
    width: 100%;
}

.heading-sec h2 {
    color: #f17e00;
    padding-bottom: 10px;
}

.heading-sec p {
    font-size: 18px;
    padding-bottom: 40px;
}

.heading-sec2 h2 {
    color: #f17e00;
    padding-bottom: 10px;
    font-size: 38px;
}

.heading-sec2 p {
    font-size: 18px;
    padding-bottom: 20px;
}

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

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.btn {
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    font: bold 16px / 16px 'Poppins', arial, sans-serif;
    padding: 12px 20px;
    min-width: 120px;
    text-transform: uppercase;
    text-align: center;
}

.btn.circled {
    border-radius: 20px;
    text-transform: none;
    margin-top: 0 !important;
    margin: 0 0 0 20px !important;
}

.btn:hover,
.btn:focus,
.btn:active {
    color: #f17e00;
    background: #fff;
}

.btn-default {
    background: #fff;
    color: #f17e00;
    letter-spacing: 0;
    min-width: 180px;
    padding: 15px 20px;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    background: #f17e00;
    color: #fff;
    border: 1px solid #f17e00;
}

.btn-orange,
#cf7md-form .mdc-button {
    background: #f17e00;
    color: #fff;
    letter-spacing: 0;
    min-width: 180px;
    padding: 15px 20px;
    border: 2px solid #f17e00;
}

.btn-orange-alt {
    background-image: linear-gradient(to right, #f17e00, #f59328);
    text-transform: capitalize;
    border: none;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 20px;
    padding-top: 17px;
    padding-bottom: 17px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    font-size: 16px;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
    background: #fff;
    color: #f17e00;
    border: 2px solid #f17e00;
}

.btn-outline {
    background: #fff;
    color: #f17e00;
    letter-spacing: 0;
    min-width: 210px;
    padding: 15px 20px;
    border: 2px solid #f17e00;
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
    background: #f17e00;
    color: #fff;
}

.btn-blue {
    background: #19aded;
    color: #fff;
    border: 1px solid #19aded;
    margin-bottom: 10px;

}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active {
    color: #19aded;
    background: #fff;

}

.bg-img-sec {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bgShape {
    position: relative;
}

.bgShape:after {
    position: absolute;
    content: '';
    z-index: -1;
}

.bgShape1::after {
    left: -13%;
    top: 15%;
    width: 240px;
    height: 185px;
    background-image: url('../images/section-text-bg.svg');
    z-index: -1;
    display: none;
}

.bgShape2::after {
    left: -33%;
    top: 9%;
    width: 440px;
    height: 485px;
    background-image: url('../images/section-text-bg-1.svg');
    z-index: -1;
    display: none;
}

.site-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 45px;
    /*padding: 60px 45px 45px;*/
    z-index: 99;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}

.error {
    color: red;
}


/* .site-header.secondary ,
.error404 .site-header ,
.search .site-header {
    position : relative;
    float : left;
    width : 100%;
    padding : 15px 45px;
    border-bottom : 1px solid #eee;
} */

.site-header.secondary,
.error404 .site-header,
.search .site-header {
    position: relative;
    float: left;
    width: 100%;
    padding: 15px 45px;
    background: linear-gradient(to right, #f87e29 0%, #ef6a32 100%);
}


/* .site-header.headerFix {
        padding-top : 20px;
        padding-bottom : 20px;
        background : rgba(241, 126, 0, .8);
        z-index : 99999;
        width : 100%;
        position : fixed;
        left : 0;
        top : 0;
    }    */

.site-header.headerFix .logo img {
    width: 50px;
}

.logo {
    font: bold 20px 'Roboto', sans-serif;
    float: left;
    color: #fff;
}

.logo:hover,
.logo:active,
.logo:focus {
    color: #fff;
}

.kid-approved .slick-arrow.slick-next {
    right: 0;
    left: auto;
    width: 38px;
}


/* .site-header.secondary .logo ,
.error404 .site-header .logo ,
.search .site-header .logo {
    color : #f17e00;
} */

.site-header.secondary .logo,
.error404 .site-header .logo,
.search .site-header .logo {
    color: #fff;
}

.logo img {
    margin-right: 15px;
}

.header-right {
    float: right;
    /*margin-top: 20px;*/
    color: #fff;
}

.site-header.headerFix .header-right {
    margin-top: 0;
}

.header-right .btn-group {
    float: right;
}

.header-right .btn {
    display: inline-block;
    text-transform: uppercase;
    max-width: 120px;
    text-align: center;
    padding: 12px 0;
}

.main-menu {
    float: left;
    margin-top: 10px;
    margin-right: 20px;
}

.main-menu ul {
    margin: 0;
    padding: 0;
    font-size: 0;
}

.main-menu li {
    display: inline-block;
    padding: 0 16px;
    color: #fff;
    text-transform: uppercase;
    font: bold 16px 'Roboto', sans-serif;
}

.main-menu li a {
    color: #fff;
    position: relative;
    padding-bottom: 10px;
}

/* .site-header.secondary .main-menu li a ,
.error404 .site-header .main-menu li a ,
.search .site-header .main-menu li a {
    color : #f17e00;
} */

/*.global-notification {
    display: block;
}

.global-notification.hide{
    display: none;
}

.global-notification {
    background: #004787;
    color: #fff;
    text-align: center;
    height: 50px;
    line-height: 50px;
    position: relative;
    font-size: 12px;
}

@media(min-width: 1024px){
    .global-notification {
        font-size: 16px;
    }
}

@media(max-width: 768px){
    .global-notification {
        display: none;
    }
}

.global-notification p {
    margin: 0;
    padding: 0;
}

.global-notification button {
    position: absolute;
    right: 10px;
    top: 50%;
    background: transparent;
    color: #fff;
    font-size: 20px;
    margin-top: -10px;
    line-height: 1;
    cursor: pointer;
    z-index: 991;
}
*/
.site-header.secondary .main-menu li a,
.error404 .site-header .main-menu li a,
.search .site-header .main-menu li a {
    color: #fff;
}

.main-menu li a:after {
    position: absolute;
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    content: '';
    top: 100%;
    left: 0;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.site-header.secondary .main-menu li a:after,
.error404 .site-header .main-menu li a:after {
    background: #fff;
}

.main-menu li a:hover:after,
.main-menu li.active a:after,
.main-menu li.current-menu-item a:after {
    width: 100%;
}

.site-header.secondary .main-menu li a:hover:after,
.site-header.secondary .main-menu li.active a:after,
.site-header.secondary .main-menu li.current-menu-item a:after {
    width: 100%;
}

.error404 .site-header .btn-group .btn,
.search .site-header .btn-group .btn {
    color: #f17e00;
    background: #fff;
    border: 1px solid #fff;
}

.error404 .site-header .btn-group .btn:hover,
.search .site-header .btn-group .btn:hover {
    color: #fff;
    background: #f17e00;
}

.btn-group .btn {
    margin-right: 10px;
}

.btn-group .btn:last-of-type {
    margin-right: 0;
}

.sec {
    float: left;
    width: 100%;
}

.hero {
    padding: 220px 0 20px;
    text-align: center;
}

.hero.innerpage {
    color: #fff;
    /* min-height : 500px; */
}

.hero.sec.bg-img-sec.bannerSec {
    min-height: 500px;
    padding: 180px 0 20px;
}

.page-template-template-water .hero.sec.bg-img-sec.bannerSec {
    min-height: 540px;
}

.home .hero.sec.bg-img-sec.bannerSec {
    padding: 220px 0 20px;
}

.hero.innerpage.bg-img-sec {
    padding: 0;
}

.hero.innerpage .bannerImg img {
    width: 100%;
}

.hero.subscribe {
    padding: 40px 0 0;
    background-image: none !important;
}

.hero.subscribe h1 {
    margin-bottom: 30px;
    color: #f17e00;
}

body:not(.single) .hero.innerpage.sec.bg-img-sec .hero-content h1 {
    margin-top: 0;
    text-shadow: 1px 1px 1px #000000;
    letter-spacing: .5px;
    padding-top: 0px;
    margin-bottom: 0;
    font-size: 62px;
}

.hero.innerpage p {
    font-size: 20px;
    margin: 0 auto;
    max-width: 55%;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    letter-spacing: .3px;
}

.hero-content {
    margin-bottom: 60px;
}

.subscribe .hero-content {
    margin-bottom: 0;
}

.subscribe .hero-content h1 {
    margin: 0;
    line-height: normal;
}

.hero-left {
    position: relative;
    width: 620px;
    float: left;
    -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
}

.hero-left p {
    padding: 0;
    margin: 0;
}

.home .wistia_responsive_padding {
    margin-bottom: 0;
}

.hero-right {
    width: 510px;
    float: right;
    color: #fff;
    font: 500 20px/25px 'Poppins';
    text-align: left;
    letter-spacing: 1px;
}

.hero-right h1 {
    color: #fff;
    font-size: 37px;
    line-height: 37px;
    letter-spacing: 1px;
    margin: 0;
    font-family: 'Poppins', arial, sans-serif;
    padding-bottom: 15px;
}

.hero-right p {
    font-family: 'Poppins', arial, sans-serif;
    font-weight: medium;
    padding-bottom: 25px;
}

.hero-right ul {
    margin: 25px 0;
    padding-left: 0;
}

.hero-right li {
    font: 400 18px 'Poppins';
    color: #fff;
    letter-spacing: .5px;
    margin-bottom: 0;
    list-style: none;
    line-height: 14px;
}

.hero-right li i {
    padding-right: 15px;
    padding-bottom: 10px;
}

.header-right .btn-group {
    position: relative;
}

.header-right .btn-group span {
    float: left;
    padding-top: 10px;
    padding-left: 4px;
    font: 14px 'Roboto', sans-serif;
}

.header-right .btn-group img {
    float: left;
    margin-bottom: 0;
    width: 45px;
    height: 45px;
}

.logged-in .header-right .btn-group {
    padding-bottom: 8px;
    cursor: pointer;
    padding-top: 6px;
    padding-left: 20px;
}

.logged-in .header-right .btn-group > i {
    font-size: 24px;
}

.logged-in .header-right .btn-group > i::after {
    content: '\f0d7';
    margin-left: 8px;
    font-size: 16px;
    margin-top: -5px;
    display: inline-block;
    vertical-align: middle;
}

.logged-in .header-right .btn-group .hover-menu i {
    font-size: 16px;
    font-family: FontAwesome;
}

.hover-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    width: 220px;
    background: #fff;
    color: #000;
}

.hover-menu:after {
    content: '';
    position: absolute;
    bottom: 100%;
    right: 15px;
    width: 10px;
    border: 10px solid #fff;
    border-color: transparent transparent #fff transparent;
}

.btn-group:hover .hover-menu {
    display: block;
    padding: 0 10px;
}

.btn-group:hover .hover-menu a {
    padding: 10px;
    display: block;
    border-bottom: 1px solid #eee;
    font-size: 14px;
}


/* Video: */


/* Sketch doesnt export pattern fills at this point */


/*background: rgba(74, 74, 74, 0.30);
        box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.28);*/

.videoWrapper {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 0;
    margin-bottom: 20px;
}

.videoWrapper p {
    padding-bottom: 0;
}

.videoWrapper:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(74, 74, 74, .30);
    content: '';
    -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.video-icon .video-icon-img {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    background: transparent;
    border-radius: 50%;
    color: #fff;
    font-size: 45px;
    height: 98px;
    line-height: 90px;
    width: 98px;
    z-index: 0;
    margin: auto;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    border: 4px solid #fff;
}

.video-icon .video-icon-img:hover {
    border-color: #f17e00;
    color: #fff;
    background: #f17e00;
}

.video-img {
    width: 100%;
}

.down-arrow {
    display: inline-block;
    font-size: 34px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    clear: both;
}

.down-arrow i {
    font-weight: bold;
}

.how-it-works {
    text-align: center;
    background: rgba(241, 126, 0, .04);
    padding: 40px 0;
    position: relative;
}

.how-it-works::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 190px;
    height: 380px;
    content: '';
    display: block;
    background: url(../images/left-icon.svg) no-repeat left center;
    margin-top: -8px;
    z-index: 0;
}

.how-it-works h2 {
    color: #f17e00;
    padding-bottom: 30px;
}

.steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.steps li {
    list-style: none;
    text-align: center;
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
    font-family: 'Roboto', sans-serif;
    position: relative;
    padding: 0 6%;
    margin-bottom: 30px;
}

.steps li span {
    display: block;
    position: relative;
    width: 106px;
    height: 106px;
    background: rgba(241, 126, 0, .13);
    border-radius: 50%;
    margin: 0 auto 20px;
}

.steps li span img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
}

.steps li:nth-child(2) span img {
    top: 55%;
}

.steps li strong {
    display: inline-block;
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 20px;
}

.steps li p {
    padding-bottom: 20px;
    line-height: 24px;
}

.secondElement:after {
    background: rgba(0, 0, 0, 0) url('../images/section3-left-icon.svg') no-repeat scroll left center;
    content: '';
    display: block;
    height: 218px;
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 100%;
    width: 150px;
    z-index: -1;
}

.forthElement::after {
    background: rgba(0, 0, 0, 0) url('../images/section4-left-icon.svg') no-repeat scroll left center;
    content: '';
    display: block;
    height: 213%;
    left: 0;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: -1;
}

.forthElement::before {
    background: rgba(0, 0, 0, 0) url('../images/section4-right-icon.svg') no-repeat scroll right center;
    content: '';
    display: block;
    height: 161%;
    margin-top: -8px;
    position: absolute;
    right: 0;
    top: 35%;
    width: 100%;
    z-index: -1;
}

.sixthElement::before {
    background: rgba(0, 0, 0, 0) url('../images/section5-right-icon.svg') no-repeat scroll right center;
    content: '';
    display: block;
    height: 161%;
    margin-top: -8px;
    position: absolute;
    right: 0;
    top: 20%;
    width: 100%;
    z-index: -1;
}

.seventhElement::before {
    background: rgba(0, 0, 0, 0) url('../images/section-text-bg-2.svg') no-repeat scroll right center;
    content: '';
    display: block;
    height: 100%;
    margin-top: -8px;
    position: absolute;
    left: 0;
    top: 0;
    width: 192px;
    z-index: -1;
    display: none;
}

.shape {
    position: relative;
}

.shape::after {
    position: absolute;
    content: ' ';
    display: block;
    left: 0;
    top: 100%;
    width: 100vw;
    border-style: solid;
    border-width: 100px 100vw 0 0;
    border-color: rgba(241, 126, 0, .04) transparent transparent;
    z-index: -1;
}

.main-content-sec {
    padding: 180px 0 100px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #d1d1d1;
    position: relative;
    overflow: hidden;
}

.main-content-sec::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 315px;
    height: 355px;
    content: '';
    display: block;
    background: url(../images/right-icon.svg) no-repeat right center;
    margin-top: -8px;
    z-index: -1;
}

.main-content-sec ul {
    padding-left: 0;
}

.main-content-sec li {
    list-style: none;
    padding-bottom: 80px;
    float: left;
    width: 100%;
    position: relative;
}

.main-content-sec ul li:last-of-type {
    padding-bottom: 0;
}

.sec-w-text-img {
    float: left;
    width: 100%;
}

.sec-w-text-img .text-sec {
    float: left;
    width: 550px;
    padding-top: 20px;
    padding-left: 120px;
}

.main-content-sec li:nth-child(2n) .text-sec {
    float: right;
    padding-left: 0;
    padding-right: 0;
}

.text-sec h3 {
    color: #f17e00;
    padding-bottom: 20px;
    letter-spacing: .5px;
}

.text-sec p {
    font: 400 16px/24px 'Poppins';
    max-width: 85%;
}

.sec-w-text-img .img-sec {
    float: right;
    width: 536px;
    -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .22);
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .22);
}

.main-content-sec li:nth-child(2n) .img-sec {
    float: left;
}

.sec-w-text-img .img-sec img {
    border-radius: 4px;
    width: 100%;
}

.kid-approved {
    padding: 50px 0 80px;
    background: #fffaf5;
    border-bottom: 1px solid #d1d1d1;
}


/* .kid-approved .container {
    width : 1700px;
} */

.kid-approved .container {
    width: 100%;
    max-width: 1400px;
    position: relative;
}

.kid-approved h2 {
    padding-bottom: 40px;
    color: #f17e00;
    text-align: center;
}

.tested-slider .slick-slide {
    display: inline-block;
    vertical-align: middle;
    float: none;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.tested-slider .slick-slide img {
    width: 100%;
    /* padding : 0 70px; */
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    opacity: .7;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    display: block;
    margin: 0 auto;
    max-width: 100%;
    -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .22);
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .22);
}

.tested-slider .slick-slide.slick-current.slick-active.slick-center img {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.tested-slider .slick-list {
    margin-bottom: 50px;
    padding: 0 !important;
}

.kid-approved .slick-dots {
    margin: 0 auto;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    padding-left: 0;
    z-index: 0;
    top: 13px;
    max-width: 270px;
}

.kid-approved .slick-dots li {
    display: inline-block;
    width: 12px;
    height: 12px;
    color: transparent;
    border: none;
    background: rgba(241, 126, 0, .3);
    border-radius: 50%;
    margin: 0 5px;
}

.kid-approved .slick-dots li.slick-active {
    background: #f17e00;
}

.kid-approved .slick-dots li button {
    background: transparent;
    border: none;
    color: transparent;
}

.kid-approved .arrows {
    margin: 0 auto;
    position: relative;
    max-width: 380px;
    z-index: 2;
}

.kid-approved .slick-arrow {
    background: none;
    border: none;
    position: absolute;
    color: transparent;
    width: auto;
    z-index: 3;
    cursor: pointer;
    height: 38px;
}

.kid-approved .slick-arrow {
    left: 0;
}

.kid-approved .slick-arrow:after {
    position: absolute;
    content: '\f104';
    display: block;
    left: 0;
    top: 0;
    text-align: center;
    font-family: fontawesome;
    background: #f17e00;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    line-height: 36px;
}

.kid-approved .slick-prev {
    top: 0;
    left: 0;
}

.kid-approved .slick-next:after {
    right: 0;
    left: auto;
    content: '\f105';
}

.subscribe {
    padding: 15px 0 25px;
}

.subscribe.inner {
    background: rgba(26, 189, 245, .14);
    border-top: 1px solid #d1d1d1;
    border-bottom: 4px solid #d1d1d1;
}

.footer-logo-sec {
    float: left;
}

.footer-logo-sec .logo {
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url('../images/header_logo.svg') no-repeat;
    background-size: cover;
    margin-right: 14px;
    outline: none;
    position: relative;
    top: 5px;
}

.footer-logo-sec .logo:focus {
    outline: none;
}

.site-footer {
    padding: 30px 0 30px;
    border-top: 1px solid #d1d1d1;
}

.site-footer,
.site-footer .logo,
.site-footer .main-menu li a {
    color: #f17e00;
}

.site-footer .logo:hover,
.site-footer .main-menu li a:hover {
    color: #4a4a4a;
}

.copy-right {
    font: 700 12px 'Roboto', sans-serif;
    display: inline-block;
}

select {
    border: 1px solid #ddd;
    height: 2.75em;
    width: 100%;
    padding: 0 12px;
}

.selectType select {
    border: 1px solid #ddd;
    height: 44px;
    width: 100%;
    padding: 0 12px;
    padding-left: 9px;
    font-size: 12px;
}

.site-footer .header-right {
    margin-top: 0;
}

.site-footer .logo {
    font-size: 12px;
    float: left;
}

.site-footer .main-menu {
    float: right;
    margin-right: 0;
    margin-top: 16px;
}

.site-footer .main-menu li {
    font-size: 13px;
    padding: 0 10px;
}

.page-template-manage-subscription .site-footer .main-menu li {
    padding: 0 7px;
}

.copyrightSec {
    float: right;
}


/* Sort Switch */

.sort {
    float: left;
    width: 100%;
    background: rgba(26, 189, 245, .14);
    border-top: 1px solid #d1d1d1;
    padding-top: 15px;
    padding-bottom: 35px;
}

.sort p {
    font-size: 12px;
}

.sort-content {
    max-width: 220px;
    margin: 0 auto;
    display: block;
    position: relative;
}

.grade,
.topic {
    position: absolute;
    left: -20px;
    top: 6px;
    font-size: 18px;
}

.topic {
    left: auto;
    right: 10px;
}


/* .wrap {
    position : relative;
    width : 33.33%;
    margin : -72px 0;
    top : 50%;
    float : left;
}

label {
    margin : 1.5em auto;
}

input {
    position : absolute;
    left : -9999px;
}

.slider-v2 {
    position : relative;
    display : block;
    width : 40px;
    height : 14px;
    cursor : pointer;
    border-radius : 1.5em;
    -webkit-transition : 350ms;
            transition : 350ms;
}

.slider-v2::after {
    position : absolute;
    content : '';
    width : 20px;
    height : 20px;
    top : 8px;
    left : 5px;
    border-radius : 50%;
    -webkit-transition : 250ms ease-in-out;
            transition : 250ms ease-in-out;
    background : #19aded;
    -webkit-box-shadow : 0 .1em .15em -.05em rgba(#fff, .9) inset, 0 .2em .2em -.12em rgba(#000, .5);
            box-shadow : 0 .1em .15em -.05em rgba(#fff, .9) inset, 0 .2em .2em -.12em rgba(#000, .5);
}

.slider-v2::before {
    position : absolute;
    content : '';
    width : 40px;
    height : 14px;
    top : 11px;
    left : 14px;
    border-radius : .75em;
    -webkit-transition : 250ms ease-in-out;
            transition : 250ms ease-in-out;
    background : #f17e00;
}

input:checked + .slider-v2::before {
    -webkit-box-shadow : 0 .08em .15em -.1em rgba(#000, .5) inset, 0 .05em .08em -.01em rgba(#fff, .7), 3em 0 0 0 rgba(#4c6, .7) inset;
            box-shadow : 0 .08em .15em -.1em rgba(#000, .5) inset, 0 .05em .08em -.01em rgba(#fff, .7), 3em 0 0 0 rgba(#4c6, .7) inset;
}

input:checked + .slider-v2::after {
    left : 40px;
} */

.switch {
    background: #f17e00;
    border-radius: 32px;
    display: block;
    height: 19px;
    position: relative;
    width: 40px;
    margin: 0 auto;
}

.switch label {
    color: #fff;
    font-size: 18px;
    line-height: 17px;
    text-transform: uppercase;
    -webkit-transition: color .2s ease;
    transition: color .2s ease;
    width: 100px;
}

.switch label:nth-of-type(1) {
    right: 100%;
    position: absolute;
    text-align: left;
    width: 145px;
}

.video-detail-right .switch label:nth-of-type(1) {
    right: 120%;
}

.switch label:nth-of-type(2) {
    position: absolute;
    left: 100%;
    text-align: right;
    width: 80px;
}

.video-detail-right .switch label:nth-of-type(2) {
    left: 120%;
}

.switch input {
    height: 14px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 2;
}

.switch input:checked ~ label:nth-of-type(1),
.switch label.label-switch-off {
    color: #000;
}

.switch input:checked ~ label:nth-of-type(2),
.switch label.label-switch-on {
    color: #808080;
}

.switch input ~ :checked ~ label:nth-of-type(1),
.switch label.label-switch-off {
    color: #808080;
}

.switch input ~ :checked ~ label:nth-of-type(2),
.switch label.label-switch-on {
    color: #000;
}

.video-detail-right .switch input:checked ~ label:nth-of-type(1) {
    color: #fff;
}

.video-detail-right .switch input:checked ~ label:nth-of-type(2) {
    color: #808080;
}

.video-detail-right .switch input ~ :checked ~ label:nth-of-type(1) {
    color: #808080;
}

.video-detail-right .switch input ~ :checked ~ label:nth-of-type(2) {
    color: #fff;
}

.switch input:checked ~ .switchToggle {
    left: -3px;
}

.switch input ~ :checked ~ .switchToggle {
    left: 20px;
}

.switch input:checked {
    z-index: 0;
}

.switchToggle {
    background: #19aded;
    border-radius: 50%;
    height: 24px;
    left: 0;
    position: absolute;
    top: -2px;
    -webkit-transition: left .2s ease;
    transition: left .2s ease;
    width: 24px;
    z-index: 1;
    -webkit-box-shadow: 0 0 3px #666;
    box-shadow: 0 0 3px #666;
}

.lessonSection {
    float: left;
    width: 100%;
    padding: 70px 0;
    text-align: center;
}

.lessonSection h2 {
    font-size: 36px;
    padding-bottom: 40px;
}

.lessonSection.featured {
    padding: 10px 0 00px;
    border-bottom: 3px solid #c8c8c8;
}

.lessonSection.featured h2 {
    color: #f17e00;
}

.lessonSection.featured .videoItem {
    margin-bottom: 3%;
}

.lessonSection.no-logged-in,
.sec.subscribe.no-logged-in {
    background: rgba(26, 189, 245, .14) none repeat scroll 0 0;
}

.lessonSection.yes-logged-in {
    background: rgba(26, 189, 245, .14) none repeat scroll 0 0;
    padding: 20px 0 0px;
}

.videoSection {
    float: left;
    width: 100%;
}

/* .videoItem {
    position: relative;
    width: 31.33%;
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    border-radius: 20px;
} */

.videoItem--wider {
    width: 47%;
}

.videoItem--4inRow {
    width: 22%;
    margin-bottom: 0;
}

.page-template-template-activities .videoItem:nth-child(3n) {
    margin-right: 0;
}

.videoItem--4inRow:nth-child(3n) {
    margin-right: 3%;
}

.videoItem--4inRow:nth-child(4n) {
    margin-right: 0;
}

.k2Section {
    clear: both;
    background: rgba(26, 189, 245, .14) none repeat scroll 0 0;
    padding: 20px 0 0px;
    border-top: 3px solid #c8c8c8;
    padding-top: 30px;
    padding-bottom: 30px;
}

.k2Section h2,
.k2Section h3 {
    text-align: center;
    margin: 0;
    padding: 0;
}

.k2Section h2 {
    color: #f17e00;
    font-size: 36px;
}

@media only screen and (max-width: 600px) {
    .k2Section h2 {
        font-size: 24px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .k2Section h2 {
        font-size: 32px;
    }
}

.k2Section h3 {
    color: #f17e00;
    font-size: 20px;
    margin-top: 10px;
}

@media only screen and (max-width: 600px) {
    .k2Section h3 {
        font-size: 16px;
    }
}

@media (min-width: 1025px) {
    .videoContainer--k2Section {
        position: relative;
        left: 195px;
    }
}

.ribbonFeatured {
    position: absolute;
    right: -10px;
    z-index: 4;
    padding: 5px 15px 3px 15px;
    background: #f17e00;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
    top: 10px;
}

.ribbonFeatured::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #c17000 transparent transparent transparent;
    position: absolute;
    top: 100%;
    content: '';
    right: 0;
}

.ribbonFeatured.ribbonFeatured--orange {
    background-color: #f17e00;
}

.ribbonFeatured.ribbonFeatured--orange::after {
    border-color: #783f00 transparent transparent transparent;
}

.ribbonFeatured.ribbonFeatured--blue {
    background-color: #19aded;
}

.ribbonFeatured.ribbonFeatured--blue::after {
    border-color: #095779 transparent transparent transparent;
}

.ribbonFeatured.ribbonFeatured--purple {
    background-color: #a30aa3;
}

.ribbonFeatured.ribbonFeatured--purple.subscribe-ribbon {
    background-color: #721a78;
    font-size: 13px;
    top: -15px;
}

.ribbonFeatured.ribbonFeatured--purple::after {
    border-color: #510451 transparent transparent transparent;
}

.videoItem .video-icon .video-icon-img {
    font-size: 22px;
    height: 50px;
    line-height: 42px;
    width: 50px;
    border: 3px solid #fff;
    display: none;
}

.videoItem .video-sec {
    padding-bottom: 15px;
}

.videoTitle {
    font-weight: bold;
    font-size: 17px;
    color: #4a4a4a;
    text-align: center;
    display: block;
    margin-top: 10px;
}

.videoTitle.videoTitle-upcomingBig {
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 25px;
}

.videoTitle.videoTitle--upcoming {
    margin-top: 15px;
}

@media only screen and (max-width: 600px) {
    .videoTitle.videoTitle-upcomingBig {
        font-size: 20px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .videoTitle.videoTitle--upcoming {
        margin-top: 0px;
    }
}

@media only screen and (min-width: 600px) {
    .videoTitle.videoTitle-upcomingBig {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .videoTitle.videoTitle-upcomingBig {
        font-size: 28px;
    }

    .videoTitle.videoTitle--upcoming {
        height: 54px;
    }
}

a.videoTitle:hover {
    color: #f17e00;
}


/* .lessonSection.featured .videoTitle {
    color : #f17e00;
} */


/* .lessonSection.featured .videoTitle:hover {
    color : #4a4a4a;
} */

.inner-content-sec {
    padding: 70px 0;
    float: left;
    width: 100%;
}

.accountPage {
    padding: 0 0 70px;
    float: left;
    width: 100%;
    min-height: 100%;
    margin-bottom: -170px;
    padding-bottom: 170px;
}


/* FAQ */

.page-template-faq .inner-content-sec h2 {
    color: #f17e00;
}

.accordion {
    margin: auto;
    width: 100%;
    list-style: none;
    margin-top: 30px;
    margin-bottom: 104px;
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
}

.accordion > li {
    float: left;
    width: 100%;
    text-align: left;
    position: relative;
    border: 1px solid #999;
    font: 15px/24px 'Roboto', sans-serif;
    margin-bottom: 15px;
}

.accordion.mixed h2 {
    font-size: 28px;
    display: block;
    margin: 0;
    padding-bottom: 0;
    line-height: normal;
    color: #f17e00;
    padding-left: 25px;
    font-family: 'Roboto', sans-serif;
}

.accordion.mixed h2 a {
    color: #f17e00;
    display: block;
    padding-top: 18px;
    padding-bottom: 18px;
}

.accordion.mixed h2 a:hover {
    color: #4a4a4a;
}

.accordion > li > a {
    font-size: 24px;
    line-height: 30px;
    color: #f17e00;
    float: left;
    width: 100%;
    font-weight: bold;
    min-height: 66px;
    padding-left: 25px;
    padding-right: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
}

body.single .accordion.mixed li:first-child {
    margin-top: 2px;
}

.accordion.mixed li {
    height: auto;
    background: rgba(26, 189, 245, .14);
    border: none;
    margin-bottom: 2px;
}

.accordion.mixed li .inner {
    background: rgba(26, 189, 245, .14) none repeat scroll 0 0;
    float: left;
    width: 100%;
    padding: 25px 25px 25px;
}

.accordion.mixed li .inner .inner-title {
    font: 700 20px 'Roboto', sans-serif;
    float: left;
    width: 100%;
    letter-spacing: .5px;
    padding-bottom: 7px;
}

.accordion.mixed li .inner li {
    background: none;
    /*   border-bottom: 1px solid #eee; */
}

.accordion.mixed li .inner li .inner {
    padding-bottom: 10px;
}

.accordion.mixed li .inner li .inner li {
    list-style: none;
    border-bottom: none;
}

.accordion.mixed > li > a {
    min-height: 1px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: none;
    font-size: 28px;
    cursor: pointer;
}

.accordion.mixed li .inner a {
    min-height: 1px;
    padding: 10px 0;
    border-bottom: 1px solid #999;
}

.accordion.mixed li .inner a span {
    float: right;
    padding-right: 20px;
    font-size: 12px;
    text-transform: uppercase;
}

.accordion.mixed li .inner .blocks .block a {
    min-height: unset;
    padding: 0;
    border-bottom: none;
}

.accordion.mixed li .inner .blocks .block a span {
    float: none;
    padding-right: 0;
    text-transform: none;
    font-size: inherit;
    color: #f17e00;
}

.accordion.mixed > li > a:hover {
    color: #4a4a4a;
}

.accordion.mixed li .inner a.toggle--hidden {
    cursor: default !important;
}

.accordion.mixed li .inner a.toggle--hidden span {
    display: none;
}

/* .accordion.mixed .downloadPDF {
    float : right;
    width : auto;
} */

.accordion.mixed .downloadPDF {
    display: block;
    width: auto;
    position: absolute;
    right: 26px;
    top: 17px;
}

.accordion.mixed .downloadPDF.downloadPDF--alt {
    right: 26px;
}

#agenda .btn,
.accordion {
    clear: both;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}

.accordion {
    margin-top: 30px;
    margin-bottom: 40px;
}

#agenda .btn {
    margin-top: 30px;
}

.toggle {
    position: relative;
}

.toggle br {
    display: none;
}

.toggle:after {
    /*
    position: absolute;
    content: '\f107';
    font-size: 24px;
    right: 35px;
    font-family: fontAwesome;
    top: 20px;
    */
    position: absolute;
    top: 30px;
    right: 35px;
    content: '\A';
    border: solid #f17e00;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-left: 5px;
}

.toggle.toggle--hidden:after {
    display: none;
}

.accordion.mixed > li > .inner .toggle:after {
    right: 2px;
    top: 15px;
    font-size: 16px;
}

.toggle.expandIcon:after {
    /*content: '\f106';*/
    content: '\A';
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    top: 35px;
}

.accordion.mixed > li > .inner .toggle.expandIcon:after {
    top: 20px;
}

.accordion > li > ul {
    float: left;
    width: 100%;
    list-style: none;
    padding: 25px 25px 5px;
    padding-top: 0;
    display: none;
    margin: 0;
}

.accordion > li > ul > li {
    float: left;
    width: 100%;
}

.accordion > li > ul > li strong {
    float: left;
    width: 100%;
    color: #323232;
    background: #ebebeb;
    padding: 20px 25px;
}

.accordion > li > ul > li > a {
    float: left;
    width: 100%;
    color: #4a4a4a;
    padding-left: 25px;
    padding-right: 25px;
    min-height: 66px;
    padding-top: 20px;
}

.accordion.mixed > li > a.toggle {
    padding-right: 60px;
    min-height: 1px;
}

.accordion > li > ul > li:first-child a {
    border-bottom: none;
}

.accordion div.inner,
.accordion div.panel {
    float: left;
    width: 100%;
    padding-left: 66px;
    padding-right: 66px;
    padding-top: 20px;
    color: #161643;
    margin-bottom: 50px;
    display: none;
}

.accordion .inner .inner {
    padding: 15px;
    margin-left: 0;
}

.accordion div.inner p,
.accordion div.panel p {
    font-size: 16px;
    line-height: 20px;
}

.accordion div.inner ul,
.accordion div.panel ul {
    float: left;
    width: 100%;
    padding-left: 0;
    list-style: none;
    margin-bottom: 20px;
}

.accordion div.inner ul li,
.accordion div.panel ul li {
    float: left;
    width: 100%;
    position: relative;
    padding-left: 13px;
    font-size: 16px;
    line-height: 20px;
}

.accordion div.inner ul li:after,
.accordion div.panel ul li:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #59a5db;
    border-radius: 50%;
}

.accordion div.inner b,
.accordion div.panel b {
    font-weight: normal;
    display: block;
}

.accordion div.inner small,
.accordion div.panel small {
    display: block;
    clear: both;
    font-size: 16px;
    line-height: 24px;
}

.accordion div.inner small a,
.accordion div.panel small a {
    color: #59a5db;
}

.accordion div.inner small a:hover,
.accordion div.panel small a:hover {
    color: #e95c6f;
}

.haveQuestions {
    padding-bottom: 20px;
}

.haveQuestions p {
    padding-bottom: 25px;
    font: 700 20px 'Roboto';
}

.contactDetail,
.error404 .page-content,
.search-no-results .content-area {
    padding: 70px;
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 21px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 21px 0 rgba(0, 0, 0, .25);
}

.contactLeft {
    float: left;
    width: 600px;
    position: relative;
}

.page-template-contact .contactLeft:after {
    position: absolute;
    content: '';
    left: 100%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #eee;
    margin-left: 20%;
}

.contactRight {
    float: right;
    width: 250px;
}

.contactLeft h3,
.contactRight h3 {
    font-size: 22px;
    padding-bottom: 40px;
    color: #f17e00;
}

.input-row {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

.input-col {
    float: left;
    width: 100%;
}

input,
textarea {
    color: #333;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 1px;
    border: none;
    background: none;
    border-bottom: 1px solid #d1d1d1;
    font: 14px 'Roboto', sans-serif;
    padding: 10px;
}

textarea {
    min-height: 80px;
    padding-bottom: 0;
    resize: none;
}

.input-box {
    position: relative;
}

.input-col .input-box {
    float: left;
    width: 100%;
    position: relative;
    z-index: 0;
}

.input-col.half .input-box {
    width: 47.5%;
}

.input-col.half .input-box:last-of-type {
    float: right;
}

.input-col.half.sml .input-box:first-of-type {
    width: 66px;
}

.input-col.half.sml .input-box:last-of-type {
    width: calc(100% - 96px);
}

.inputFieldEffect ~ .focus-border {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #f17e00;
    -webkit-transition: .4s;
    transition: .4s;
}

.inputFieldEffect:focus ~ .focus-border {
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s;
    left: 0;
}

.has-content.inputFieldEffect ~ .focus-border {
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s;
    left: 0;
}

.inputFieldEffect ~ label {
    position: absolute;
    left: 0;
    width: 100%;
    top: 9px;
    color: #333;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: -1;
    letter-spacing: .5px;
    font-size: 14px;
}

.inputFieldEffect:focus ~ label {
    top: -16px;
    font-size: 12px;
    color: #f17e00;
    -webkit-transition: .3s;
    transition: .3s;
}

.has-content.inputFieldEffect ~ label {
    top: -16px;
    font-size: 12px;
    color: #f17e00;
    -webkit-transition: .3s;
    transition: .3s;
}

.submitBtn {
    display: inline-block;
    cursor: pointer;
    margin-top: 20px;
}

.contactRight ul {
    margin-left: 0;
    padding-left: 0;
}

.contactRight ul li {
    list-style: none;
    font-size: 14px;
    padding-bottom: 20px;
    float: left;
    width: 100%;
    text-align: center;
}

.contactRight ul li i {
    color: #f17e00;
    margin-right: 15px;
    vertical-align: top;
    font-size: 18px;
    display: inline-block;
    width: 30px;
    line-height: 14px;
}

.contactRightDetail {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: calc(100% - 45px);
}


/* Video Detail */

.video-detail-right {
    float: right;
    width: auto;
    margin-top: 3px;
}

.video-detail-left {
    float: left;
    margin-top: 3px;
}

.video-detail-left span {
    font-size: 20px;
}

.video-detail-left h1 {
    font-size: 24px;
    margin-top: 0;
    text-shadow: none !important;
}

.video-detail {
    text-align: left;
}

.video-detail-right label {
    font-size: 14px;
    font-weight: bold;
}

.video-detail-right .switch label:nth-of-type(1) {
    text-align: right;
    right: 120%;
}

.video-detail-right .switch label:nth-of-type(2) {
    text-align: left;
    left: 120%;
}

.video-detail-right small {
    display: inline-block;
    padding-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Roboto';
    padding-right: 10px;
}

.video-detail-right i {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #fff;
    border-radius: 4px;
    color: #f17e00;
    display: inline-block;
    font-size: 26px;
    line-height: 18px;
    margin-left: 11px;
    padding: 1px 4px 2px;
    vertical-align: top;
}

.toolTipText {
    background: #000 none repeat scroll 0 0;
    border-radius: 8px;
    bottom: 150%;
    display: none;
    font-size: 12px;
    letter-spacing: .5px;
    left: 50%;
    margin: 0 auto;
    padding: 10px 13px 8px;
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 200px;
    z-index: 1;
    color: #fff;
}

.checkBoxLabelText .toopTipSec i {
    margin-top: 8px;
}

.toopTipSec:hover .toolTipText {
    display: block;
}

.toopTipSec {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-top: 3px;
}

.toolTipText::after {
    border-color: #000 transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 9999;
}

.summaryBox {
    padding: 20px 40px 40px;
    background: rgba(26, 189, 245, .14) none repeat scroll 0 0;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

body.single .summaryBox {
    margin-bottom: 0;
    padding: 0 25px 15px;
}

/* TEMP */
/*body.single .summaryBox p:first-of-type,
body.single .summaryBox h3:first-of-type {
    display: none;
}*/

.summaryBox p {
    font-size: 13px;
    padding-bottom: 20px;
    line-height: 24px;
}

body.single .summaryBox p {
    padding-bottom: 0;
    margin-bottom: 10px;
}

.summaryBox .summary-title {
    font-size: 22px;
    font-weight: 700;
}

.summaryBox .summary-title ~ .summary-title {
    margin-top: 0;

    /* TEMP */
    /*padding-top: 20px;*/

    /* OG */
    padding-top: 10px;
}

.episodeVideoDetail {
    width: 100%;
    float: left;
    padding: 20px 15px 10px 25px;
    margin-top: 0;
    background: #c4eefd;
    margin-bottom: 8px;
}

.episodeVideoDetail li {
    padding-bottom: 10px;
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
}

.episodeVideoDetail li,
.episodeVideoDetail li a {
    color: #333;
    font-size: 13px;
}

.episodeVideoDetail li a:hover {
    color: #000;
}

.episodeTitle {
    /*float: left;*/
    position: relative;
    /* width : 72%; */
    width: 100%;
    font-weight: normal;
    font-size: 14px;
}

.episodeTitle:after {
    position: absolute;
    left: 100%;
    content: '';
    width: 30%;
    background: #fff;
    height: 1px;
    top: 7px;
    display: none;
}

.episodeDuration {
    float: right;
    display: none;
}


/* About Us */

.about-gen {
    padding-bottom: 50px;
    border-bottom: 1px solid #eee;
}

.about-gen h2 {
    padding-bottom: 30px;
    margin-top: 0;
}

.about-gen-left {
    float: left;
    width: 25%;
    margin-top: 8px;
}

.about-gen-left img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.about-gen-right {
    float: right;
    width: 73%;
    font: 18px/34px 'Roboto', sans-serif;
}

.team {
    padding: 60px 0;
}

.team h2 {
    margin-top: 0;
}

.team-detail {
    border-bottom: 1px solid #eee;
    float: left;
    padding: 50px 0;
    width: 100%;
}

.team-left {
    display: inline-block;
    width: 220px;
    text-align: center;
    vertical-align: middle;
}

.team-left .team-img {
    width: 100%;
    border-radius: 50%;
}

.team-left .team-img img {
    border-radius: 50%;
    height: 219px;
    width: 219px;
    border: 5px solid #f17e00;
}

.team-left h3 {
    color: #f17e00;
}

.team-right {
    display: inline-block;
    width: calc(100% - 255px);
    padding-left: 3%;
    vertical-align: middle;
}

.team-right > h3 {
    color: #f17e00;
    letter-spacing: .75px;
}

.team-right p {
    font: 18px/30px 'Roboto', sans-serif;
}

.meet-team {
    background: rgba(26, 189, 245, .14) none repeat scroll 0 0;
    padding: 60px 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

.meet-team.credits {
    background: transparent;
    border: none;
    padding-bottom: 30px;
    padding-top: 30px;
}

.meet-team.credits h2 {
    padding-bottom: 10px;
}

.meet-team h2 {
    padding-bottom: 30px;
}

.teamInfo {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0;
}

.teamInfo li {
    text-align: center;
    width: 260px;
    display: inline-block;
    margin: 0 20px;
    vertical-align: top;
}

.meet-team.credits .teamInfo li {
    width: 29%;
    margin: 0 1.7%;
}

.teamInfo li h3 {
    font-size: 22px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.meet-team.credits li h3 {
    font: 700 18px/36px 'Roboto', sans-serif;
    letter-spacing: normal;
    padding-bottom: 10px;
}

.teamInfoImage {
    border-radius: 50%;
    width: 165px;
    margin: 0 auto;
    height: 165px;
    border: 5px solid #f17e00;
}

.meet-team.credits .teamInfoImage {
    border-radius: 0;
    width: 100%;
    height: auto;
    border: none;
}

.teamInfoImage img {
    border-radius: 50%;
    height: auto;
    width: 100%;
}

.meet-team.credits .teamInfoImage img {
    border-radius: 0;
    height: auto;
    width: 100%;
}

.teamInfoDetail h3 {
    color: #f17e00;
}

.teamInfoDetail strong {
    display: inline-block;
    padding: 10px 0;
}

.team .team-detail:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

.earlyAdopter {
    float: left;
    width: 100%;
    background: rgba(26, 189, 245, .14);
    padding: 20px 0;
}

.earlyAdopter .container {
    width: 750px;
}

.badgeSecLeft {
    display: inline-block;
    width: 127px;
    vertical-align: middle;
    margin-right: 30px;
}

.badgeSecRight {
    display: inline-block;
    width: 540px;
    vertical-align: middle;
}

.badgeSecRight h2 {
    font-size: 26px;
    margin-bottom: 0;
    line-height: normal;
    padding-bottom: 0;
}

.badgeSecRight p {
    font-size: 17px;
}

.forPricing {
    margin-bottom: 50px;
}

.forPricing h3 {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    padding-right: 40px;
}

.forPricing .btn {
    min-width: 185px;
}

.subscribePlan {
    padding: 0 0;
    float: left;
    width: 100%;
    border: 2px solid #eee;
    border-radius: 4px;
    margin: 60px auto 40px;
}

.subscribePlan p {
    line-height: 25px;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.subscribePlan .btn {
    width: 100%;
    margin-bottom: 10px;
}

.subscribePlan ul {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
}

.subscribePlan ul > li {
    list-style: none;
    text-align: center;
    padding: 0 20px 20px;
    border-right: 1px solid #eee;
    width: 33.33%;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

.subscribePlan ul li:last-of-type {
    border-right: none;
}

.subscribePlanHeadingSec,
.subscribePlanPriceSec {
    border-bottom: 1px solid #eee;
    padding: 0;
    margin-bottom: 20px;
}

.subscribePlanHeadingSec {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.subscribePlanFeatureSec {
    border-bottom: none;
    margin-bottom: 0;
    /*padding-bottom: 20px;*/
    min-height: 130px;
    overflow: hidden;
}

.subscribePlanHeadingSec h2 {
    font: 700 32px 'Roboto', sans-serif;
    color: #333;
    margin: 15px 0 0;
}

.subscribePlanFeatureSec ul li {
    border-right: none;
    display: block;
    width: auto;
    padding-bottom: 20px;
    font: 500 16px 'Roboto', sans-serif;
    font-weight: normal;
}

.originalPrice {
    -webkit-text-decoration: line-through;
    text-decoration: line-through;
    font: 300 36px 'Roboto', sans-serif;
    margin-right: 10px;
    color: #ddd;
}

.discountPrice {
    font: 400 52px 'Roboto', sans-serif;
    color: #f17e00;
}

.forPricing h3 {
    margin-top: 0;
}

.moneyBack {
    background: rgba(26, 189, 245, .14);
    padding: 60px 0;
}

.moneyBackImgSec {
    display: inline-block;
    margin-right: 100px;
    width: 166px;
}

.moneyBackDetailSec {
    display: inline-block;
    vertical-align: middle;
    width: 560px;
}

.moneyBackDetailSec h2 {
    font-size: 32px;
}

.moneyBackDetailSec p {
    font-size: 18px;
    line-height: 26px;
}

.toolsList {
    padding-left: 0;
    float: left;
    width: 100%;
}

.toolsNeed {
    text-align: center;
    float: left;
    width: 100%;
    padding: 40px 0 0;
}

.toolsNeed .container.medium {
    width: 1000px;
}

.toolsNeed p {
    padding-bottom: 60px;
    padding-top: 10px;
    font-size: 20px;
}

.toolsList li {
    list-style: none;
    width: 46%;
    margin-right: 6%;
    float: left;
    text-align: left;
    margin-bottom: 6%;
}

.toolsList li:nth-child(2n) {
    margin-right: 0;
}

.toolsList .toolsImg {
    width: 67px;
    height: 67px;
    border-radius: 50%;
    background: #f17e00;
    position: relative;
    display: inline-block;
    margin-right: 25px;
    vertical-align: top;
}

.toolsList .toolsImg img {
    max-width: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.toolsContent {
    width: calc(100% - 97px);
    display: inline-block;
    vertical-align: middle;
    font-family: 'roboto', sans-serif;
}

.toolsContent h3 {
    margin-top: 0;
    font-family: 'roboto', sans-serif;
    letter-spacing: 0;
    font-size: 24px;
    color: #f17e00;
}

.toolsContent p {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 10px;
}

.popupOverlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 99999;
}

body.popupActive,
body.popupActive1 {
    overflow: hidden;
}

.popupContainer {
    height: auto;
    margin: 90px auto;
    position: relative;
    z-index: 100000;
}

.signupSection {
    width: 100%;
    margin: 30px 0;
    border-top: 1px solid #eee;
    padding-top: 20px;
}

.signupSection .title,
.loginSection .title {
    font: 300 22px/normal 'roboto', sans-serif;
    letter-spacing: 0;
    padding-bottom: 15px;
    margin-top: 0;
}

.signupSection .title {
    text-align: center;
}

.loginSection.forgetpass .title {
    padding-top: 15px;
}

.loginPwd {
    margin-bottom: 25px;
    display: inline-block;
    color: #f17e00;
    font: 16px 'Roboto', sans-serif;
}

.loginPwd:hover {
    color: #4a4a4a;
    text-decoration: underline;
}

.loginHeadingSec {
    padding-bottom: 20px;
}

.loginHeadingSec img {
    display: inline-block;
    vertical-align: middle;
    max-width: 80px;
}

.loginHeadingSec .title {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    color: #f17e00;
    vertical-align: middle;
    padding: 0;
    margin-top: 0;
    padding-left: 15px;
    line-height: 22px;
}

.freeTrialpopup .title {
    font-size: 21px;
    text-transform: none;
    width: 70%;
    letter-spacing: 0;
}

.freeTrialpopup .title strong {
    font-size: 41px;
    padding-top: 15px;
    display: inline-block;
    font-weight: bold;
}

.freeTrialpopup--access .title strong {
    font-size: 32px;
}

.loginSection #free_trial_frm .input-row {
    margin-bottom: 0;
}

.input-box.passwordBox i {
    position: absolute;
    top: 13px;
    right: 12px;
}

.input-box.passwordBox {
    position: relative;
}

.input-box.passwordBox input {
    padding-right: 35px;
}

.inputError {
    font: 13px 'roboto', sans-serif;
    text-align: left;
    display: block;
    margin-top: 5px;
    float: left;
    width: 100%;
}

.signupSection p,
.loginSection p, .loginSection span.agreeText {
    padding-bottom: 10px !important;
    font: normal 13px/20px 'roboto', sans-serif !important;
    color: #333;
    max-width: 100% !important;
    text-align: left !important;
    text-shadow: none !important;
    letter-spacing: normal !important;
}

.loginSection * {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.loginSection {
    width: 400px;
    background: #fff;
    padding: 15px 30px 0;
    position: relative;
    -webkit-animation: slideInUp .2s cubic-bezier(.1, .5, .15, 1);
    animation: slideInUp .2s cubic-bezier(.1, .5, .15, 1);
}

.loginSection p {
    padding-bottom: 15px;
}

.popupContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.loginSection .input-row {
    margin-bottom: 15px;
}

.loginSection input {
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    padding: 12px 15px;
    font-size: 15px;
}

.loginSection input[type=submit] {
    width: 100%;
    cursor: pointer;
    background: #f17e00;
    color: #fff;
    border-color: #f17e00;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: bold;
    padding: 10px;
    text-transform: none;
}

.loginSection input[type=submit]:hover,
.signupSection .btn:hover {
    color: #f17e00;
    background: #fff;
}

.forgotPwd {
    display: block;
    text-align: center;
    font: 13px 'Roboto', sans-serif;
}

.signupSection .btn {
    width: 100%;
    cursor: pointer;
    background: #f17e00;
    color: #fff;
    border-color: #f17e00;
    font: 700 20px 'Roboto', sans-serif;
    padding: 10px;
    text-transform: none;
}

.popupSection,
.popupSection1,
.popupSection3,
.popupSection2, .popupSectionVideo {
    display: none;
    bottom: 0;
    left: 0;
    /*overflow: auto;**/
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
    webkit-animation: fadeIn .2s ease;
    animation: fadeIn .2s ease;
}

.popupActive .popupSection,
.popupActive1 .popupSection1,
.popupActive2 .popupSection2 {
    display: block !important;
}

.popupActive2 #popupActiveFree {
    display: none !important;
}

.closeBtn,
.closeBtn1,
.closeBtn2,
.trialCloseBtn {
    right: 0;
    position: absolute;
    top: -45px;
    font-size: 30px;
    color: #fff;
}

.popupActive1 .closeBtn1,
.popupActive2 .closeBtn2 {
    right: 20px;
}


/* Account */

.accountSection--left {
    float: left;
    width: calc(100% - 30%);
}

@media all and (max-width: 767px) {
    .accountSection--left {
        margin-bottom: 60px;
    }
}

.accountTabSection {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.accountTabSection ul {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 0;
}

.accountTabSection ul li {
    display: inline-block;
    padding: 25px 0;
    text-transform: uppercase;
    font: 500 12px 'Roboto', sans-serif;
    border-bottom: 1px solid transparent;
    margin: 0 20px;
}

.accountTabSection ul li.active {
    color: #f17e00;
    border-bottom-color: #f17e00;
}

.accountSection--right {
    float: left;
    width: 30%;
    background: rgba(26, 189, 245, .14);
    border-left: 1px solid #eee;
    padding: 10px 20px 50px 20px;
}

.accountSection--right h2 {
    font-size: 18px;
    border-bottom: 1px solid #eee;
    letter-spacing: normal;
    padding-bottom: 11px;
}


/* Account Information */

.accountInformationFormContainer {
    width: 570px;
    margin: 0 auto;
    padding-bottom: 150px;
    clear: both;
    overflow: hidden;
    position: relative;
}

.accountInformationFormContainer p {
    font-size: 14px;
    font-family: 'Roboto';
    margin-top: 10px;
}

.accountInformationFormSec {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.accountInformationFormSec.small {
    width: 300px;
}

.accountInformationFormSecHeading {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

.accountInformationFormSecHeading h1 {
    font-size: 18px;
    font-weight: normal;
    letter-spacing: normal;
    margin: 0;
    padding-bottom: 0;
    padding-top: 3px;
}

.accountInformationForm .input-row {
    margin-bottom: 1.5%;
}

.accountInformationForm .input-row.half .input-box {
    width: 48%;
    float: left;
}

.accountInformationForm .input-row.half .input-box:last-of-type {
    float: right;
}

.accountInformationForm input,
.orderDiscount input {
    -webkit-appearance: none;
    font-size: 12px;
    color: #666;
    border: 1px solid #ddd;
    height: 44px;
    padding: 10px 15px;
    border-radius: 2px;
    letter-spacing: normal;
}

.accountInformationForm input::-webkit-input-placeholder,
.accountInformationForm textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #666;
    opacity: 1;
}

.accountInformationForm input::-moz-placeholder,
.accountInformationForm textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #666;
    opacity: 1;
}

.accountInformationForm input:-ms-input-placeholder,
.accountInformationForm textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #666;
    opacity: 1;
}

.accountInformationForm input:-moz-placeholder,
.accountInformationForm textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #666;
    opacity: 1;
}

.input-row.combinedInput .input-box {
    margin-bottom: 15px;
}

.input-box.checkBox input {
    width: 20px;
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    vertical-align: middle;
}

.input-box.checkBox label {
    text-transform: none;
    display: inline-block !important;
    width: 80%;
    vertical-align: top;
}

.accountInformationForm label {
    /* text-transform : uppercase; */
    font: 500 12px 'Roboto', sans-serif;
    padding-bottom: 10px;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.accountInformationForm label span {
    float: right;
    text-transform: none;
    font-size: 10px;
    font-weight: normal;
}

.accountInformationForm input[type=submit],
.orderDiscount input[type=submit] {
    margin-top: 30px;
    font: 500 12px 'Roboto', sans-serif;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    height: 50px;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.accountInformationForm input[type=submit]:hover,
.accountInformationForm input[type=submit]:focus,
.accountInformationForm input[type=submit]:active,
.orderDiscount input[type=submit]:hover,
.orderDiscount input[type=submit]:focus,
.orderDiscount input[type=submit]:active {
    color: #f17e00;
}

.accountInformationForm textarea {
    border: 1px solid #ddd;
    min-height: 80px;
    border-radius: 2px;
    resize: none;
    font: 400 12px 'Roboto', sans-serif;
    color: #666;
}


/* Order Summary */

.orderSummary {
    max-width: 300px;
}

.orderSummary h3 {
    font-size: 12px;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 0;
    margin-top: 15px;
    padding-bottom: 0;
}

.orderSummaryBox,
.orderSubscriptionBox {
    background: #fff;
    margin: 10px 0 20px;
    font: 400 12px 'Roboto', sans-serif;
    float: left;
    width: 100%;
}

.orderSubscriptionBox {
    background: transparent;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.orderSubscriptionBox h3 {
    margin-top: 0;
}

.orderSummaryPrice {
    border-top: 1px solid #eee;
    padding-top: 20px;
    font: 500 14px 'Roboto', sans-serif;
    text-transform: uppercase;
}

.orderSummaryPrice .price {
    float: right;
}

.paymentMethodIcon {
    font-size: 11px;
    padding-top: 7px;
}

.paymentMethodIcon i {
    margin-right: 10px;
    display: inline-block;
}

.col-5 {
    width: 44%;
}

.col-6 {
    width: 49.25%;
}

.col-8 {
    width: 60%;
    float: left;
}

.col-9 {
    width: 75%;
    float: left;
}

.col-3 {
    width: 22%;
}

.col-4 {
    width: 36%;
}

.threeColSec .col-4 {
    float: left;
    width: 32.333%;
    margin-right: 1.5%;
}

.input-row div[class^='col-']:first-of-type {
    float: left;
}

.input-row div[class^='col-']:last-of-type {
    float: right;
    margin-right: 0;
}

.col-6.pull-left {
    float: left !important;
}

.paymentRadioButton {
    display: inline-block;
    margin: 0 15px;
}

.paymentRadioButton label {
    display: inline-block;
    float: none;
    width: auto;
}

.paymentRadioButton input[type=radio] {
    float: none;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    height: auto;
}


/* Radio Button */

.radioType {
    width: 100%;
    max-width: 570px;
    margin: 0 auto 30px;
    background: white;
    border: 1px solid #eee;
    border-radius: 3px;
    text-align: center;
    float: left;
    width: 100%;
    height: 54px;
    font-size: 0;
}


/*****
   *
   * Radio checked style related
   * the fun part starts here
   *
   */

.radioType input[type=radio] {
    display: none;
}


/**
   * How it should look when hovered
   */

.active-label,
.radioType label:focus,
.radioType label:hover,
.radioType label:active,
.radioType input:checked + label {
    color: #f17e00;
}

.active-label:before,
.radioType label:focus:before,
.radioType label:hover:before,
.radioType label:active:before,
.radioType input[type=radio]:checked + label:before {
    background: white;
    border-color: #f17e00;
}


/**
   * Make those labels sexy
   */

.radioType label {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    cursor: pointer;
    display: inline-block;
    padding: 1rem 2.75rem 1rem 1rem;
    position: relative;
    border: none;
    background: white;
    whitespace: no-wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    color: #666;
    width: auto;
    float: none;
    height: 52px;
    /**
     * This is the radio fake dot basically
     */
}

.radioType label:first-of-type {
    border: 0;
}

.radioType label:before {
    content: '';
    position: absolute;
    right: 1rem;
    top: .85rem;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: .1rem solid #ccc;
}


/**
   * How it should look when checked
   */

.radioType input[type=radio]:checked + label:before {
    border-color: white;
    border: none;
    background: #f17e00;
}


/**
   * How it should look when disabled
   */

.radioType input[type=radio]:disabled + label {
    background: #efefef;
    color: rgba(0, 0, 0, .5);
    cursor: not-allowed;
}

.radioType input[type=radio]:disabled + label:hover {
    border-color: rgba(0, 0, 0, .1);
}

.radioType input[type=radio]:disabled + label:before {
    border-color: white;
    background: white;
}


/* Payment Information */

.accountInformationFormSecHeading {
    padding-bottom: 30px;
}

.accountInformationFormSecHeading.text-center * {
    text-align: center;
    display: block;
}

.accountInformationFormSecHeading h2 {
    font: 400 21px 'Roboto', sans-serif;
    padding-bottom: 7px;
    margin-top: 10px;
}

.accountInformationFormSecHeading.text-center p {
    font: 400 14px 'Roboto', sans-serif;
    max-width: 360px;
    margin: 0 auto;
}

.accountInformationFormSecHeading.inline {
    text-align: center;
}

.accountInformationFormSecHeading.inline * {
    display: inline-block;
}

.accountInformationFormSecHeading.inline h2 {
    padding-right: 15px;
}

.accountInformationFormSecHeading.inline i {
    font-size: 24px;
}

.orderSubscriptionBox h3 {
    padding-bottom: 15px;
}


/* .accountInformationFormSecHeading.text-center h1 ,
.accountInformationFormSecHeading.text-center .paymentMethodIcon {
    display : inline-block;
}

.accountInformationFormSecHeading.text-center .paymentMethodIcon {
    padding-left : 15px;
} */


/* Select Style */


/* .selectType {


    top : 50%;
    left : 50%;
    -webkit-transform : translate(-50%, -50%);
            transform : translate(-50%, -50%);

    display : block;
    margin : 10px 0 8px 0;
    padding-bottom : 2px;

    min-width : 100%;
} */

.selectType label {
    padding-bottom: 0;
    font-size: 12px;
}

.selectType [type=button] {
    background: #fff;
    border: 1px solid #ddd;
    color: #666;
    cursor: default;
    display: block;
    line-height: 38px;
    padding: 2px 0 1px 16px;
    position: relative;
    text-align: left;
    text-shadow: none;
    width: 100%;
    font-size: 12px;
    font-family: 'Roboto';
    z-index: 1;
    overflow: hidden;
    text-transform: uppercase;
}

.selectType [type=button]:focus,
.selectType [type=button]:hover {
    background: #eee;
}

.selectType [type=button]:after {
    content: '\f0dc';
    float: right;
    padding-right: 16px;
    font-family: fontawesome;
    font-size: 24px;
}

.selectType ul[role=listbox] {
    background-color: white;
    cursor: default;
    list-style: none;
    line-height: 26px;
    overflow: hidden;
    margin: 0;
    max-height: 0;
    position: absolute;
    padding: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .15s cubic-bezier(.35, 0, .25, 1);
    transition: all .15s cubic-bezier(.35, 0, .25, 1);
    width: 100%;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12), 0 8px 8px 0 rgba(0, 0, 0, .24);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12), 0 8px 8px 0 rgba(0, 0, 0, .24);
}

.selectType ul[role=listbox] li {
    height: 38px;
    margin: 0;
    padding: 10px 16px;
    outline: none;
    overflow: hidden;
    font: 400 12px 'Roboto', sans-serif;
    text-transform: uppercase;
    position: relative;
}

.selectType ul[role=listbox] li:focus,
.selectType ul[role=listbox] li:hover,
.selectType ul[role=listbox] li.active {
    background: #f17e00;
    color: #fff;
}

.selectType ul[role=listbox] li:after,
.cardNum:after {
    position: absolute;
    display: block;
    content: '\f00c';
    font-family: fontawesome;
    font-size: 0;
    right: 10px;
    top: 10px;
    color: #fff;
    font-size: 16px;
}

.cardNum:after {
    top: 35px;
    content: '\f09d';
    color: #666;
    font-size: 22px;
}

.selectType ul[role=listbox] li.active:after {
    font-size: 16px;
}

.selectType.active ul {
    max-height: 200px;
    overflow: auto;
    padding: 8px 0 16px 0;
    z-index: 2;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.accountInformationForm .cardNum input {
    padding-right: 50px;
}

.expiry .col-5,
.cvc,
.poDate .col-4 {
    position: relative;
}

.expiry .col-5:first-of-type:after,
.poDate .col-4:after {
    display: block;
    content: '/';
    position: absolute;
    left: 100%;
    top: 10px;
    margin-left: 7px;
}

.poDate .col-4:last-of-type:after {
    display: none;
}

.cvc .input-box {
    width: 85%;
    float: right;
}

.cvc .input-box:before {
    content: '\f05a';
    font-size: 20px;
    position: absolute;
    top: 33px;
    right: 100%;
    font-family: fontawesome;
    margin-right: 10px;
}

.poDate .col-4 {
    float: left;
    width: 29%;
    margin-right: 15px;
}

.poDate .col-4:last-of-type {
    margin-right: 0;
}

.input-box strong {
    display: block;
    padding: 10px 0;
}

.input-box p {
    font: 400 14px 'Roboto', sans-serif;
    padding-bottom: 10px;
}

.orderConfirmation {
    text-align: center;
    padding-top: 30px;
    max-width: 420px;
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
}

.orderConfirmation p {
    padding-bottom: 30px;
}

.orderConfirmation p i {
    font-size: 40px;
}

.accountInformationFormContainer .orderConfirmation strong {
    font-size: 26px;
    color: #f17e00;
}

.orderConfirmation i {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: #f17e00;
    color: #fff;
    text-align: center;
    line-height: 80px;
    display: block;
    margin: 0 auto 20px;
}

.accountInformationFormContainer .orderConfirmationSubscription {
    border: 1px solid #eee;
    padding: 40px;
    max-width: 415px;
    margin: 0 auto 40px;
}

.accountInformationFormContainer .orderConfirmationThanks {
    font: bold 20px 'Roboto', sans-serif;
}

.accountInformationFormContainer .orderConfirmationLogin {
    font: 500 16px 'Roboto', sans-serif;
}

.accountInformationFormContainer .orderConfirmationSubscription {
    font: 500 26px 'Roboto', sans-serif;
    text-transform: uppercase;
}


/* Account Information */

.accountInformation {
    width: 1320px;
    margin: 0 auto;
    padding-top: 40px;
    max-width: 95%;
}

.accountInformation > h2,
.accountInformationDetail h2 {
    font-size: 21px;
    padding-bottom: 25px;
    font-weight: normal;
    letter-spacing: normal;
}

.accountInformation > h2 {
    font-weight: bold;
}

.accountInformationDetailSec {
    float: left;
    width: 100%;
    padding: 90px 80px;
    border: 1px solid #ddd;
    margin-bottom: 80px;
    border-radius: 4px;
}

.accountInformationDetailSec .btn {
    display: block;
    margin: 0 auto;
    max-width: 180px;
    clear: both;
}

.accountInformationDetail {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.accountInformationDetail--left {
    float: left;
    width: 31.5%;
}

.accountInformationDetail--right {
    float: right;
    width: calc(100% - 38%);
}

.accountInformationDetail--right--billing {
    float: left;
    width: 45%;
}

.accountInformationDetail--right--subscription {
    float: right;
    width: 45%;
}

.accountInformation.signIn {
    max-width: 90%;
    width: 490px;
    text-align: center;
    margin: 60px auto;
    padding: 0;
}

.popupSection1 .accountInformation.signIn .accountInformationDetailSec,
.popupSection3 .accountInformation.signIn .accountInformationDetailSec {
    background: #fff;
    padding: 20px 25px 30px;
    margin-top: 0;
}

.popupSection1 .popupContainer,
.popupSection3 .popupContainer {
    max-width: 450px;
}

.popupSection1 .accountInformation.signIn,
.popupSection3 .accountInformation.signIn {
    margin-top: 0;
}

.accountInformation.signIn .accountInformationDetailSec {
    margin-bottom: 0;
    padding: 20px 60px 60px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .22);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .22);
    border: none;
    margin-top: 100px;
}

.accountInformation.signIn .accountInformationDetailSec .title {
    padding-bottom: 10px;
}

.accountInformation.signIn .accountInformationDetailSec small {
    font-size: 12px;
    font-family: 'Roboto';
    line-height: normal;
    padding-bottom: 30px;
    display: inline-block;
}

.accountInformation.signIn .accountInformationDetail--left {
    width: 100%;
}

.accountInformation.signIn label {
    font-weight: 500;
    font-size: 15px;
}

.accountInformation.signIn .title {
    font-weight: bold;
}

.signIn .accountInformationDetail {
    margin-bottom: 0;
}

.signIn .accountInformationDetail--left label {
    text-align: left;
}

.avatar {
    margin: 0 auto 50px;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    border: 2px solid #f17e00;
}

.avatar img {
    border-radius: 50%;
    max-width: 100%;
}

.userProfile p {
    padding-bottom: 30px;
    font: 500 14px 'Roboto', sans-serif;
}

.signIn .btn {
    display: block;
    max-width: 100%;
    margin-bottom: 40px;
    font: 500 16px 'Roboto', sans-serif;
    letter-spacing: .07px;
    text-align: center;
}

.signIn a.link {
    color: #f17e00;
    font: 700 15px 'Roboto', sans-serif;
}

.signIn a.link:hover {
    color: #333;
}

.orderDiscount {
    float: left;
    width: 100%;
    margin: 15px 0;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    position: relative;
}

.orderDiscount:after {
    position: absolute;
    content: '\f02b';
    display: block;
    top: 4px;
    font-family: fontAwesome;
    font-size: 15px;
    color: #666;
    left: 7px;
}

.orderDiscount input[type=submit] {
    width: 92px;
    height: 28px;
    min-width: 92px;
    padding: 5px 15px;
    float: right;
}

.orderDiscount input[type=text] {
    width: calc(100% - 100px);
    float: left;
    height: 28px;
    padding: 3px 15px;
    padding-left: 25px;
    font-size: 12px;
    background: #fff;
    text-transform: uppercase;
}

.orderSummaryPrice.afterDis {
    padding-bottom: 15px;
}

.orderSummaryPrice.afterDis .orderSummary {
    padding-bottom: 5px;
}

.billingAddressDetail {
    border: 1px solid #eee;
    float: left;
    width: 100%;
    font-size: 12px;
}

.billingAddressDetail p {
    font-size: 12px;
    padding: 10px 15px;
}

.billingAddressDetail .input-box {
    position: relative;
    margin-bottom: 15px;
}

.checkBoxContainer {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.checkBoxLabelText {
    margin-right: 10px;
    font-size: 12px;
    font-family: 'Roboto';
}


/* .input-box .labelCheckbox input[type=checkbox]:checked:after {
    background : #000;
} */

.checkBoxContainer input[type=checkbox] {
    visibility: hidden;
}

.checkBoxContainer input[type=checkbox] + label {
    border: 1px solid #eee;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 20px;
    height: 20px;
    z-index: 1;
}

.checkBoxContainer input[type=checkbox]:checked + label {
    background: #f17e00;
}

.checkBoxContainer input[type=checkbox]:checked + label:after {
    position: absolute;
    content: '\f00c';
    font: 14px 'fontAwesome';
    color: #fff;
    left: 2px;
}

.checkBoxContainer {
    font-size: 14px;
}

.billingAddressDetail {
    border: 1px solid #eee;
    float: left;
    width: 100%;
    font-size: 12px;
    position: relative;
}

.billingAddressDetail p {
    font-size: 12px;
    padding: 10px 15px;
    line-height: 18px;
}

.link {
    font-size: 12px;
    text-decoration: underline;
    color: #f17e00;
}

.disclaimer {
    margin-top: 1em;
    text-align: center;
    font-size: 14px;
}

.single-activity .freemium-overlay .disclaimer {
    color: #fff;
}

.login-form .disclaimer {
    margin-top: 0;
    margin-bottom: 1em;
    float: left;
}

.link-normal {
    text-decoration: underline;
    color: #f17e00;

    &:hover {
        color: #f8a850;
    }
}

.billingAddressDetail .link {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 20px;
}

.accountInformationDetail--right--billing .billingAddressDetail .link {
    top: 16px;
}

.billingAddressDetail .link:hover {
    color: #333;
}

.orderSummaryUserInfo {
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    font-family: 'Roboto';
    float: left;
    width: 100%;
}

.orderSummaryUserInfo p {
    margin-bottom: 0;
    padding-bottom: 2px;
    font-size: 12px;
    float: left;
    width: 100%;
}

.orderSummaryUserInfo strong {
    font-weight: 500;
    width: 115px;
    float: left;
}

.orderSummaryUserInfo span {
    float: left;
    width: calc(100% - 115px);
    word-break: break-word;
}

.orderMethods li {
    width: 31%;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    vertical-align: top;
    font-weight: 500;
    font-family: 'Roboto';
    font-style: normal;
}

.orderMethods li i {
    display: block;
    margin: 0 auto 10px;
    width: 62px;
    height: 62px;
    background: #f17e00;
    color: #fff;
    line-height: 60px;
    font-size: 28px;
    border-radius: 50%;
}

.orderMethods li:first-of-type {
    width: 33%;
}

.orderMethods li address {
    font-style: normal;
}

.orderMethods {
    float: left;
    width: 100%;
    text-align: center;
}

.orderMethods ul {
    padding: 0;
    margin-bottom: 50px;
}

.purchaseOrderInfo,
.purchaseOrderNo,
.agree .input-box,
.bgWPadd {
    float: left;
    width: 100%;
}

.purchaseOrderInfo h2,
.purchaseOrderInfo h2 {
    font-size: 18px;
    letter-spacing: normal;
}

.purchaseOrderInfo ul {
    margin-bottom: 40px;
    margin-top: 20px;
    padding-left: 59px;
}

.purchaseOrderInfo ul li {
    text-align: left;
    font: 12px 'Roboto';
    padding-bottom: 7px;
}

.purchaseOrderNo {
    margin-bottom: 60px;
}

.agree {
    max-width: 70%;
    margin: 20px auto 40px;
    display: block;
    overflow: hidden;
}

.agree .input-box label {
    float: left;
    width: calc(100% - 50px);
}

.agree .input-box input {
    float: left;
    width: 22px;
}

.agree .input-box {
    margin-bottom: 20px;
}

.accountSection--left.review .input-row {
    margin-bottom: 40px;
}

.bgWPadd {
    background: rgba(26, 189, 245, .14);
    border: 1px solid #eee;
}

.accountInformationForm.myProfile {
    position: relative;
    padding: 25px 15px 20px;
}

.accountInformationForm.myProfile p {
    padding-bottom: 0;
    font-family: 'Roboto', sans-serif;
    line-height: 22px;
    font-size: 14px;
}

.accountInformationForm.myProfile .link {
    position: absolute;
    right: 20px;
    top: 7px;
}

.accountInformationForm.myProfile form {
    margin-top: 30px;
}

.autoRenew {
    border: 1px solid #cec6c6;
    border-top: none;
    float: left;
    width: 100%;
    padding: 15px 15px;
    margin-bottom: 10px;
}

.autoRenew strong {
    float: left;
    padding: 0;
    font: 500 12px 'Roboto';
}

.autoRenewToggle {
    float: right;
    width: 100px;
}

.autoRenewToggle .switch input,
.autoRenewToggle .switch {
    width: 35px;
    cursor: pointer;
}

.autoRenewToggle .switch label {
    font-size: 12px;
    font-family: 'roboto';
}

.autoRenewToggle .switch label:nth-of-type(1),
.autoRenewToggle .switch label:nth-of-type(2) {
    width: 30px;
}

.autoRenewToggle .switch.switch--autorenew input ~ :checked ~ .switchToggle {
    left: 22px;
}

.subsPeriod {
    color: #000;
}

.page-template-about h2,
.page-template-about h3 {
    letter-spacing: .25px;
}

.page-template-subscribe .inner-content-sec,
.page-template-subscribe2 .inner-content-sec {
    padding-bottom: 0;
}

.page-template-about .inner-content-sec {
    padding-bottom: 30px;
}

.page-template-about h2 {
    color: #f17e00;
}

.trademarkCopy {
    text-align: left;
    font-size: 12px;
    color: #b7b7b7;
}

.trademarkCopy p {
    padding-bottom: 0;
}

.mdc-textfield--focused {
    color: #f17e00 !important;
}

#cf7md-form label,
#cf7md-form .cf7md-label {
    font-size: 14px;
}

.mdc-textfield--focused .mdc-textfield__label {
    color: #f17e00 !important;
}

#cf7md-form .mdc-textfield--focused::after {
    background-color: #f17e00 !important;
}

#cf7md-form .mdc-textfield--multiline .mdc-textfield__input:invalid:not(:focus) {
    border-color: transparent;
    border-bottom-color: rgba(0, 0, 0, .12);
}

#cf7md-form .mdc-textfield--multiline.mdc-textfield--focused .mdc-textfield__input {
    border-color: transparent;
    border-bottom-color: #f17e00;
    border-bottom-width: 2px;
}

#cf7md-form .mdc-button {
    width: 100%;
    height: auto;
    background: #f17e00 !important;
    color: #fff !important;
    padding: 5px;
    font-size: 16px;
    margin-top: 35px;
}

#cf7md-form .mdc-button:hover {
    background: #fff !important;
    color: #f17e00 !important;
}

#cf7md-form .cf7md-item {
    margin-bottom: 0;
}

.mdc-layout-grid .input-row {
    margin-bottom: 15px;
}

.wistia_responsive_padding {
    margin: 0;
}

.contentWrapper {
    min-height: 100%;
    margin-bottom: -135px;
    padding-bottom: 135px;
    padding-top: 240px;
}

.error404 .site-header {
    position: relative;
}

.error404 .error-404.not-found .page-header,
.error404 .error-404.not-found .page-content {
    display: block;
    width: 100% !important;
}

.error404 .error-404.not-found .page-header {
    border-bottom: none;
}

.error404 .error-404.not-found .page-content {
    padding-bottom: 2em;
}

.error404 .error-404.not-found h1,
.contentWrapper .page-header h1 {
    font: 500 30px 'Roboto', sans-serif;
}

.contentWrapper {
    min-height: 100%;
}

.contentWrapper .page-header {
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    margin-bottom: 2em;
}

.search-form .search-field {
    padding: 15px 10px;
    font-family: 'Roboto', sans-serif;
}

.search-form .search-submit {
    background: #f17e00;
    border: 1px solid #f17e00;
    padding: .75em 1em;
}

.search-form .search-submit:hover {
    background: #fff;
    color: #f17e00;
}

.search-form .search-submit .icon {
    height: 18px;
    top: -6px;
    width: 18px;
}

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
    padding-bottom: 1em;
    border-bottom: 1px solid #eee;
    padding-top: 1em;
}

.has-sidebar:not(.error404) #primary {
    width: 100%;
}

body:not(.twentyseventeen-front-page) .entry-header {
    padding: 0;
}

.search-results .entry-title a {
    color: #f17e00;
}

.single-post .entry-title,
.page .entry-title,
.page .entry-title a,
.post .entry-title,
.post .entry-title a {
    font-size: 26px;
    text-transform: capitalize;
}

.search-no-results .content-area {
    padding: 40px;
    border: 1px solid #eee;
}

.search .content-area {
    margin-bottom: 140px;
}

.wistia_responsive_padding {
    position: relative;
    z-index: 1;
}

.wistiaOverlay .wistia_responsive_padding {
    position: relative;
    z-index: -1;
}

.single-videolessons .hero .container {
    width: 930px;
}

.page-template-video-lession .wistiaOverlay .wistia_responsive_padding .wistia_responsive_wrapper .w-control-bar.w-is-visible {
    display: none !important;
}

.single-videolessons.logged-in .btn-group:hover {
    cursor: pointer;
}

.page-template-privacy .inner-content-sec p,
.page-template-terms-condition .inner-content-sec p {
    color: #666;
    /*padding-bottom: 30px;*/
    font: 400 16px/28px 'Roboto', sans-serif;
}

.page-template-terms-condition .inner-content-sec ol {
    padding-left: 15px;
}

.page-template-terms-condition .inner-content-sec li {
    color: #666;
    font: 400 16px/28px 'Roboto', sans-serif;
    margin-bottom: 24px;
}

.page-template-terms-condition .inner-content-sec li ul {
    margin-top: 20px;
}

.checkbox {
    display: none;
}

.video-action {
    text-align: right;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
}

.checkbox {
    display: none;
}

.checkbox + label {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 27px;
    background: #f17e00;
    border-radius: 70px;
    padding: 2px;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2) inset;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2) inset;
    /* margin-top: 10px; */
    vertical-align: middle;
}

.checkbox + label:before {
    content: 'Off';
    width: 22px;
    height: 22px;
    position: absolute;
    left: 3px;
    top: 2px;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    line-height: 22px;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #fd1a15;
    /* letter-spacing: 1px; */
    text-transform: uppercase;
    -webkit-transition: left 500ms ease, color 500ms ease, -webkit-transform 150ms ease;
    transition: left 500ms ease, color 500ms ease, -webkit-transform 150ms ease;
    transition: left 500ms ease, color 500ms ease, transform 150ms ease;
    transition: left 500ms ease, color 500ms ease, transform 150ms ease, -webkit-transform 150ms ease;
}

.checkbox + label:active:before {
    -webkit-transform: scale(.95);
    transform: scale(.95);
}

.checkbox:checked + label {
    background-position-x: -125px;
}

.checkbox:checked + label:before {
    content: 'On';
    color: #007177;
    left: 25px;
}

.hero.innerpage.bg-img-sec .hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 0;
    margin-bottom: 0;
    z-index: 1;
}

.hero.innerpage.bg-img-sec.bannerSec .hero-content {
    position: static;
    top: auto;
    left: auto;
    -webkit-transform: none;
    transform: none;
}

.hero.innerpage.sec.bg-img-sec {
    position: relative;
}

.hero.innerpage.sec.bg-img-sec.bannerSec {
    border: none;
}

/*.hero.innerpage.sec.bg-img-sec {
    border-bottom: 5px solid #f3672D;
}*/

.single-videolessons .hero.innerpage.sec.bg-img-sec {
    border-top: none;
}

.hero.innerpage.sec.bg-img-sec:after {
    position: absolute;
    content: '';
    display: block;
    background: rgba(0, 0, 0, .4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.single-videolessons .hero.innerpage.sec.bg-img-sec {
    background: rgba(26, 189, 245, .14) none repeat scroll 0 0;
}

.single-videolessons .hero.innerpage.sec.bg-img-sec .hero-content {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: none;
    transform: none;
    padding: 60px 0 30px;
    z-index: 0;
}

.single-videolessons .video-detail small,
.single-videolessons .video-detail h1 {
    color: #4a4a4a;
    max-width: 500px;
}

.single-videolessons .hero.innerpage.sec.bg-img-sec:after {
    display: none;
}

.hero.innerpage.sec.bg-img-sec.bannerSec:after {
    display: none;
}

.cf7md-admin-customize-message {
    display: none;
}

.editManage {
    padding: 15px;
}

.editManage .btn {
    display: inline-block;
    max-width: 100px;
    width: auto;
    min-width: 100px;
    text-align: center;
    font-size: 14px;
    padding: 10px;
    line-height: normal;
    margin-top: 10px;
}

.addbillingAddress {
    border: none !important;
}

.updatebillingAddress {
    border: none !important;
}

.page-template-edit-profile select {
    font: 13px "roboto";
}

.accordion.mixed > li > ul > li strong {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    font-weight: normal;
    padding: 0;
    width: 80%;
}

.accountInformationForm .col-6.pull-left {
    margin-top: 15px;
}

img.search_gif {
    position: absolute;
    top: 87%;
    left: 0px;
    right: 0;
    margin: auto;
}

.contactLeft #cf7md-form .mdc-layout-grid__cell--span-12 {
    grid-column-end: span 1;
}

.contactLeft .wpcf7-validation-errors {
    margin-top: 0px !important;
}

.form-error {
    font-size: 13px;
    color: #ff0000;
}

.accountInformationDetail--left .accountInformationForm p {
    font-size: 12px;
}


.site-header {
    transition: all .8s ease-out;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .8s ease-out;
}

.site-header.sticky {
    position: fixed;
    height: auto;
    padding: 0 45px;

}

.site-header.sticky .header-right {
    /*margin-top: 10px;*/
    margin-bottom: 0;
}

.site-header.sticky .logo {
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    transition: all .8s ease-out;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .8s ease-out;
}

.site-header.sticky .logo img {
    height: 38px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.sticky .btn {
    font-size: 13px;
    color: #ef6a32;
    padding: 9px 0;
    border-color: #fff;
    background: #fff;
}

.sticky .btn:hover {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.sticky .main-menu li a:after {
    top: 70%;
}

.effectiveness {
    background-color: #F5F5F6;
    border-bottom: 1px solid #C2C2C5;
    margin-bottom: 25px;
}

.effectiveness .container {
    max-width: 840px;
    width: 90%;
    border: 1px solid #C2C2C5;
    padding: 0;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.effectiveness iframe {
    margin: 0;
    background-color: #fff;
}

.studybottom {
    padding-bottom: 50px;
}

.vl2readytostart {
    border-top: 1px solid #C2C2C5;
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .sticky .logo {
        font-size: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .page-template-template-hall-fame-php .orange-tag {
        font-size: 0.9rem !important;
    }

    .site-header.sticky .logo {
        margin-top: 10px;
        height: auto;
        margin-bottom: 10px;
    }

    .site-header.sticky .logo img {
        height: 38px;
    }

    .site-header.secondary .header-right, .site-header .header-right {
        margin-top: 7px !important;
    }

    .header-right {
        margin-top: 7px !important;
    }

    .page-id-13853 .banner_cont {
        padding-top: 12px !important;
    }

    .page-id-13853 #banner_sect .banner_cont .nsta_sect img {
        margin: -3px 10px 0 0 !important;
    }

    .page-id-13853 #banner_sect .banner_cont .nsta_sect em {
        width: auto !important;
        max-width: 204px !important;
        float: none;
    }

    .page-id-13853 .trusted_cont div[class^="col-"] {
        width: 33.33333333% !important;
    }

    .page-id-13853 #water_cycle_sect {
        padding: 40px 0 50px;
    }

    .page-id-13853 #basicExampleModal, .page-id-13853 #basicExampleModal2 {
        width: 100%;
    }

    .page-id-13853 .modal-footer .model_blogs ul li h4 {
        font-size: 24px !important;
    }

    .page-id-13853 .modal-footer {
        margin: 30px 0 20px !important;
    }

    .page-id-13853 .modal-footer .model_blogs ul {
        padding: 20px 0 0 !important;
    }

    .page-id-13853 #trust_video_sect .trust_video_img img {
        margin: -49px 0 -80px 0 !important;
    }

    .page-id-13853 #teachers_sect .teachers_cont h2 {
        font-size: 28px !important;
        line-height: 6px !important;
    }
}

.page-id-13853 .modal-footer .model_blogs ul li a.popupfgt {
    color: transparent !important;
    border: none !important;
    display: inherit !important;
    background-color: transparent !important;
}

@media all and (max-width: 350px) {
    .page-id-13853 #banner_sect .banner_cont .nsta_sect em {
        width: 175px !important;
        font-size: 10px !important;
    }

    .page-id-13853 #trust_video_sect .trust_video_cont ul li small {
        font-size: 12px !important;
        width: 90px !important;
    }

}

@media only screen and (max-width: 1280px) {
    .sticky {
        padding: 0px 10px !important
    }
}

.logo img {
    transition: all .8s ease-out;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .8s ease-out;
}

.container.small {
    width: 717px;
}

.w-focus-border {
    border: 0 !important;
}

@media only screen and (max-width: 1023px) {
    .meet-team.credits li h3 {
        font: 700 18px 'Roboto', sans-serif;
        padding: 0 15px 15px 15px;
    }
}

.hover-menu:before {
    content: ' ';
    position: absolute;
    top: -30px;
    width: 100%;
    height: 31px;
    background-color: transparent;
    left: 0;
}

.btn-group.faq-bottom-btn .btn {
    margin-bottom: 10px;
    margin-right: 10px;
}


/* New Styles */
.videoItem img {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    position: relative;
}

.videoItem:hover img {

}

.videoItem a {
    display: block;
    position: relative;
}

.videoItem a i.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    font-size: 28px;
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    color: #fff;
    border: 6px solid #fff;
    width: 90px;
    height: 90px;
    border-radius: 100px;
    margin-top: -45px;
    margin-left: -45px;
    /* background: rgba(244, 117, 45, 0.65); */
    opacity: 0.8;
}

.videoItem a i.fa::before {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 22px;
    margin-left: -6px;
    margin-top: -8px;
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.videoItem a i.fa:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    border-color: rgba(255, 255, 255, 0.77);
}

.videoItem a i.fa:hover::before {
    transform: scale(1.19);
    -webkit-transform: scale(1.19);
}

.videoItem img.playbutton {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    margin-left: -25px;
    margin-top: -31.6px;
    opacity: 0.8;
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}

.videoItem a:hover img.playbutton {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    opacity: 1;
}

.videoItem .coming-soon {
    position: absolute;
    bottom: 35%;
    display: block;
    width: 100%;
    background: rgba(255, 143, 0, 0.75);
    text-align: center;
    box-sizing: border-box;
    padding: 5px;
}

.videoItem .coming-soon span {
    color: #fff;
    font-family: "Poppins";
    font-style: normal;
    text-transform: uppercase;
    font-size: 21px;
    letter-spacing: 0.5px;
}

.videoItem .coming-soon span strong {
    font-weight: 700;
}

.headermobileonlybutton {
    display: none !important;
}

.site-header .container.fluid.stickynavsecondary {
    /* display: none; */
    position: fixed;
    width: 100%;
    padding: 10px 45px;
    background: linear-gradient(to right, #f87e29 0%, #ef6a32 100%);
    left: 0;
    top: -77px;
    transition: all 0.3s;
    opacity: 0;
}

.site-header.headerFix .container.fluid.stickynavsecondary {
    /* display: block; */
    top: 0;
    opacity: 1;
}

.hero.innerpage .bannerImg img {
    margin-top: 0px;
}

.site-header.secondary, .error404 .site-header, .search .site-header {
    position: fixed;
}

/*.hero.innerpage.bg-img-sec .hero-content {
    margin-top:  25px;
}*/
.logo img {
    transition: all 0.8s !important;
    width: 84px;
}

.site-header.sticky .logo img {
    height: auto;
    width: 38px;
}

.main-menu li a:hover:after, .main-menu li.active a:after, .main-menu li.current-menu-item a:after {
    transition: all 0.8s;
}

.header-right {
    transition: all 0.8s;
}

.site-header.secondary {
    border-bottom: 10px solid #f25d25;
    transition: all 0.8s;
    z-index: 99;
}


header.site-header.secondary.sticky {
    border: 0px solid #f25d25 !important;
    transition: all 0.8s;
}

.single-videolessons header.site-header.secondary {
    position: relative;
    border: 0;
}

.single-videolessons .hero.innerpage.sec.bg-img-sec .hero-content {
    margin-top: 0;
}

body.home header.site-header {
    transition: 0s;
}

body.home header.site-header.secondary.sticky {
    transition: background 0.8s;
}

body.page-template-template-water header.site-header.secondary.sticky {
    transition: background 0.8s;
}

body.page-template-template-state-landing header.site-header {
    transition: 0s;
}

body.page-template-template-state-landing header.site-header.secondary.sticky {
    transition: background 0.8s;
}

header.site-header {
    transition: 0s;
}

header.site-header.secondary.sticky {
    transition: all 0.8s;
}

body.page-id-1552 header.site-header.secondary.sticky, body.page-id-1553 header.site-header.secondary.sticky {
    transition: background 0.8s;
}

#cf7md-form .mdc-textfield--multiline .mdc-textfield__input:focus, #cf7md-form .mdc-textfield:not(.mdc-textfield--upgraded) .mdc-textfield__input:focus, #cf7md-form .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background, #cf7md-form .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background, #cf7md-form .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle {
    border: 1px solid #f17e00 !important;
}

.footer-logo-sec .logo img {
    width: auto;
}

.page-template-create-account, body.page-template-payment-success1, body.page-template-payment-information {
    padding-top: 124px;
}

body.page-template-subscribe header.site-header.secondary, body.page-template-create-account header.site-header.secondary, body.page-template-payment-information header.site-header.secondary {
    position: absolute;
}

@media all and (max-width: 1280px) and (min-width: 1023px) {
    .videoItem a {
        font-size: 14px;
    }
}

@media all and (min-width: 768px) {
    .headermobileonlybutton {
        display: block !important;
    }
}

@media all and (max-width: 768px) and (min-width: 767px) {
    .main-menu ul {
        float: left;
        vertical-align: middle;
    }

    /*.header-right .btn-group {*/
    /*margin-top:  -11px;*/
    /*}*/
}


/****************** Trial Popup ***********/
#freeTrialPopup {
    margin: 0 auto;
    display: block;
    max-width: 350px;
    position: relative;
    padding-top: 250px;
    padding-bottom: 150px;
    z-index: 9;
}

.registerFreeTrial #freeTrialPopup {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: initial;
}

.registerFreeTrial .loginSection.trial-form {
    /*margin : 0 auto;*/
    /*height: 650px !important;*/
    height: max-content;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    z-index: 9;
}

.freeTrialFormSec h3 {
    letter-spacing: 1px;
}

.freeTrialFormSec small {
    float: left;
    font-size: 13px;
    font-weight: bold;
}

.loginSection.trial-form {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    -o-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
}

.registerFreeTrial.bg-img-sec {
    position: relative;
    background-attachment: fixed;
}

.registerFreeTrial.bg-img-sec:after {
    content: '';
    position: fixed;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.freeTrial {
    border-radius: 25px;
}

.hero-right a.btn.btn-default {
    border: 2px solid #fff !important;
}

.partner-sec {
    padding: 20px 0;
    background: #be8747;
}

.partner-sec h2 {
    font-size: 32px;
    letter-spacing: 0;
    font-family: 'Roboto';
    color: #fff;
}

.partner-sec h2 br {
    display: none;
}

.partnerSlider .slick-slide {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.partnerSlider .slick-slide img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    max-width: 85%;
    margin: 0 auto;
}

.main-content-sec::after {
    display: none;
}

.main-content-sec {
    padding: 100px 0;
}

.headernonloggedinsubscribe {
    margin-right: 5px;
}

.subscribe .heading-sec p {
    padding-bottom: 0;
}

body.page-template-subscribe .hero.innerpage .bannerImg.hidden-xs img, body.page-template-subscribe2 .hero.innerpage .bannerImg.hidden-xs img {
    margin-top: -130px;
}


body.page-template-subscribe section.inner-content-sec, body.page-template-subscribe2 section.inner-content-sec {
    padding-top: 0;
}

body.page-template-subscribe .earlyAdopter .container, body.page-template-subscribe2 .earlyAdopter .container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

body.page-template-subscribe .badgeSecLeft, body.page-template-subscribe2 .badgeSecLeft {
    width: 40px;
    margin-right: 20px;
}

body.page-template-subscribe .earlyAdopter, body.page-template-subscribe2 .earlyAdopter {
    padding: 10px 0;
    margin-bottom: 30px;
}

body.page-template-subscribe .badgeSecRight p, body.page-template-subscribe2 .badgeSecRight p {
    font-size: 18px;
    margin: 0;
}

body.page-template-subscribe .badgeSecRight p span, body.page-template-subscribe2 .badgeSecRight p span {
    font-weight: bold;
    margin-right: 5px;
}

body.page-template-subscribe .badgeSecRight, body.page-template-subscribe2 .badgeSecRight {
    width: auto;
}

body.page-template-subscribe .subscribe_page_new_title, body.page-template-subscribe2 .subscribe_page_new_title {
    display: block;
    text-align: center;
    font-size: 37px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

body.page-template-subscribe .subscribePlan, body.page-template-subscribe2 .subscribePlan {
    margin-top: 30px;
}

body.page-template-subscribe .sec.moneyBack, body.page-template-subscribe2 .sec.moneyBack {
    padding: 30px 0;
}

body.page-template-subscribe .toolsList li, body.page-template-subscribe2 .toolsList li {
    width: 30%;
    margin-right: 3%;
}

body.page-template-subscribe .toolsList li:nth-child(3n), body.page-template-subscribe2 .toolsList li:nth-child(3n) {
    margin-right: 0;
}

body.page-template-subscribe .toolsList li:nth-child(2n), body.page-template-subscribe2 .toolsList li:nth-child(2n) {
    margin-right: 3%;
}

body.page-template-subscribe .toolsNeed .container.medium, body.page-template-subscribe2 .toolsNeed .container.medium {
    width: 1200px;
}

body.page-template-subscribe .toolsList li:nth-child(4), body.page-template-subscribe2 .toolsList li:nth-child(4) {
    clear: both;
}

body.page-template-subscribe .toolsList li:nth-child(7), body.page-template-subscribe2 .toolsList li:nth-child(7) {
    clear: both;
}

@media all and (max-width: 1350px) and (min-width: 1281px) {
    .main-menu li {
        padding: 0 10px !important;
        font-size: 14px;
    }
}

@media all and (max-width: 1280px) {
    .main-menu li {
        font-size: 13px !important;
    }
}

@media all and (max-width: 1136px) and (min-width: 1023px) {
    .main-menu li {
        padding: 0 7px !important;
        font-size: 12px !important;
    }

    .header-right .btn {
        font-size: 12px !important;
        min-width: 100px !important;
        padding: 9px 0 !important;
    }
}

@media all and (max-width: 848px) and (min-width: 766px) {
    .main-menu li {
        padding: 0 7px !important;
        font-size: 12px !important;
    }

    .header-right .btn {
        font-size: 12px !important;
        min-width: 100px !important;
        padding: 9px 0 !important;
    }

    header .logo img {
        width: 60px !important;
    }

    .main-menu ul {
        margin-top: 0px !important;
    }

    .header-right {
        /*margin-top:  7px !important;*/
    }

    .site-header.sticky .logo {
        font-size: 0 !important;
        margin-top: 11px !important;
    }

    header.site-header.secondary.sticky {
    }

    .site-header.sticky .header-right {
        margin-bottom: 0 !important;
        /*margin-top:  12px !important;*/
    }
}

/* Intercom */
#Intercom {
    cursor: pointer;
    z-index: 1;
    position: fixed;
    right: 24px;
    bottom: 24px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 3px rgba(57, 70, 78, 0.8);
    box-shadow: 0 0 3px rgba(57, 70, 78, 0.8);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

#Intercom:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

#intercom-container {
    z-index: 1;
}

#intercom-container .intercom-launcher-button,
#intercom-container .intercom-launcher-badge {
    -webkit-transform: translateX(-5px) translateY(-5px) scale(1.2);
    -ms-transform: translateX(-5px) translateY(-5px) scale(1.2);
    transform: translateX(-5px) translateY(-5px) scale(1.2);
}

#intercom-container .intercom-launcher-preview {
    display: none;
}


iframe.intercom-launcher-frame {
    display: none !important;
}

iframe.intercom-launcher-discovery-frame {
    display: none !important;
}

.intercom-lightweight-app {
    display: none !important;
}

#closemessengericon {
    display: none;
    background: #FDA737;
    border-radius: 100px;
    fill: #fff;
}

#closemessengericon path {
    transform: translate(23.5px, 23.5px);
}

@media all and (max-width: 1023px) {
    #intercom-container {
        display: none !important;
    }

    #Intercom {
        display: none !important;
    }
}

.sample-video {
    margin-top: 40px;
}

.sample-video .summaryBox {
    margin-bottom: 1px;
}

.sample-video .wistia_responsive_padding img {
    max-height: 506px !important;
}

.sample-video .wistia_responsive_padding,
.sample-video .video-desc,
.sample-video .accordion {
    max-width: 900px;
    margin: 0 auto;
}

.sample-video .accordion.mixed h2 a {
    text-align: left;
}


.sample-video h3:first-child {
    padding-bottom: 1.5em;
    font-size: 15px;
    letter-spacing: 0;
}

@media (min-width: 320px) {
    .sample-video h3:first-child {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .sample-video h3:first-child {
        padding-bottom: .5em;
        font-size: 22px;
    }
}

.main-content-sec.new-hp {
    border-top: 1px solid #d1d1d1;
    margin-top: 70px;
    padding: 55px 0 45px;
}

@media (max-width: 768px) {
    .new-hp.kid-approved h2 {
        font-size: 18px;
        padding-bottom: 30px;
        margin-top: 0;
    }

    .kid-approved.new-hp {
        padding: 30px 0 40px;
    }

    .main-content-sec.new-hp {
        padding: 55px 0 10px;
    }
}


.main-content-sec.new-hp .sec-w-text-img .img-sec {
    box-shadow: none;
}

.sub-text-inner-span {
    font-size: 14px;
}

body.single .lessons-slider-component {
    border-top: 1px solid #d1d1d1;
    background: #fffaf5;
    padding: 25px 0px 45px 0px !important;
    margin-top: 15px;
}

.lessons-slider-component {
    background: rgba(26, 189, 245, .14) none repeat scroll 0 0;
    padding: 25px 0 60px !important;
}

.lessons-slider-component h2,
.sample-video h2 {
    padding-bottom: 40px;
    color: #f17e00;
    text-align: center;
}

body.single .lessons-slider-component .title {
    font-size: 32px;
    margin-top: 0;
    padding-bottom: 20px;
    font-weight: 700;
}

@media (max-width: 768px) {
    .sample-video .wistia_responsive_padding {
        padding-top: 60% !important;
    }

    body.single .lessons-slider-component .title {
        font-size: 24px;
    }
}

@media (max-width: 320px) {
    body.single .lessons-slider-component .title {
        font-size: 20px;
    }
}

.lessons-slider-component .title {
    padding-bottom: 40px;
    color: #f17e00;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    font-family: 'Poppins';
}

.lessons-slider-component img {
    width: 97%;
    height: auto;
    box-shadow: none;

}

.lessons-slider-component .videoContainer {
    padding: 0 0 25px;
}

.lessons-slider-component .videoItem {
    margin-top: 0;
    margin-bottom: 8px;
    width: 25%;
    margin-right: 0;
}

@media (max-width: 768px) {
    .lessons-slider-component .videoItem {
        width: 49.3%;
        margin-bottom: 0;
        display: inline-block;
    }

    .lessons-slider-component .videoItem:nth-of-type(1n+5) {
        display: none;
    }

    .lessons-slider-component.showing-more .videoItem:nth-of-type(1n+5) {
        display: block;
    }
}

.lessons-slider-component .videoItem:nth-child(3n),
.lessons-slider-component .videoItem:nth-child(2n) {
    margin-left: 0;
    margin-right: 0;
}

.lessons-slider-component .videoTitle {
    text-align: initial;
    margin-top: 0;
    width: 100%;
    padding: 7px 0 0 0;
    font-size: 14px;
    text-align: center;
}

@media (max-width: 1024px) {
    .lessons-slider-component .videoTitle {
        margin-bottom: 0;
        line-height: 16px;
        font-size: 12px;
        height: 40px;
    }

    .lessons-slider-component .see-all-lessons .show-us-less {
        display: none;
    }

    .lessons-slider-component.showing-more .see-all-lessons .show-us-less {
        display: block;
    }


    .lessons-slider-component.showing-more .see-all-lessons .show-us-more {
        display: none;
    }

    .lessons-slider-component .see-all-lessons .show-us-more {
        display: block;
    }
}

.lessons-slider-component .slick-dots {
    position: absolute;
    bottom: -15px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.lessons-slider-component .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 3px;
    padding: 0;
    cursor: pointer;
}

.lessons-slider-component .videoContainer .slick-dots li button::before {
    font-family: 'slick';
    font-size: 40px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    color: rgba(241, 126, 0, .3);
}

.lessons-slider-component .videoContainer .slick-dots li.slick-active button::before {
    color: rgba(241, 126, 0, 1);
}

.lessons-slider-component .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.lessons-slider-component .slick-next {
    right: -43px;
}

.lessons-slider-component .slick-prev {
    left: -39px;
}

.lessons-slider-component .slick-prev,
.lessons-slider-component .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 44%;
    display: block;
    width: 20px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

body.single .lessons-slider-component .slick-prev, body.single .lessons-slider-component .slick-next {
    top: 35%;
}

.lessons-slider-component .slick-next {
    right: -29px;
}

.lessons-slider-component .slick-prev::before {
    content: '\f104';
    font-family: fontawesome;
}

.lessons-slider-component .slick-next::before {
    content: '\f105';
    font-family: fontawesome;
}

.lessons-slider-component .slick-prev::before,
.lessons-slider-component .slick-next::before {
    font-size: 46px;
    line-height: 1;
    opacity: .65;
    color: #f25d25;
}

.lessons-slider-component .slick-prev:hover::before,
.lessons-slider-component .slick-next:hover::before {
    opacity: 1;
}

.lessons-slider-component .see-all-lessons {
    margin: 0 auto;
    background: orange;
    padding: 8px 8px 6px;
    font-size: 16px;
    opacity: .7;
}

@media (max-width: 768px) {
    .lessons-slider-component .videoItem img.playbutton {
        width: 30px;
        margin-left: -15px;
        margin-top: -15px;
    }
}

.modal h3 {
    margin-top: 0;
}

.modal .close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 13px;
    z-index: 1;
    border-radius: 0 !important;
}

.page-template-sample-course-front-page .site-header.secondary,
.page-template-sample-course-front-page-dup-1 .site-header.secondary,
.page-template-sample-course-front-page-dup-2 .site-header.secondary,
.page-template-related-videos .site-header.secondary {
    padding: 45px;
    background: transparent;
    border: 0;
}

@media (max-width: 768px) {
    .page-template-sample-course-front-page .site-header.secondary,
    .page-template-sample-course-front-page-dup-1 .site-header.secondary,
    .page-template-sample-course-front-page-dup-2 .site-header.secondary,
    .page-template-related-videos .site-header.secondary {
        padding: 15px 10px;
    }
}

.page-template-sample-course-front-page .site-header.secondary.sticky,
.page-template-sample-course-front-page-dup-1 .site-header.secondary.sticky,
.page-template-sample-course-front-page-dup-2 .site-header.secondary.sticky,
.page-template-related-videos .site-header.secondary.sticky {
    background: linear-gradient(to right, #f87e29 0%, #ef6a32 100%);
    padding: 0 45px;
}

@media (max-width: 768px) {
    .page-template-sample-course-front-page .hero.sec.bg-img-sec.bannerSec,
    .page-template-sample-course-front-page-dup-1 .hero.sec.bg-img-sec.bannerSec,
    .page-template-sample-course-front-page-dup-2 .hero.sec.bg-img-sec.bannerSec,
    .page-template-related-videos .hero.sec.bg-img-sec.bannerSec {
        padding: 95px 0 20px;
    }
}

.relatedItemsVideoEnd {
    text-align: center;
}


.relatedItemsVideoEnd .row {
    margin: 0 auto;
    width: 90%
}

.relatedItemsVideoEnd .col-sm-4 span {
    font-size: 14px;
    font-weight: bold;
}

.relatedItemsVideoEnd .col-sm-4 {
    width: 32%;
    display: inline-block;
    line-height: 12px;
    vertical-align: top;
    position: relative;
}

.relatedItemsVideoEnd img {
    display: inline-block;
    width: 100%;
}

.relatedItemsVideoEnd a {
    display: block;
    border: 5px solid orange;
    opacity: 1;
    position: relative;
}

.relatedItemsVideoEnd a:hover {
    opacity: .7;
}

.relatedItemsVideoEnd .header {
    font-size: 22px;
    text-align: center;
    font-weight: bold;
}

.relatedItemsVideoEnd .col-sm-4 a::after {
    content: '';
    background: url("/wp-content/themes/twentyseventeen-child/images/play-button.png");
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    margin-left: -25px;
    background-size: contain;
    background-repeat: no-repeat;
    left: 50%;
    margin-top: -25px;
    cursor: pointer;
}

@media (max-width: 768px) {

    .relatedItemsVideoEnd .col-sm-4 a::after {
        margin-left: -15px;
        margin-top: -15px;
        width: 25px;
        height: 30px;
    }

    .relatedItemsVideoEnd .col-sm-4:nth-child(3n) {
        display: none;
    }

    .relatedItemsVideoEnd a {
        display: block;
        border: 3px solid orange;
        opacity: 1;
    }

    .relatedItemsVideoEnd .col-sm-4 {
        width: 40% !important;
        margin: 0 10px;
    }

    .relatedItemsVideoEnd .header {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .relatedItemsVideoEnd .col-sm-4 span {
        font-size: 9px;
        line-height: 1;
    }

    .relatedItemsVideoEnd .row {
        width: 75%;
    }

}


.accordion > li a:focus {
    outline: none;
}

#cf7md-form .cf7md-item input {
    border: 1px solid rgba(0, 0, 0, .12) !important;
    padding: 0px 6px;
    border-radius: 2px;
}

#cf7md-form .mdc-textfield__label {
    left: 10px !important;
    color: #333 !important;
}

#cf7md-form .mdc-textfield--focused .mdc-textfield__label {
    bottom: 15px !important;
    left: 0 !important;
}

#cf7md-form .mdc-textfield--multiline.mdc-textfield--focused .mdc-textfield__label {
    bottom: 40px !important;
    left: 0 !important;
}

#cf7md-form .mdc-textfield--upgraded:not(.mdc-textfield--fullwidth):not(.mdc-textfield--multiline)::after {
    border: 0;
    display: none;
}

#cf7md-form .mdc-textfield--invalid:not(.mdc-textfield--focused) .mdc-textfield__label {
    color: #d50000 !important;
}

.extra_pdf_button {
    margin-bottom: 20px;
    margin-top: 20px;
}

.extra_pdf_button a {
    background: #f17e00;
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    border-radius: 3px;
    transition: all 0.3s;
}

.extra_pdf_button a:hover {
    background: #f3672d;
    color: #fff;
}

.header_text_logo {
    float: right;
    padding: 25px 0;
    transition: all .8s ease-out;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .8s ease-out;
}

.header_text_logo img {
    width: 240px;
    margin: 0;
    transition: all .8s ease-out;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .8s ease-out;
}

header.site-header.sticky .header_text_logo {
    padding: 7px 0;
}

header.site-header.sticky .header_text_logo img {
    width: 160px;
}

@media all and (max-width: 1023px) {
    .header_text_logo {
        display: none;
    }
}

@media all and (max-width: 765px) {
    .header_text_logo {
        display: block;
        padding: 14px 0;
    }

    .header_text_logo img {
        height: auto !important;
        width: 220px;
    }
}

@media all and (max-width: 479px) {
    .header_text_logo {
        padding: 15px 0;
    }

    .logo img {
        margin-right: 5px !important;
        width: 60px;
    }

    .header_text_logo img {
        width: 130px;
    }
}

@media all and (max-width: 479px) {
    .page-id-13853 #trust_video_sect .trust_video_cont ul li small {
        font-size: 14px;
        width: 105px;
    }

    .page-id-13853 #trust_video_sect .trust_video_cont ul li {
        width: 49.5% !important;
    }

    .page-id-13853 .logo img {
        height: auto !important;
    }

    .header_text_logo {
        padding: 15px 0;
    }
}

@media all and (max-width: 1391px) {
    body.logged-out-user .main-menu li {
        padding: 0 10px !important;
    }
}

@media all and (max-width: 1175px) and (min-width: 1137px) {
    body.logged-out-user .main-menu li {
        padding: 0 6px !important;
    }
}

@media all and (max-width: 1085px) and (min-width: 1024px) {
    body.logged-out-user .logo img {
        width: 50px;
    }

    body.logged-out-user .header_text_logo img {
        width: 160px;
    }

    body.logged-out-user .header_text_logo {
        padding: 13px 0;
    }

    body.logged-out-user .header-right {
        margin-top: 7px;
    }
}

@media all and (max-width: 800px) and (min-width: 768px) {
    body.logged-out-user .main-menu li {
        padding: 0 6px !important;
    }
}

@media all and (max-width: 767px) {
    body.logged-out-user .header_text_logo img {
        width: 220px !important;
    }
}

@media all and (max-width: 375px) {
    body.logged-out-user .logo img {
        width: 30px;
        height: 30px;
    }

    body.logged-out-user .header_text_logo img {
        width: 190px !important;
    }

    body.logged-out-user .header_text_logo {
        padding: 1px 0;
    }

    body.logged-out-user .logo {
        padding: 12px 0;
    }

    body.logged-out-user .sticky .logo {
        padding: 0;
    }
}

.inlinefreetrialbox .popupSection2.freeTrialpopup {
    display: block !important;
    position: static;
    z-index: 1;
}

.inlinefreetrialbox .popupContainer {
    z-index: 1;
    margin: 0;
}

.inlinefreetrialbox .loginSection.trial-form {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
}

@media all and (max-width: 479px) {
    .inlinefreetrialbox .popupContainer {
        margin: 0 auto;
        width: 270px;
    }

    .inlinefreetrialbox .loginSection h2 {
        font-size: 17px;
    }
}

@media all and (max-width: 1023px) {
    body.page-template-subscribe .earlyAdopter .container,
    body.page-template-subscribe2 .earlyAdopter .container {
        width: 100%;
    }

    body.page-template-subscribe section.inner-content-sec,
    body.page-template-subscribe2 section.inner-content-sec {
        padding-top: 110px !important;
    }

    body.page-template-subscribe .badgeSecRight p,
    body.page-template-subscribe2 .badgeSecRight p {
        font-size: 15px;
    }

    body.page-template-subscribe .badgeSecLeft,
    body.page-template-subscribe2 .badgeSecLeft {
        width: 30px;
    }

    body.page-template-subscribe .toolsList li,
    body.page-template-subscribe2 .toolsList li {
        width: 47%;
    }

    body.page-template-subscribe .toolsList li:nth-child(4),
    body.page-template-subscribe2 .toolsList li:nth-child(4) {
        clear: none;
    }

    body.page-template-subscribe .toolsList li:nth-child(3),
    body.page-template-subscribe2 .toolsList li:nth-child(3) {
        clear: both;
    }

    body.page-template-subscribe .toolsList li:nth-child(5),
    body.page-template-subscribe2 .toolsList li:nth-child(5) {
        clear: both;
    }

    body.page-template-subscribe .toolsContent p,
    body.page-template-subscribe2 .toolsContent p {
        font-size: 13px;
    }

    body.page-template-subscribe .toolsList li:nth-child(3n),
    body.page-template-subscribe2 .toolsList li:nth-child(3n) {
        margin-right: 3%;
    }
}

@media all and (max-width: 1023px) and (min-width: 849px) {
    body.page-template-subscribe section.inner-content-sec,
    body.page-template-subscribe2 section.inner-content-sec {
        padding-top: 135px !important;
    }
}

@media all and (max-width: 767px) {
    body.page-template-subscribe section.inner-content-sec,
    body.page-template-subscribe2 section.inner-content-sec {
        padding-top: 94px !important;
    }

    body.page-template-subscribe .earlyAdopter,
    body.page-template-subscribe2 .earlyAdopter {
        text-align: center;
        padding: 15px 0;
    }

    body.page-template-subscribe .badgeSecLeft,
    body.page-template-subscribe2 .badgeSecLeft {
        margin: 0 auto 8px;
    }

    body.page-template-subscribe .badgeSecRight p,
    body.page-template-subscribe2 .badgeSecRight p {
        font-size: 13px;
        line-height: 18px;
        max-width: 290px;
    }

    body.page-template-subscribe .badgeSecRight p span,
    body.page-template-subscribe2 .badgeSecRight p span {
        display: block;
    }

    body.page-template-subscribe .subscribe_page_new_title,
    body.page-template-subscribe2 .subscribe_page_new_title {
        font-size: 28px;
    }

    body.page-template-subscribe .toolsList li,
    body.page-template-subscribe2 .toolsList li {
        width: 100%;
        margin-right: 0 !important;
        padding-bottom: 0;
    }

    body.page-template-subscribe .badgeSecLeft::after,
    body.page-template-subscribe2 .badgeSecLeft::after {
        content: "Summer Promo:";
        font-size: 18px;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
        float: right;
        line-height: 29px;
    }

    body.page-template-subscribe .badgeSecLeft img,
    body.page-template-subscribe2 .badgeSecLeft img {
        float: left;
        width: 30px;
    }

    body.page-template-subscribe .badgeSecLeft,
    body.page-template-subscribe2 .badgeSecLeft {
        overflow: hidden;
        width: 175px;
    }

    body.page-template-subscribe .badgeSecRight p span,
    body.page-template-subscribe2 .badgeSecRight p span {
        display: none;
    }

    body.page-template-subscribe .toolsNeed p br,
    body.page-template-subscribe2 .toolsNeed p br {
        display: none;
    }

    body.page-template-subscribe .toolsContent p,
    body.page-template-subscribe2 .toolsContent p {
        max-width: 254px;
        display: inline-block;
    }
}


/* Nav Edit Page 1552 */
body.page-id-1552 .main-menu ul {
    display: none !important;
}

body.page-id-1552 .header-right .btn.desktop_menu {
    display: none !important;
}

body.page-id-1552 header.site-header {
    padding-top: 25px;
}

body.page-id-1552 .header-right .btn {
    border: 0;
    background: transparent !important;
    color: #fff !important;
    padding-right: 0;
    min-width: auto !important;
    margin-left: 25px;
}

body.page-id-1552 .header-right .btn.landingpagemobilebutton {
    display: none !important;
}

body.page-id-1552 footer .main-menu ul {
    display: block !important;
}

@media all and (max-width: 767px) {
    body.page-id-1552 .header-right .btn {
        display: none !important;
    }

    body.page-id-1552 .header-right .btn.landingpagemobilebutton {
        display: inline-block !important;
        margin-left: 0;
        margin: 0 10px;
    }
}


/* Nav Edit Page 1553 */
body.page-id-1553 .main-menu ul {
    display: none !important;
}

body.page-id-1553 .header-right .btn.desktop_menu {
    display: none !important;
}

body.page-id-1553 header.site-header {
    padding-top: 25px;
}

body.page-id-1553 .header-right .btn {
    border: 0;
    background: transparent !important;
    color: #fff !important;
    padding-right: 0;
    min-width: auto !important;
    margin-left: 25px;
}

body.page-id-1553 .header-right .btn.landingpagemobilebutton {
    display: none !important;
}

body.page-id-1553 footer .main-menu ul {
    display: block !important;
}

@media all and (max-width: 767px) {
    body.page-id-1553 .header-right .btn {
        display: none !important;
    }

    body.page-id-1553 .header-right .btn.landingpagemobilebutton {
        display: inline-block !important;
        margin-left: 0;
        margin: 0 10px;
    }
}

/* Contact Page Custom */
div.wpcf7-response-output {
    margin: 25px 0 30px !important;
}

.contactLeft h3 {
    padding-bottom: 0;
}

body.logged-in .menu-item-1767 {
    display: none;
}

/*body.logged-out-user header .main-menu ul li:last-child {
    display:  none;
}*/


.rev_slider_wrapper {
    height: 700px;
}

#rev_slider_3_1, #rev_slider_3_1_forcefullwidth, .wpb_revslider_element.wpb_content_element {
    background: #f28305;
}

#rev_slider_9_1, #rev_slider_9_1_forcefullwidth, .wpb_revslider_element.wpb_content_element {
    background: #f28305;
}

body.page-id-1552, body.page-id-1553 {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}


/* Video Lession Page New Design */
.video_lession_content_wrap {
    display: block;
    background-color: #45aaf8;
    /*background: url(../images/bg-graphic.jpg);*/
    background-size: 100% !important;
}

/*
html.webp .video_lession_content_wrap {
    background: url('/wp-content/themes/twentyseventeen-child/images/bg-graphic.webp');
}

html.no-webp .video_lession_content_wrap {
    background: url('/wp-content/themes/twentyseventeen-child/images/bg-graphic.jpg');
}*/

/* .video_lession_content_wrap {
    background: #45aaf8 url('/wp-content/themes/twentyseventeen-child/images/bg-graphic.jpg');
} */

.single-videolessons .hero.innerpage.sec.bg-img-sec {
    background: transparent !important;
    border-bottom: 0 !important;
}

body.single .lessons-slider-component {
    margin-top: -10px;
    background: #fff;
}

.single-videolessons .video-detail {
    background: #fff;
    display: none;
    width: 100%;
    -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
    padding: 15px 20px 10px;
    margin-bottom: -4px;
}
@media (min-width: 768px) {
    .single-videolessons .video-detail {
        display: inline-block;
    }
}
@media (min-width: 1025px) {
    .single-videolessons .video-detail {
        align-items: center;
        justify-content: space-between;
        display: flex;
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .video-detail-mobile {
        display: none;
    }
}

body.single .summaryBox p:first-of-type, body.single .summaryBox .summary-title:first-of-type {
    display: block;
    margin-top: 0;
    color: #f5752d;
    margin-bottom: 10px;
}

body.single .summaryBox {
    padding: 15px 20px;
    background: #fff;
    -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
}

.single-videolessons .episodeVideoDetail {
    background: transparent;
    padding: 0;
    margin: 0;
    padding-left: 16px;
}

.single-videolessons .episodeVideoDetail li {
    padding-bottom: 8px;
}

.single-videolessons .hero.innerpage.sec.bg-img-sec .hero-content {
    padding-bottom: 0;
}

.single-videolessons .episodeVideoDetail li::before {
    /*content: "•";
    font-size: 24px;
    vertical-align: middle;
    line-height: 13px;
    color: #f5752d;
    margin-right:  5px;
    color: #000;
    margin-top: -3px;
    display: inline-block;*/
}

.single-videolessons .accordion.mixed {
    overflow: inherit;
}

.single-videolessons .accordion.mixed li {
    background: #fff;
    -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
    margin-top: 5px !important;
    margin-bottom: 0;
    transition: background 0.3s;
}

.single-videolessons .accordion.mixed li.hightlightthis {
    background: #fef65b;
}

.single-videolessons .accordion.mixed li .inner li {
    background: transparent;
    box-shadow: none;
}

.single-videolessons .site-footer {
    background: #f17e00;
}

.single-videolessons .site-footer, .single-videolessons .site-footer .logo, .single-videolessons .site-footer .main-menu li a {
    color: #fff;
}

.site-footer .logo svg {
    margin-right: 15px;
}

.single-videolessons .site-footer .logo svg path {
    fill: #fff;
}

.single-videolessons .inner-content-sec {
    padding-bottom: 80px;
    /*z-index: 100;*/
    position: relative;
    margin-top: 5px;
    padding-top: 0px;
}

.accordion.mixed li .downloadPDF img {
    width: 33px;
}

.single-videolessons .lessons-slider-component h2 {
    color: #f17e00;
}

.single-videolessons .trademarkCopy p {
    display: none;
}

.single-videolessons .copy-right {
    margin-top: 16px;
}

.video-detail-right small.lesson_materials_scroll_button {
    cursor: pointer;
    border-radius: 5px;
    padding-right: 10px;
}

.video-detail-right small.lesson_materials_scroll_button a {
    color: #4a4a4a !important;
    outline: none !important;
    position: relative;
    top: -5px;
}

.video-detail-right small.lesson_materials_scroll_button a img {
    position: relative;
    top: 6px;
}

.video-detail-right small {
    padding: 5px 10px;
    background: #b9d7f0;
    border-radius: 5px 0 0 5px;
    font-size: 14px;
    line-height: 22px;
    vertical-align: top;
    height: 32px;
    padding-right: 0;
}

.video-detail-right small.lesson_materials_scroll_button i {
    color: #4a4a4a;
    background: transparent;
    border: 0;
    font-size: 14px;
    margin-left: 5px;
}

.video-action {
    background: #b9d7f0;
    height: 32px;
    border-radius: 0;
}

.video-action label {
    transform: scale(0.7);
    margin-top: 1px;
    /* width: 68px; */
}

.video-detail-right {
    margin-top: 0;
}

.video-detail-right .toopTipSec {
    background: #b9d7f0;
    height: 32px;
    margin-top: 0;
    margin-left: -5px;
    padding-top: 3px;
    padding-right: 10px;
    border-radius: 0 5px 5px 0;
}

.video-detail-right .toopTipSec i {
    background: #4a4a4a;
    border: 0;
    color: #fff;
    border-radius: 100px;
    font-size: 14px;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-left: 0;
}

.video-detail-right img {
    height: 20px;
}

.video-detail-right small.lesson_materials_scroll_button img {
    margin-left: 5px;
}

body.single .summaryBox .summary-title:first-of-type {
    letter-spacing: 0px;
}

body.single .summaryBox .summary-title .mobile {
    display: none;
}

.accordion.mixed li .inner .inner-title, .accordion > li > ul > li strong, .accordion.mixed li .inner a span, .accordion.mixed li .inner a, .accordion.mixed li .inner li .inner li {
    color: #252525;
}

.episodeVideoDetail li strong {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.request_a_quote_section {
    display: block;
    width: 100%;
    clear: both;
    background-size: cover !important;
    background-position: center !important;
}

.request_a_quote_section_overlay {
    background: rgba(0, 0, 0, 0.6);
    padding: 30px 0;
}

.request_a_quote_section_inner {
    overflow: hidden;
}

.request_a_quote_content {
    width: 64%;
    float: left;
    color: #fff;
    padding: 38px 0;
    margin-right: 3%;
}

.request_a_quote_form {
    width: 33%;
    float: right;
    background: #0c80de;
    border-radius: 5px;
}

.request_a_quote_content h1 {
    margin-top: 0;
    font-size: 46px;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 20px;
    text-shadow: 1px 1px 1px #000000;
    letter-spacing: 0;
}

.request_a_quote_content p {
    margin-bottom: 0;
    font-size: 25px;
    line-height: 27px;
    text-shadow: 1px 1px 1px #000000;
}

.request_a_quote_form_inner {
    padding: 15px 20px 20px;
    color: #fff;
}

.request_a_quote_form_inner h3 {
    margin-top: 0;
    text-align: center;
    font-size: 28px;
    letter-spacing: 0;
    font-weight: bold;
    margin-bottom: 0;
}

.request_a_quote_form .wpcf7 {
}

.request_a_quote_form input, .request_a_quote_form textarea {
    border: 2px solid #4a7297;
    font-weight: normal;
    font-size: 14px !important;
    line-height: 18px !important;
    padding: 10px 12px;
    background: #fff !important;
    overflow: hidden;
    border-radius: 5px;
}

.request_a_quote_form textarea {
    height: 80px;
}

.request_a_quote_form input.wpcf7-submit {
    text-transform: uppercase;
    color: #fff;
    background: #F17D01 !important;
    border-color: #F17D01 !important;
    font-size: 16px !important;
    padding: 12px 12px;
    margin-top: 5px;
    cursor: pointer;
}

.request_a_quote_form input.wpcf7-submit:hover {
    background: #f25d25 !important;
    border-color: #f25d25 !important;
}

.request_a_quote_form p {
    margin-bottom: 0;
}

.request_a_quote_form .wpcf7 br {
    display: none;
}


.request_a_quote_form .wpcf7-form-control-wrap {
    width: 100%;
    display: block;
    overflow: hidden;
    margin-top: 5px;
    border-radius: 5px;
}

.request_a_quote_form .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
    position: absolute;
    bottom: 0;
    font-size: 10px;
    width: auto;
    text-align: right;
    right: 0;
    background: #f00;
    height: 21px;
    color: #fff;
    line-height: 16px;
    padding: 3px 5px;
    border-radius: 5px 0 0 0;
}

.request_a_quote_form input.wpcf7-not-valid, .request_a_quote_form textarea.wpcf7-not-valid {
    border-color: #f00;
}

.request_a_quote_form div.wpcf7-response-output {
    margin: 10px 0 0 !important;
    border-radius: 5px;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 10px;
}

.request_a_quote_form form {
    position: relative;
}

.request_a_quote_form .ajax-loader {
    position: absolute;
    bottom: 15px;
    right: 12px;
}


input.wpcf7-form-control.wpcf7-submit {
    background: #f25d25 !important;
    border-color: #f25d25 !important;
}

.sec.moneyBack {
    margin-top: 30px;
}

.sec.moneyBack .row {
    overflow: hidden;
}

.moneyBackCol {
    width: 50%;
    float: left;
}

.moneyBackCol_inner {
    overflow: hidden;
}

.moneyBackCol_icon {
    float: left;
    width: 22%;
}

.moneyBackCol_text {
    margin: 0 2% 0 4%;
    font-size: 14px;
    float: left;
    width: 68%;
    padding-top: 8px;
}

.moneyBackCol_text p {
    margin: 0;
    font-size: 17px;
}

.moneyBackCol_text h1,
.moneyBackCol_text h2 {
    margin-top: 0;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
    letter-spacing: 0;
}

.moneyBackCol_text p a {
    color: #287ecb;
    text-decoration: underline;
}

.forPricing {
    display: none;
}

.video-detail-left {
    margin-top: 0;
}

.single-videolessons .video-detail {
    padding: 15px 20px 12px;
}

@media all and (max-width: 1280px) {
    .single-videolessons .video_lession_content_wrap {
        padding-bottom: 50px;
    }

    .single-videolessons .video_lession_content_wrap .inner-content-sec {
        padding-top: 0 !important;
    }

    .request_a_quote_content {
        padding: 43px 0;
    }
}

@media all and (max-width: 1180px) {
    .request_a_quote_content {
        padding: 51px 0;
    }

    .request_a_quote_content h1 {
        font-size: 38px;
        line-height: 42px;
    }
}

@media all and (max-width: 1023px) {
    .request_a_quote_content {
        padding: 51px 0;
        width: 57%;
    }

    .request_a_quote_content h1 {
        font-size: 26px;
        line-height: 30px;
    }

    .request_a_quote_form {
        width: 40%;
    }

    .request_a_quote_content p {
        font-size: 16px;
        line-height: 22px;
    }
}

@media screen and (device-aspect-ratio: 40/71) {
    .single-videolessons .subscriptionexpirederrror p.help {
        display: none;
    }
}

@media all and (max-width: 767px) {
    .single-videolessons .video_lession_content_wrap {
        padding-bottom: 50px;
    }

    .single-videolessons .video-detail-right small {
        font-size: 12px;
    }

    .single-videolessons .hero.innerpage.sec.bg-img-sec .hero-content h1 {
        margin-bottom: 5px;
        font-size: 14px !important;
    }

    .single-videolessons .invideo-cc-cta .btn {
        padding: 10px;
    }

    .single-videolessons .video-action {
        /*transform: scale(0.8);*/
    }

    .single-videolessons .site-footer .main-menu {
        background: transparent;
    }

    .video-detail-right .toopTipSec {
        padding-top: 3px;
    }

    body.single .summaryBox .summary-title .mobile {
        display: inline-block;
    }

    body.single .summaryBox .summary-title .desktop {
        display: none;
    }

    .request_a_quote_content {
        width: 100%;
        margin-right: 0;
        padding: 0;
        margin-bottom: 25px;
        float: none;
        text-align: center;
    }

    .request_a_quote_content h1 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 10px;
        letter-spacing: 0;
    }

    .request_a_quote_content h1 br {
        display: none;
    }

    .request_a_quote_form {
        width: 100%;
    }

    .request_a_quote_content p {
        font-size: 15px;
        line-height: 19px;
    }

    .single-videolessons .hero.innerpage.sec.bg-img-sec .hero-content {
        padding-top: 30px;
    }

    .moneyBackCol {
        float: none;
        width: 100%;
        margin: 20px 0;
    }

    .moneyBackCol_text {
        text-align: left;
        width: 77%;
        padding-top: 10px;
    }

    .moneyBackCol_icon {
        width: 17%;
    }

    .about-gen h2 {
        font-size: 24px;
    }

    .about-gen-left {
        display: none;
    }

    .about-gen-right img {
        display: inline-block !important;
        width: 100px;
        float: left;
        margin: 0 15px 10px 0;
    }

    .sec.team {
        padding-top: 30px;
    }

    .sec.about-gen {
        padding-bottom: 10px;
    }

    .moneyBackCol_text p br {
        display: none;
    }
}

@media all and (max-width: 430px) {
    .video-detail-right small.lesson_materials_scroll_button {
        display: block;
        margin-bottom: 5px;
    }

}

.main_content_wrap {
    overflow: hidden;
}

body.discussionpanelvisibility_hide .accordion.mixed li:last-child, body.discussionpanelvisibility_hide .accordion.mixed li:nth-last-child(2) {
    display: none;
}

body.logged-out-user img.playbutton {

}

.videoItem a {
    cursor: pointer;
}

body.login_page_template div#freeTrialPopup {
    margin: 0 auto !important;
    z-index: 99999999 !important;
    position: inherit !important;
}

/* State By State */
.state_by_state_header {
    background-size: cover !important;
    background-position: center !important;
}

.state_table_wrap table td, .state_table_wrap table th {
    border-right: 1px solid #ddd;
    vertical-align: middle !important;
    font-size: 14px;
}

.state_table_wrap table {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.state_table_wrap th {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.state_by_state_header_inner {
    padding: 205px 0 80px 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.58);
}

.state_by_state_header_inner h1 {
    color: #fff;
    font-size: 40px;
    margin: 0;
}

.state_tables_filter {
    text-align: right;
    margin-bottom: 20px;
}

.state_tables_filter label {
    display: inline-block;
    margin-right: 10px;
}

.state_tables_filter select {
    display: inline-block;
    width: 240px;
}

.state_tables_filter .country-selector,
.state_tables_filter .state-selector {
    display: inline-block;
}

.state_tables_filter .country-selector {
    display: none;
    margin-right: 20px;
}

.column-text-center {
    text-align: center !important;
}

body.page-template-template-state-by-state .inner-content-sec {
    position: relative;
}

.loader_box {
    position: absolute;
    top: 250px;
    width: 100%;
    text-align: center;
    left: 0;
}

.loader_box img {
    width: 100px;
    height: auto;
}

.geolocationheader {
    text-align: center;
    margin-bottom: 20px;
}

.geolocationheader h2 {
    color: #f5762d;
    font-size: 30px;
}

.state_tables_filter {
    text-align: center;
    margin-bottom: 30px;
}

.state_table_content_inner {
    border: 1px solid #C2C2C5;
    padding: 20px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

@media all and (max-width: 600px) {
    .state_table_wrap table {
        width: 600px;
    }

    .state_table_wrap {
        overflow-x: scroll;
    }

    .geolocationheader h2 {
        font-size: 18px;
    }

    /*.state_table_wrap .column-2, .state_table_wrap .column-3 {
        display: none !important;
    }*/
    .state_table_wrap table td, .state_table_wrap table th {
        font-size: 10px;
    }

    .main-menu li a:hover:after {
        display: none !important;
    }

    header.site-header.secondary {
        position: absolute;
    }

    header.site-header.secondary.sticky {
        position: fixed;
    }

    body.home .subscribe .heading-sec p {
        padding-bottom: 15px;
    }

    .contactRight ul li i {
        margin-right: 5px;
        width: 25px;
        line-height: 26px;
    }

    .contactRight ul li {
        text-align: left;
    }

    .contactRightDetail {
        font-size: 13px;
    }

    .sec.subscribe a.freeTrial {
        margin-right: 0;
    }

    .contactLeft #cf7md-form .mdc-layout-grid__cell--span-12 {
        margin-bottom: 0;
    }

    #cf7md-form .mdc-button--primary.mdc-button--raised {
        margin-top: 10px;
    }

    input#payment_po {
        margin-right: 0;
    }

    .sample-video .accordion.mixed h2 a {
        display: block;
        z-index: 100000000;
    }

    .lessonSection.featured h2 {
        font-size: 23px;
    }

    .page-template-full-width .site-header.secondary, .page-template-full-width .error404 .site-header, .page-template-full-width .search .site-header {
        position: relative !important;
    }

    .moneyBackCol_icon {
        width: 100%;
        margin-bottom: 15px;
        float: none;
    }

    .moneyBackCol_text {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0;
        margin-bottom: 15px;
        padding: 0;
    }

    /*.video_lession_content_wrap {
        padding-top: 55px;
    }*/
}


@media all and (max-width: 767px) {
    .site-header.secondary {
        transition: 0s !important;
    }

    .logo img {
        transition: 0s !important;
    }

    .header_text_logo {
        transition: 0s !important;
    }

    .header-right {
        transition: 0s !important;
    }

    a.logo {
        transition: 0s !important;
    }

    body.page-template-subscribe2 .badgeSecLeft::after {
        content: "Summer Promo:";
        font-size: 18px;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
        float: right;
        line-height: 29px;
    }

    body.page-template-subscribe2 .badgeSecLeft img {
        float: left;
        width: 30px;
    }

    body.page-template-subscribe2 .badgeSecLeft {
        overflow: hidden;
        width: 175px;
        margin: 0 auto !important;
    }

    body.page-template-subscribe2 .badgeSecRight p span {
        display: none;
    }

    .request_a_quote_modal {
        position: fixed !important;
        padding: 0 15px;
    }

}


body.single .summaryBox {
    float: none;
    overflow: hidden;
}

.single-videolessons .accordion.mixed {
    margin: 0;
}

body.single .accordion.mixed li {
    float: none;
    overflow: hidden;
}

.accordion.mixed h2 {
    float: left;
}

body.page-template-template-state-landing .hero-right h1 {
    font-size: 30px;
    letter-spacing: 0.5px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}

body.page-template-template-state-landing .lessons-slider-component h2 {
    font-size: 34px;
}


/* Quiz Bar */
a.quiz_bar_link img {
    width: 15px;
    margin: 0px 7px;
    display: inline-block;
    padding-bottom: 2px;
}

a.quiz_bar_link {
    width: 100%;
}

.quiz_bar_inner {
    overflow: hidden;
}

.quiz_bar_inner h2 {
    display: block !important;
    width: 100%;
}

.quiz_bar_inner h2 a {
    vertical-align: middle;
    line-height: 24px;
    padding: 21px 0px !important;
}

.quiz_bar_inner h2 a span {
    font-size: 17px;
    color: #63aae2;
    border-bottom: 1px solid #63aae2;
    position: relative;
}

.quiz_bar_inner .downloadPDF {
    padding: 22px 10px;
    right: 15px !important;
}

.quiz_bar_inner .downloadPDF img {
    height: 33px;
    width: auto !important;
}

.quiz_bar_inner .downloadPDF.downloadDoc {
    right: 60px !important;
}

.quiz_bar_inner h2 a span tooltip {
    background: #000 none repeat scroll 0 0;
    border-radius: 8px;
    font-size: 12px;
    letter-spacing: 0;
    left: 110%;
    margin: 0 auto;
    padding: 5px 5px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 250px;
    z-index: 1;
    color: #fff;
    line-height: 15px;
    top: -50%;
    transition: 0.3s;
    display: none;
}

.quiz_bar_inner h2 a span tooltip::before {
    border-color: #000 transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    content: '';
    height: 0;
    left: -7px;
    position: absolute;
    top: 50%;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 0;
    z-index: 9999;
    margin-top: -2.5px;
}

.quiz_bar_inner h2 a span:hover tooltip {
    display: inline;
}

.quiz_bar_li .inner {
    margin-bottom: 0 !important;
    height: 0 !important;
    padding: 25px 0 !important;
    transition: all 0.3s;
}

.quiz_bar_li .inner.show {
    display: block;
    height: auto !important;
    padding: 25px 25px 25px !important;
}

@media all and (max-width: 730px) {
    .quiz_bar_inner h2 a span tooltip {
        left: -400%;
    }

    .quiz_bar_inner h2 a span tooltip::before {
        left: auto;
        right: -7px;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

@media all and (max-width: 550px) {
    .quiz_bar_inner h2 a span {
        display: none;
    }

    .quiz_bar_link_text_desktop {
        display: none;
    }

    .quiz_bar_link_text_mobile {
        display: inline !important;
    }

    body.page-template-template-state-landing .lessons-slider-component h2 {
        font-size: 24px;
    }

    .quiz_bar_li .inner {
        display: none !important;
    }
}

@media all and (max-width: 420px) {
    .quiz_bar_inner .downloadPDF {
        padding: 22px 0;
    }

    .site-header.sticky .logo img {
        width: 30px;
    }

    body.page-template-template-state-landing header.site-header.sticky .header_text_logo img {
        width: 145px;
    }

}

.subscribePlanSec {
    float: left;
    width: 100%;
    padding-bottom: 70px;
}

#main_column_10 .arppricetablebutton {
    position: relative;
}

div#popup-switch {
    width: 170px;
    height: 45px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -22.5px 0 0 -85px;
    background: transparent;
    z-index: 99;
    cursor: pointer;
}

body.popup-opened {
    overflow: hidden;
    position: fixed;
}

.request_a_quote_modal_inner .request_a_quote_form {
    width: 100%;
    max-width: 386px;
    margin: 0 auto;
    clear: both;
    float: none;
}

/* Request modal style */
.request_a_quote_modal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    display: none;
    z-index: 99999;
    backdrop-filter: blur(20px);
}

.request-modal-wrap {
    float: left;
    width: 100%;
    height: 100vh;
    display: table;
}

.request_a_quote_modal_inner {
    max-width: 386px;
    display: table-cell;
    vertical-align: middle;
    margin: 0 auto;
    clear: both;
    overflow-y: hidden;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
    -moz-transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
}

.modal-shown .request_a_quote_modal_inner {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}

#request_a_quote_modal_close {
    z-index: 5;
    cursor: pointer;
}

div#popup-switch:hover ~ .bestPlanButton {
    background-color: rgba(253, 253, 253, .75) !important;
}

.page-template-subscribe2 .sec.moneyBack {
    margin-top: 0px;
}

.toolsNeed p {
    font-weight: normal;
}

body.page-template-contact #cf7md-form .mdc-button:hover {
    background: #f17e00 !important;
    color: #fff !important;
}

body.page-template-contact div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14 !important;
}


.hero-right a.btn.btn-default {
    border-radius: 25px;
    margin: 0 2px 5px;
}

@media all and (max-width: 355px) {
    .hero-right a.btn.btn-default {
        font-size: 12px;
        padding: 10px 15px;
    }
}

.hero-right a.btn.btn-default:hover {
    background: transparent;
}

.hero-button-right {
    background: transparent;
    color: #fff;
}

.hero-button-right:hover {
    background: #fff !important;
    color: #f17e00;
}

section.sec.subscribe.text-center {
    background: #dff6fe;
}

.video_lesson_credit_section {
    border-top: 1px solid #d1d1d1 !important;
    padding: 0 0 !important;
    background: rgba(26, 189, 245, .14) none repeat scroll 0 0 !important;
}

.video_lesson_credit_section h2.text-center {
    color: #f17e00;
}

.meet-team.credits .teamInfoImage img {
    width: 70%;
}

body.page-template-video-lession .inner-content-sec {
    padding-bottom: 0 !important;
}

.meet-team.credits li h3 {
    padding-bottom: 0;
    font-weight: 500;
}

body.page-template-video-lession section.sec.subscribe.text-center,
body.home section.sec.subscribe.text-center {
    border-top: 1px solid #d1d1d1;
}

section.inner-content-sec.effectiveness {
    margin-bottom: 0;
}

body.page-template-effectiveness .studybottom {
    background: #dff6fe;
}

body.page-template-effectiveness .studybottom h2 {
    padding-top: 25px;
}

@media all and (max-width: 767px) {
    .meet-team.credits ul li:first-child .teamInfoImage img {
        max-width: 80%;
    }

    .meet-team.credits .teamInfoImage img {
        width: 100%;
    }
}

/* Pricing Table Highlight */
body.page-template-subscribe2 .arp_price_table_102 .arpplan.column_1::before, body.page-template-subscribe2 .arp_price_table_103 .arpplan.column_2::before {
    content: "MOST POPULAR" !important;
    position: absolute !important;
    top: -32px !important;
    background: #f17e00 !important;
    opacity: 1 !important;
    color: #fff;
    font-weight: 700;
    font-family: Open Sans Bold;
    font-size: 16px;
    height: auto !important;
    padding: 10px 0 !important;
    left: 0px !important;
    width: calc(100% + 1px) !important;
    line-height: 12px !important;
    margin: 0 !important;
}

body.page-template-subscribe2 .subscribe_page_new_title {
    margin-bottom: 25px;
}

.grecaptcha-badge {
    display: none;
}

@media all and (max-width: 767px) {
    body.page-template-subscribe2 .arp_price_table_102 .arpplan.column_1::before, body.page-template-subscribe2 .arp_price_table_103 .arpplan.column_2::before {
        width: 100% !important;
    }
}

body.page-template-subscribe .subscribe_page_new_title {
    margin-top: 30px;
}

body.page-template-template-testimonial .inner-content-before {
    background: url(../images/bg-graphic.jpg);
    background-size: cover !important;
    background-position: center top !important;
    overflow: hidden;
}

body.page-template-template-testimonial section.inner-content-sec {
    padding-top: 59px;
    background-image: radial-gradient(circle, rgba(68, 160, 236, .5), rgba(74, 163, 238, .5), rgba(80, 166, 239, .5), rgba(86, 170, 241, .5), rgba(91, 173, 242, .5));
}

.bne-testimonial-wrapper {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.testimonial-content p {
    color: #000 !important;
}

.testimonial_page_header {
    text-align: center;
    padding: 50px 0 40px 0;
}

.testimonial_page_header h1,
.testimonial_page_header h2 {
    text-shadow: 1px 1px 1px #000000;
    letter-spacing: .5px;
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    margin: 0;
}

.testimonial_page_header p {
    text-shadow: 1px 1px 1px #000000;
    letter-spacing: .5px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

body.page-template-template-testimonial section.sec.subscribe {
    background: url(https://www.generationgenius.com/wp-content/uploads/2018/03/hero-bg.jpg) !important;
    background-position: center top !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    font-style: normal;
}

body.page-template-template-testimonial section.sec.subscribe h2, body.page-template-template-testimonial section.sec.subscribe p {
    color: #fff !important;
}

.bne-testimonial-wrapper .testimonial-message h6 {
    margin-top: 0;
    padding-top: 0;
}

@media all and (max-width: 767px) {
    body.page-template-template-testimonial section.inner-content-sec {
        padding-top: 85px;
        background-image: radial-gradient(circle, rgba(68, 160, 236, 1), rgba(74, 163, 238, 1), rgba(80, 166, 239, 1), rgba(86, 170, 241, 1), rgba(91, 173, 242, 1));
    }

    .testimonial_page_header p span {
        display: block;
        text-align: center;
    }
}

/* New Free Trial Hero */

.new_free_trial_hero_section {
    background: rgba(247, 122, 48, 0.8);
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: cover !important;
}

.new_free_trial_hero_section_overlay {
    background: rgba(247, 122, 48, 0.8);
    padding: 220px 0 100px;
}

.new_free_trial_hero_content_wrap {
    max-width: 940px;
    margin: 0 auto;
}

.new_free_trial_hero_content_wrap_row {
    overflow: hidden;
}

.new_free_trial_hero_content_col {
    width: 50%;
    float: left;
}

.new_free_trial_hero_content_col {
    width: 50%;
    float: left;
}

.new_free_trial_hero_content {
}

.new_free_trial_hero_content ul {
    margin-left: 0px;
    font-family: Roboto !important;
    line-height: 31px;
}

.new_free_trial_hero_content ul li {
    display: list-item;
    margin-left: 24px;
    font-family: Roboto !important;
    font-weight: 400;
    font-style: normal;
    color: rgb(255, 255, 255);
    font-size: 20px;
}

.new_free_trial_hero_content h2 {
    margin-top: 0;
    font-family: Roboto;
    font-weight: 700;
    font-style: normal;
    color: rgb(255, 255, 255);
    font-size: 40px;
    line-height: 43px;
    letter-spacing: 0;
    margin-bottom: 40px;
}

.new_free_trial_hero_content_wistia_button {
    margin-top: 40px;
}

.new_free_trial_hero_content_wistia_button a {
    background: rgba(0, 0, 0, 0) url(https://www.generationgenius.com/playvideo-white.png) no-repeat 25px 16px !important;
    text-indent: 25px !important;
    border: 2px solid #fff !important;
    padding: 20px 40px !important;
    display: inline-block !important;
    font-size: 16px !important;
    line-height: 22px !important;
    border-radius: 5px !important;
    color: #fff !important;
    transition: 0.3s !important;
    letter-spacing: 1px !important;
    font-weight: normal !important;
}

.new_free_trial_hero_right {
}

.new_free_trial_hero_form {
    padding-left: 50px;
}

.new_free_trial_hero_form_inner {
    display: block;
    background: rgba(255, 255, 255, 1);
    border-style: none;
    border-radius: 4px;
    padding: 35px 50px;
}

.new_free_trial_hero_form_form .free_trial_form_form_class .input-row {
    margin-bottom: 0;
}

.new_free_trial_hero_form_form .free_trial_form_form_class input[type="text"],
.new_free_trial_hero_form_form .free_trial_form_form_class input[type="email"],
.new_free_trial_hero_form_form .free_trial_form_form_class input[type="password"] {
    width: 288px;
    margin-bottom: 12px;
    border-radius: 4px;
    padding: 12px 15px;
    font-size: 15px;
    border: 1px solid #d1d1d1;
}

.new_free_trial_hero_form_form .free_trial_form_form_class input[type="submit"] {
    width: 100%;
    cursor: pointer;
    border: 1px solid #f17e00;
    background: #f17e00;
    color: #fff;
    border-color: #f17e00;
    font-size: 20px;
    margin-bottom: 0;
    font-weight: bold;
    padding: 10px;
    text-transform: none;
    border-radius: 4px;
    transition: all 0.3s;
}

.new_free_trial_hero_form_form .free_trial_form_form_class input[type="submit"]:hover {
    background: #fff;
    color: #f17e00;
}

.new_free_trial_hero_form .gengen_password_show_hide {
    position: absolute;
    right: 10px;
    margin-top: -53px !important;
    line-height: 37px;
    cursor: pointer;
    color: #666;
    display: none;
}

.new_free_trial_hero_form_form .free_trial_form_form_class input:focus {
    border-color: #0099ff !important;
    outline: none !important;
}

.new_free_trial_hero_form_form .free_trial_form_form_class input[type="text"], .new_free_trial_hero_form_form .free_trial_form_form_class input[type="email"], .new_free_trial_hero_form_form .free_trial_form_form_class input[type="password"] {
    width: 100% !important;
}

.new_free_trial_hero_form_form .free_trial_form_form_class input {
    -webkit-appearance: none !important;
    box-sizing: border-box;
}

.new_free_trial_hero_form_header {
    font-family: Roboto;
    font-weight: 700;
    font-style: normal;
    color: rgb(0, 0, 0);
    font-size: 24px;
    text-align: center;
    margin-bottom: 35px;
    line-height: 25px;
}

.free_trial_new_form_footer_text {
    font-weight: 400;
    font-family: Roboto;
    font-size: 14px;
    color: rgb(102, 102, 102);
    font-style: normal;
    text-align: center;
    margin-top: 10px;
}

.new_free_trial_hero_right_footer {
    font-family: Roboto;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.89);
    text-align: center;
    font-weight: normal;
    line-height: 16px;
    margin-top: 10px;
}

.new_free_trial_hero_right_footer a {
    color: #fff;
    border-bottom: 1px dotted transparent;
    display: inline-block;
}

.new_free_trial_hero_right_footer a:hover {
    border-bottom: 1px dotted #fff;
}

@media all and (max-width: 767px) {
    body.page-template-template-free-trial-new .hero.sec.bg-img-sec.bannerSec {
        display: block !important;
        padding-top: 100px;
        overflow: hidden;
        float: none;
    }

    .new_free_trial_hero_section {
        display: none;
    }

    .new_free_trial_hero_form {
        padding-left: 0;
        margin-top: 30px;
    }

    .new_free_trial_hero_form_inner {
        padding: 20px 10px;
    }

    .new_free_trial_hero_right_footer {
        margin-top: 20px;
    }

    .new_free_trial_hero_form_header {
        font-size: 16px;
        margin-bottom: 20px;
    }

    body.page-template-template-free-trial-new section.partner-sec.text.sec {
        display: none;
    }
}


/* Sample Video New Page */
.new_sample_video_section {
    display: inline-block;
    /*background: url(../images/bg-graphic.jpg);*/
    background-size: cover !important;
    margin-top: 0;
    width: 100%;
}

.new_sample_video_section_inner {
    padding-bottom: 70px;
    display: inline-block;
    width: 100%;
    background-image: radial-gradient(circle, rgba(68, 160, 236, .5), rgba(74, 163, 238, .5), rgba(80, 166, 239, .5), rgba(86, 170, 241, .5), rgba(91, 173, 242, .5));
}

.new_sample_video_section .hero.innerpage.sec.bg-img-sec {
    background: transparent !important;
    border-bottom: 0 !important;
}

.new_sample_video_section .lessons-slider-component {
    margin-top: -10px;
    background: #fff;
}

.new_sample_video_section .video-detail {
    background: #fff;
    display: inline-block;
    width: 100%;
    -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
    padding: 15px 20px 10px;
    margin-bottom: -7px;
}

.new_sample_video_section .summaryBox p:first-of-type, .new_sample_video_section .summaryBox .summary-title:first-of-type {
    display: block;
    margin-top: 0;
    color: #f5752d;
    margin-bottom: 10px;
}

.new_sample_video_section .summaryBox {
    padding: 15px 20px;
    background: #fff;
    -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
    margin-bottom: 0;
}

.new_sample_video_section .episodeVideoDetail {
    background: transparent;
    padding: 0;
    margin: 0;
    padding-left: 16px;
}

.new_sample_video_section .episodeVideoDetail li {
    padding-bottom: 8px;
}

.new_sample_video_section .hero.innerpage.sec.bg-img-sec .hero-content {
    padding-bottom: 0;
}

.new_sample_video_section .episodeVideoDetail li::before {
    /*content: "•";
    font-size: 24px;
    vertical-align: middle;
    line-height: 13px;
    color: #f5752d;
    margin-right:  5px;
    color: #000;
    margin-top: -3px;
    display: inline-block;*/
}

.new_sample_video_section .accordion.mixed {
    overflow: inherit;
}

.new_sample_video_section .accordion.mixed li {
    background: #fff;
    -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
    margin-top: 5px !important;
    margin-bottom: 0;
    transition: background 0.3s;
}

.new_sample_video_section .accordion.mixed li.hightlightthis {
    background: #fef65b;
}

.new_sample_video_section .accordion.mixed li .inner li {
    background: transparent;
    box-shadow: none;
}

.page-template-template-free-trial-new section.main-content-sec.new-hp, body.home section.main-content-sec.new-hp {
    margin-top: 0;
}

.new_sample_video_section_title {
    margin-top: 40px;
    text-shadow: 1px 1px 1px #000000;
    letter-spacing: .5px;
    color: #fff !important;
    font-size: 40px;
    font-weight: bold;
}

.new_sample_video_section .wistia_responsive_padding {
    margin-bottom: 5px;
    -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
}

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

.new_video_sample_toggle_li {
    cursor: pointer;
}

.new_sample_video_section .video-desc {
    z-index: 2;
    position: relative;
}

.new_sample_video_section .accordion.mixed {
    z-index: 2;
    position: relative;
}

.sec-w-text-img .img-sec {
    width: 428px;
}

.sec-w-text-img .text-sec {
    padding-top: 0;
}

@media all and (min-width: 1281px) {
    .main-content-sec.new-hp .sec-w-text-img .img-sec {
        margin-right: 120px;
    }
}

@media all and (max-width: 767px) {
    .new_sample_video_section .wistia_responsive_padding {
        padding-top: 56% !important;
    }
}

@media all and (max-width: 450px) {
    h2.new_sample_video_section_title {
        font-size: 24px;
    }

    .new_sample_video_section .summaryBox .summary-title:first-of-type {
        font-size: 15px;
        padding-bottom: 0;
    }

    .videoContainerMobile {
        margin-bottom: 5px;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .videoContainerMobile .videoTitle {
        padding-top: 0px;
    }

    .accordion.mixed > li .toggle::after {
        top: 16px;
    }
}

/* Table Anchor */
.tablepress td.column-1 a {
    color: #3F51B5;
    text-decoration: underline;
}

/* Video Search */
.video_search_form {
    overflow: hidden;
    display: block;
    float: none;
    width: 100%;
    padding-top: 50px;
}

.video_search_form input {
    width: 70% !important;
    float: left;
    border: 1px solid #f4762d;
    border-right: 0;
    border-radius: 5px 0 0 5px;
}

.video_search_form input.videosearchbutton {
    background: #f4762d;
    color: #fff;
    text-transform: uppercase;
    width: 30% !important;
    border-color: #f4762d;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
}

.video_search_form form {
    overflow: hidden;
    width: 512px;
    margin: 0 auto;
    position: relative;
}

.video_search_form input:focus {
    border-color: #f4762d !important;
}

.videoItem.showthevideoitem {
    display: block !important;
    margin-right: 2% !important;
}

h2.video_search_form_error {
    padding-top: 0 !important;
    text-align: center;
    font-size: 24px;
    margin-top: 70px;
    letter-spacing: 0;
}

.search_loader {
    text-align: center;
    margin-top: 70px;
    margin-bottom: 70px;
}

.search_loader img {
    width: 70px;
}

h2.video_search_form_error a {
    text-decoration: underline;
    color: #2595fb;
}

a.clearsearchicon {
    position: absolute;
    left: 70%;
    top: 12px;
    margin-left: -25px;
    cursor: pointer;
    font-size: 16px;
}

@media all and (max-width: 767px) {
    .video_search_form form {
        width: 100%;
    }
}

@media all and (max-width: 767px) {
    body.page-id-2780 .hero-right h1 {
        font-size: 25px !important;
    }
}


@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        visibility: visible
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

#popupActiveFree .title {
    width: 100%;
    padding: 0 5px;
}

#popupActiveFree .title strong {
    font-size: 45px;
    color: #5badf2;
    padding-bottom: 15px;
}

#videolessons img.playbutton {
    display: block !important;
}

@media only screen and (max-width: 767px) {
    #popupActiveFree .title strong {
        font-size: 38px;
    }
}

.loginSection label.agreeText {
    font: normal 13px/20px 'roboto', sans-serif !important;
    color: #333;
    max-width: 100% !important;
    text-align: left !important;
    text-shadow: none !important;
    letter-spacing: normal !important;
    padding: 0 0 0 24px !important;
    position: relative;
    display: block;
}

#checkbox {
    position: absolute;
    top: 2px;
    left: 0px;
}

@media all and (max-width: 400px) {
    .request_a_quote_form input, .request_a_quote_form textarea {
        font-size: 11px !important;
    }
}

/* Exit Ticket */
.exitticketpopup {
    display: none;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999;
    webkit-animation: fadeIn .2s ease;
    animation: fadeIn .2s ease;
    flex-direction: column;
    justify-content: center;
}

.exitticketpopup.activatepopup {
    display: -webkit-box !important; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box !important; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox !important; /* TWEENER - IE 10 */
    display: -webkit-flex !important; /* NEW - Chrome */
    display: flex !important;
}

.exitticketpopup .popupContainer {
    width: 870px;
    max-width: 90%;
    margin: 0 auto;
}

.exitticket_content {
    width: 870px;
    background: #fff;
    padding: 30px 40px 50px 40px;
    position: relative;
    -webkit-animation: slideInUp .2s cubic-bezier(.1, .5, .15, 1);
    animation: slideInUp .2s cubic-bezier(.1, .5, .15, 1);
    max-width: 100%;
    border: 4px solid #F17E00;
    border-radius: 2px;
    font-family: 'Poppins', arial, sans-serif;
}

.exitticketCloseBtn {
    right: -35px;
    position: absolute;
    top: -40px;
    font-size: 30px;
    color: #fff !important;
}

.exitticket_header {
    text-align: center;
    color: #F17E00;
    margin-bottom: 10px;
}

.exitticket_header_content {
    font-size: 35px;
    font-weight: 700;
    line-height: 35px;
}

.exitticket_header_content::before {
    content: "";
    background: url(/wp-content/themes/twentyseventeen-child/images/exit-icons.png);
    width: 60px;
    height: 40px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -8px;
}

.exitticket_inner_content {
}

.exitticket_inner_content_item {
    margin-top: 15px;
    border-top: 1px solid #ededed;
    padding-top: 15px;
}

.exitticket_inner_content_item:first-child {
    border: 0;
}

.exitticket_inner_content_item .title {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 700;
    color: #F17E00;
}

.exitticket_inner_content_item p {
    margin: 0;
    font-size: 1.2rem;
}

@media all and (max-width: 480px) {
    .exitticket_content {
        max-width: 100%;
        padding: 30px 20px;
    }

    .exitticket_inner_content_item p {
        font-size: 1rem;
    }

    a.exitticketCloseBtn {
        right: 0;
        top: -45px;
    }

    .exitticket_header_content {
        text-align: left;
    }

    .exitticket_header_content::before {
        width: 37px;
        margin-right: 7px;
    }

    .exitticket_inner_content_item {
        margin-top: 20px;
    }
}


@media all and (max-width: 1166px) and (min-width: 768px) {
    body.page-template-subscribe2 section.inner-content-sec {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* New Quizbar */
.quiz_bar_buttons {
    float: right;
    padding: 19px 19px;
}

.quiz_bar_buttons a {
    font-weight: normal;
    background: #f17e00;
    border: 2px #f17e00 solid;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 3px;
    margin-left: 10px;
    border-radius: 3px;
    transition: all 0.3s;
    cursor: pointer;
}

/*
@media all and (max-width: 390px){
    .quiz_bar_buttons a {
        min-height: 58px !important;
    }
}
*/

.quiz_bar_buttons a.outline {
    background: transparent;
    color: #f17e00;
}

.quiz_bar_buttons a:hover {
    background: #f3672d;
    border: 2px #f3672d solid;
    color: #fff;
}

@media all and (max-width: 480px) {
    .quiz_bar_buttons a span.nomobile {
        display: none;
    }
}

a.quiz_bar_kahoot i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/question-circle.png') no-repeat;
    background-size: cover;
    margin-left: 5px;
    position: relative;
    top: 1px;
}

@media all and (max-width: 1023px) {
    .quiz_bar_buttons {
        float: none;
        padding: 0 15px;
        width: 100%;
        overflow: hidden;
        display: block;
    }

    .quiz_bar_buttons a {
        margin-left: 0;
        margin-bottom: 15px;
        width: 48%;
        float: left;
        text-align: center;
    }

    /*a.quiz_bar_kahoot {
        width: 100%;
    }*/
    .quiz_bar_buttons a:nth-child(even) {
        margin-left: 4%;
    }

    .quiz_bar_li .inner.show {
        display: block !important;
    }
}

/* Activities */

.single_activities_summery {
}

.single_activities_summery p {
    color: #000 !important;
    font-size: 15px;
    line-height: 24px;
}

.single_activities_acc_options {
}

.single_activities_acc_options ul {
    margin-bottom: 0.5em;
}

.single_activities_acc_options ol {
    margin-bottom: 0.5em;
}

.single_activities_acc_options ul li {
    list-style-position: inside;
}

.single_activities_acc_options ol li {
    list-style-position: inside;
}

.single_activities_acc_options ol {
    counter-reset: item;
}

.single_activities_acc_options ol li {
    list-style-type: none;
    counter-increment: item;
}

.single_activities_acc_options ol li:before {
    display: inline-block;
    width: 5px;
    padding-right: 20px;
    font-weight: bold;
    text-align: right;
    content: counter(item) ".";
}

.single_activities_acc_options li a {
    color: #286efa !important;
    text-decoration: underline;
}

.activities_title_right_text {
    color: #000;
    line-height: 33px;
    font-weight: bold;
}

.activities_title_right_text a {
    border-bottom: 2px solid #f68033;
    padding-bottom: 3px;
}

a.activities_ins_download {
    background: #f5752d;
    color: #fff !important;
    font-size: 14px;
    padding: 5px 15px;
    display: inline-block;
    line-height: 17px;
    vertical-align: middle;
    float: right;
}

.activities_checkout_full_video {
    background: #fff;
    -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
    box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, .28);
    margin-top: 5px !important;
    margin-bottom: 0;
    transition: background 0.3s;
    overflow: hidden;
    float: none;
    position: relative;
}

.activities_checkout_full_video_inner {
    padding: 25px;
    overflow: hidden;
}

.activities_checkout_full_video_col_image .videoItem {
    margin: 0;
    box-shadow: none !important;
    width: 100%;
}

.activities_checkout_full_video_col_image .videoItem img {
    box-shadow: none !important;
}

.activities_checkout_full_video_col {
    float: left;
}

.activities_checkout_full_video_col_image {
    width: 180px;
    overflow: hidden;
    margin-right: 30px;
}

.activities_checkout_full_video_col_text {
    width: 638px;
}

.activities_checkout_full_video_col_text h3 {
    margin-top: 0;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 22px;
    letter-spacing: 0;
}

.activities_checkout_full_video_col_text p {
    font-size: 15px;
    line-height: 20px;
    margin: 0;
}

.activities_checkout_full_video_col_image .videoItem img.playbutton {
    width: 30px;
    margin-left: -15px;
    margin-top: -17px;
}

.activities_big_columns {
    margin-top: -8px;
    overflow: hidden;
}

.activities_big_columns_inner {
    overflow: hidden;
}

.activities_big_columns_col {
    float: left;
    width: 33.33333%;
    text-align: center;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    overflow: hidden;
}

.activities_big_columns_col a {
    width: 100%;
    display: block;
    padding: 100px 15px;
    background: rgba(241, 126, 0, 0.6);
    z-index: 10;
    position: relative;
}

.activities_big_columns_col a span {
    background: #5aa8e7;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 5px;
}

body.single-activities .site-footer {
    border-color: #fff;
}

.single_activities_acc_options p {
    margin-bottom: 0.5em;
}

.single_activities_acc_options p a {
    padding: 0 !important;
    color: #286efa !important;
    border: 0 !important;
    text-decoration: underline;
}

.activities_big_col_bg_holder {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-size: cover !important;
    background-position: center !important;
    transition: all 0.3s;
}

.activities_big_columns_col:hover .activities_big_col_bg_holder {
    transform: scale(1.05);
}

@media all and (max-width: 1023px) {
    .activities_checkout_full_video_inner {
        padding: 20px;
    }

    .activities_checkout_full_video_col_text {
        width: 478px;
    }

    .activities_checkout_full_video_col_image {
        margin-right: 20px;
    }

    .activities_big_columns_col a span {
        font-size: 14px;
        padding: 5px 10px;
    }
}

@media all and (max-width: 767px) {
    .single-activities .video_lession_content_wrap {
        max-width: 100%;
    }

    a.activities_ins_download {
        float: none;
        margin: 10px 0;
    }

    .activities_checkout_full_video_col_image {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .activities_checkout_full_video_col_text {
        width: 100%;
    }

    .activities_checkout_full_video_col_text h3 {
        font-size: 18px;
    }

    .activities_big_columns_col {
        width: 100%;
        float: none;
    }

    .activities_big_columns_col a {
        padding: 80px 14px;
    }
}


/* Water Page */
.page-template-template-water .hero.footer-hero-section h2,
.page-template-template-water .hero.footer-hero-section .main-heading {
    font-size: 32px !important;
}

.page-template-template-water .hero.footer-hero-section .main-heading {
    font-family: 'Poppins' !important;
    font-weight: 900;
}

.page-template-template-water .hero.footer-hero-section p {
    font-size: 26px !important;
    margin-bottom: 20px;
}

section.hero.sec.bg-img-sec.bannerSecFoot.footer-hero-section {
    padding: 50px 0 !important;
}

.page-template-template-water .site-footer {
    background: #f17e00;
    margin-bottom: 0;
}

.page-template-template-water .site-footer, .page-template-template-water .site-footer .logo, .page-template-template-water .site-footer .main-menu li a {
    color: #fff;
}

.page-template-template-water .site-footer .logo svg path {
    fill: #fff;
}

.page-template-template-water .lessons-slider-component {
    background: #fff;
}

.page-template-template-water .lessons-slider-component .main-heading {
    text-align: center;
    padding-bottom: 25px;
}

/*section.hero.sec.bg-img-sec.bannerSec.header-hero-section-water {
    padding-bottom: 0 !important;
}*/

.header-hero-section-water .hero-left {
    width: 530px;
    margin-left: 70px;
}

.header-hero-section-water .hero-right {
    width: 460px;
    float: left;
    margin-left: 40px;
}

.page-template-template-water .sec.highlight-sec {
    box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, .18);
}

.page-template-template-reading-material .sec.highlight-sec {
    box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, .18);
}

.page-template-template-water .header-hero-section-water.hero h1 {
    margin-top: 0;
}


.header-hero-section-water .hero-content.sec {
    margin-bottom: 15px;
}

.page-template-template-water footer.site-footer.sec {
    margin-bottom: 0;
    padding: 25px 0 10px;
}

.page-template-template-water .trademarkCopy p {
    color: #fff;
}

.page-template-template-water .sec.highlight-sec,
.page-template-template-reading-material .sec.highlight-sec {
    margin-bottom: 40px;
}

.page-template-template-water .sec,
.page-template-template-reading-material .sec {
    margin-bottom: 20px;
}

.page-template-template-water .sec {
    margin-bottom: 0 !important;
}

.page-template-template-reading-material .sec.go-back-sec {
    text-align: center;
}

.page-template-template-water .inner-content-sec h2,
.page-template-template-reading-material .inner-content-sec h2,
.page-template-template-water .inner-content-sec .main-heading {
    margin-top: 0;
    margin-bottom: 0;
}

.page-template-template-reading-material .inner-content-sec h2,
.page-template-template-water .inner-content-sec .main-heading {
    font-weight: 900 !important;
    color: #f17e00;
    font-family: 'Roboto', arial, sans-serif;
    letter-spacing: 0px;
    font-size: 30px;
}

.page-template-template-water .multiple-content-el:last-child {
    margin-bottom: 0;
}

.page-template-template-water .inner-content-sec {
    padding-bottom: 20px;
}

.page-template-template-water .accordion.mixed li .inner.mainaccinner,
.page-template-template-reading-material .accordion.mixed li .inner.mainaccinner {
    display: block !important;
    height: auto !important;
    padding: 25px 25px 25px !important;
}

.page-template-template-water .mainacctogglebar,
.page-template-template-reading-material .mainacctogglebar {
    color: #f17e00 !important;
}

.page-template-template-water .mainacctogglebar:hover,
.page-template-template-reading-material .mainacctogglebar:hover {
    color: #f17e00 !important;
}

.page-template-template-water .mainacctogglebar::after,
.page-template-template-reading-material .mainacctogglebar::after {
    content: "";
}

.page-template-template-water .mainacctogglebar span,
.page-template-template-reading-material .mainacctogglebar span {
    display: block;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    margin-top: 10px;
    color: #666;
}

.page-template-template-water .sec.examples-sec,
.page-template-template-reading-material .sec.examples-sec {
    margin-bottom: 0;
}

.page-template-template-water .accordion.mixed li,
.page-template-template-reading-material .accordion.mixed li {
    margin-bottom: 30px !important;
}

.page-template-template-water .accordion.mixed li ul li,
.page-template-template-reading-material .accordion.mixed li ul li {
    margin-bottom: 0 !important;
}

.page-template-template-water .accordion.mixed li:last-child,
.page-template-template-reading-material .accordion.mixed li:last-child {
    margin-bottom: 0px !important;
}

.footer-hero-section-without-video .hero-right {
    text-align: center;
    width: 100%;
}

.footer-hero-section-without-video .hero-content.sec {
    margin-bottom: 0;
}

.video-aspect-ratio {
    position: relative !important;
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 56% !important;
}

.video-aspect-ratio iframe {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
}

.page-template-template-water .sec.highlight-sec h1,
.page-template-template-reading-material .sec.highlight-sec h1,
.page-template-template-water .sec.highlight-sec .main-heading {
    font-size: 30px;
    font-weight: 900 !important;
    color: #f17e00;
    font-family: 'Roboto', arial, sans-serif;
    letter-spacing: 0px;
}

.page-template-template-reading-material .bannerImg {
    max-height: 394px;
    overflow: hidden;
}

@media all and (max-width: 1280px) {
    .page-template-template-water .hero-left {
        width: 100% !important;
        margin-left: 0;
        float: none;
        margin-bottom: 30px;
    }

    .page-template-template-water .hero-right {
        float: none;
        width: 100%;
        margin: 0;
    }

    .page-template-template-reading-material .bannerImg {
        max-height: 372px;
    }
}

.page-template-template-water .multiple-content-el p,
.page-template-template-reading-material .multiple-content-el p {
    margin-bottom: 20px !important;
}

.page-template-template-water .multiple-content-el p:last-child,
.page-template-template-reading-material .multiple-content-el p:last-child {
    margin-bottom: 0 !important;
}

@media all and (max-width: 767px) {
    section.hero.sec.bg-img-sec.bannerSec.header-hero-section-water {
        padding-top: 100px;
    }

    .page-template-template-water .header-hero-section-water.hero h1 {
        font-size: 30px !important;
    }

    .page-template-template-water .header-hero-section-water.hero h2 {
        line-height: 22px;
        font-size: 20px;
        letter-spacing: -1px;
    }

    .page-template-template-water .header-hero-section-water.hero p {
        font-size: 18px;
        line-height: 20px;
        padding-bottom: 0;
        margin-bottom: 10px;
    }

    .page-template-template-water .sec.highlight-sec {
        padding: 30px;
    }

    .page-template-template-water .inner-content-sec h2,
    .page-template-template-reading-material .inner-content-sec h2,
    .page-template-template-water .inner-content-sec .main-heading {
        font-size: 24px;
        line-height: 26px;
    }

    .accordion.mixed li .inner a span {
        padding-right: 15px;
        font-size: 9px;
    }

    .page-template-template-water .mainacctogglebar {
        padding-right: 15px !important;
    }

    .page-template-template-water .site-footer .main-menu {
        background: transparent;
    }

    .page-template-template-water .footer-logo-sec {
        margin-bottom: 0;
    }
}

@media all and (max-width: 450px) {
    .page-template-template-water .multiple-content-el img,
    .page-template-template-reading-material .multiple-content-el img {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

    .page-template-template-water ul.examples-grid {
        display: block !important;
    }
}


/* New Contact Page */
.new_contact_page_content_section {
}

.new_contact_page_content_section h2 {
    color: #f17e00;
    margin-top: 0;
    font-size: 24px;
    letter-spacing: 0;
    font-weight: bold;
    margin-bottom: 20px;
}

.new_contact_page_content_section p {
    margin-bottom: 10px;
    line-height: 20px;
}

.new_contact_page_content_section p a {
    color: rgb(40, 110, 250);
    text-decoration: underline;
    font-weight: bold;
}

.page-template-template-contact-new .contactLeft:after {
    position: absolute;
    content: '';
    left: 100%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #eee;
    margin-left: 20%;
}

.new_contact_page_content_section p:last-child {
    margin-bottom: 0;
}

.new_contact_form {
    margin-top: 30px;
}

.new_contact_form_row {
    overflow: hidden;
}

.new_contact_form_col {
    width: 50%;
    float: left;
    padding-right: 20px;
}

.new_contact_form_input_box {
    margin-bottom: 15px;
}

.new_contact_form_input_box input {
    width: 100%;
    border: 1px solid #999;
    padding: 7px 10px;
    letter-spacing: 0;
    font-size: 14px;
}

.new_contact_form_input_box_upload {
}

.new_contact_form_input_box_upload input {
    padding: 0;
    border: 0;
}

.new_contact_form_input_box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #666;
}

.new_contact_form_input_box input::-moz-placeholder { /* Firefox 19+ */
    color: #666;
}

.new_contact_form_input_box input:-ms-input-placeholder { /* IE 10+ */
    color: #666;
}

.new_contact_form_input_box input:-moz-placeholder { /* Firefox 18- */
    color: #666;
}

.new_contact_form_input_box_upload span {
    font-size: 12px;
}

.new_contact_form_input_box input[type="checkbox"] {
    display: inline-block;
    width: 13px;
}

.new_contact_form_input_box span.wpcf7-list-item {
    margin-left: 0;
}

.new_contact_form_input_box_submit {
    margin-bottom: 0;
}

.new_contact_form_input_box_submit input.wpcf7-form-control.wpcf7-submit {
    width: 100px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
    background: #f17e00 !important;
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 3px;
    border: 0;
    padding: 7px 10px;
    font-weight: bold;
}

.new_contact_form_input_box_submit input.wpcf7-form-control.wpcf7-submit:hover {
    background: #f17e00 !important;
    color: #fff !important;
}

.new_contact_form_input_box br {
    display: none;
}

.new_contact_form_input_box textarea {
    border: 1px solid #999;
    padding: 7px 10px;
    letter-spacing: 0;
    font-size: 14px;
    height: 100px;
}

.new_contact_form_input_box_select {
    padding-top: 10px;
}

.new_contact_form_input_box_select select {
    max-width: 581px;
    border: 1px solid #999;
    padding: 7px 10px;
    letter-spacing: 0;
    font-size: 16px;
    color: #333;
}

.new_contact_form_input_box_select .wpcf7-not-valid-tip {
    font-size: 12px;
}

.new_contact_form_input_box.new_contact_form_input_box_textarea {
    position: relative;
    padding-right: 20px;
}

.new_contact_form_input_box label {
    font-size: 16px;
    margin-bottom: 5px;
    position: absolute;
    top: 31px;
    left: 10px;
    width: 93%;
    transition: all 0.3s;
}

.contact_page_new_form .new_contact_form_input_box {
    position: relative;
    padding-top: 25px;
    margin-bottom: 10px;
}

.new_contact_form_col p {
    display: none;
}

.new_contact_form_input_box.thisfieldisfocused label {
    top: 4px;
    left: 0;
    font-size: 13px;
    margin-bottom: 0;
}

.contact_page_new_form .new_contact_form_input_box_submit input {
    cursor: pointer;
}

.new_contact_form_input_box span.wpcf7-not-valid-tip {
    font-size: 12px;
    margin-top: 2px;
}

@media all and (max-width: 450px) {
    .new_contact_form_input_box.new_contact_form_input_box_textarea {
        padding-right: 0;
    }

    .new_contact_form_input_box.new_contact_form_input_box_textarea.thisfieldisfocused label {
        line-height: 17px;
        width: 100%;
    }

    .new_contact_form_input_box.new_contact_form_input_box_textarea.thisfieldisfocused {
        padding-top: 40px;
    }
}

@media all and (max-width: 1023px) {
    body.page-template-template-contact-new .contactLeft {
        border-bottom: 1px solid #eee;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
}

@media all and (max-width: 450px) {
    .new_contact_form_col {
        width: 100%;
        padding-right: 0;
    }
}

option#thereflistblankoption {
    display: none;
}

@media all and (min-width: 481px) {
    body.login_page_template .loginHeadingSec h2 {
        font-size: 29px;
        line-height: 32px;
    }
}

@media all and (max-width: 767px) {
    body.page-id-3158 form#free_trial_frm {
        display: none;
    }

    body.page-id-3158 .trial_g_single_email_form {
        display: block !important;
    }
}

.video_search_form_error_cta {
    max-width: 800px;
    background: #f5f5f5;
    margin: 20px auto 0;
    border-radius: 15px;
}

.video_search_form_error_cta_inner {
    padding: 20px 20px 20px 110px;
    position: relative;
}

.video_search_form_error_cta_inner p {
    margin: 0;
    line-height: 20px;
    font-size: 17px;
}

.video_search_form_error_cta_inner .video_search_form_error_cta_icon {
    width: 70px;
    height: 100%;
    position: absolute;
    left: 20px;
    top: 0;
    background: url(https://www.generationgenius.com/wp-content/uploads/2018/10/information.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media all and (max-width: 450px) {
    .video_search_form_error_cta_inner .video_search_form_error_cta_icon {
        position: inherit;
        width: 100%;
        height: 70px;
        left: 0;
        margin-bottom: 15px;
    }

    .video_search_form_error_cta_inner {
        padding: 20px;
        text-align: center;
    }

    h1.video_search_form_error {
        margin-top: 20px;
    }

    h1.video_search_form_error a {
        font-size: 20px;
        display: block;
    }

}

.buttons-container.alternate a.blue {
    background: #00B5DF;
}

.buttons-container.alternate {
    flex-wrap: wrap;
}

.buttons-container.alternate .button-wrap {
    width: 250px;
    text-align: center;
}

.buttons-container.alternate .button-wrap:first-of-type {
    margin-right: 20px;
}

.buttons-container.alternate .button-wrap a {
    display: block;
    margin: 0;
    width: 100%;
    font-size: 21px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.buttons-container.alternate .button-wrap .button-text {
    margin: 0;
    color: white;
    font-family: 'Nanum Pen Script';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
}

.subscribe_page_cta_section {
    display: block;
    float: none;
    clear: both;
    margin-bottom: 50px;
}

.subscribe_page_cta_section_wrap {
    background: #f5f5f5;
    margin: 0;
    border-radius: 15px;
}

.subscribe_page_cta_section_wrap_inner {
    padding: 30px 30px 30px 220px;
    position: relative;
}

.subscribe_page_cta_section_wrap_inner h3 {
    margin-top: 0;
    padding-top: 0;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 0;
}

.subscribe_page_cta_section_wrap_inner p {
    margin: 0;
}

.subscribe_page_cta_section_icon {
    width: 130px;
    height: 100%;
    position: absolute;
    left: 50px;
    top: 0;
    background: url(https://www.generationgenius.com/wp-content/uploads/2018/10/old-school.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.subscribePlanSec {
    padding-bottom: 80px;
}

.ArpPricingTableColumnWrapper {
    margin-bottom: 0 !important;
    transition: 0s !important;
}

section.sec.testimonail-section button.slick-prev {
    left: 288px;
    top: 108%;
}

section.sec.testimonail-section button.slick-next {
    right: 270px;
    top: 108%;
}

.testimonial-container .slick-slider {
    margin-bottom: 20px;
}

.testimonial-container {
    padding-bottom: 100px !important;
}

.testimonial-container ul.slick-dots {
    top: 106%;
}

span.gengen_password_show_hide {
    line-height: 30px;
    margin-top: -38px !important;
    padding-left: 15px;
}

.popupContent .loginSection .input-box {
    position: relative;
}

.popupContent .loginSection .input-box .gengen_password_show_hide {
    position: absolute;
    top: 8px;
    margin: 0 !important;
}

input::-ms-clear, input::-ms-reveal {
    display: none;
}

@media all and (min-width: 768px) {
    .ArpPricingTableColumnWrapper {
        height: auto !important;
    }
}

@media all and (max-width: 767px) {
    .subscribe_page_cta_section_wrap_inner {
        padding: 15px;
    }

    .subscribe_page_cta_section_icon {
        position: inherit;
        width: 100%;
        height: 90px;
        left: 0;
        margin-bottom: 10px;
    }

    .subscribePlanSec {
        padding-bottom: 30px;
    }

    span.gengen_password_show_hide {
        top: 43px !important;
    }
}

.loginSection.trial-form.trial_from_step_2_extra_class h2.loginheadh2style {
    font-size: 21px !important;
}

.loginSection.trial-form.trial_from_step_2_extra_class {
    /*height: 400px;*/
}

@media all and (max-width: 450px) {
    .testimonail-section .slick-slide {
        transform: scale(1) !important;
        min-height: 500px;
    }
}

body.page-template-front-page .loginSection p {
    padding-bottom: 5px !important;
}

.page-template-template-water .header-hero-section-water.hero h1 {
    letter-spacing: 0 !important;
    text-transform: uppercase;
    line-height: 1.2em;
}

.page-template-template-water .hero h2 {
    letter-spacing: 0 !important;
}

.page-template-template-water .hero p {
    font-size: 18px !important;
}

.page-template-template-water .hero p.subheading {
    font-size: 22px !important;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 30px;
    margin-top: 25px;
}

.page-template-template-water .sec.highlight-sec h1,
.page-template-template-reading-material .sec.highlight-sec h1,
.page-template-template-water .sec.highlight-sec .main-heading {
    margin-bottom: 10px !important;
}

.page-template-template-water .multiple-content-el h3,
.page-template-template-reading-material .multiple-content-el h3 {
    letter-spacing: 0px !important;
}

.page-template-template-water .hero.footer-hero-section h2 {
    letter-spacing: 0 !important;
}

/* Hall of fame header */
section.trial-hall-bg {
    display: none !important;
}

.new_header_hall_of_fame {
    background: url(/wp-content/uploads/2018/10/diy_hall_of_fame_background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    margin-top: 58px;
    padding: 100px 0 80px 0;
}

.new_header_hall_of_fame_row {
    overflow: hidden;
}

.new_header_hall_of_fame_col {
    float: left;
    width: 44%;
    text-align: center;
}

.new_header_hall_of_fame_col_trophy {
    width: 28%;
    text-align: right;
}

.new_header_hall_of_fame_col_trophy:last-child {
    text-align: left;
}

.new_header_hall_of_fame_col h1 {
    font-size: 3.8rem !important;
    color: #fff;
    font-weight: 700;
}

.new_header_hall_of_fame_col h2 {
    font-size: 2rem;
    font-weight: 400;
}

.new_header_hall_of_fame_col_trophy img {
    width: 120px;
}

.new_header_hall_of_fame_submit_button {
    text-align: center;
    margin-top: 20px;
}

.new_header_hall_of_fame_submit_button a {
    padding: 16px 25px !important;
}

@media all and (min-width: 501px) {
    .page-template-template-hall-fame-php .site-header.secondary {
        position: relative !important;
    }
}

@media all and (max-width: 1199px) {
    .new_header_hall_of_fame_col {
        width: 52%;
    }

    .new_header_hall_of_fame_col_trophy {
        width: 24%;
    }
}

@media all and (max-width: 991px) {
    .new_header_hall_of_fame_col {
        width: 66%;
    }

    .new_header_hall_of_fame_col_trophy {
        width: 17%;
    }

    .new_header_hall_of_fame_col h1 {
        font-size: 56px !important;
    }
}

@media all and (max-width: 767px) {
    section.trial-hall-bg {
        display: block !important;
        margin-top: 0px;
        padding-top: 15px;
    }

    .new_header_hall_of_fame {
        display: none !important;
    }

    .page-template-template-hall-fame-php .hero-container h1 {
        padding-top: 40px !important;
    }

    .page-template-template-hall-fame-php .submit-project {
        padding: 8px 20px;
        font-size: 18px;
    }

    .page-template-template-hall-fame-php .submit-project span {
        padding: 0 !important;
    }

    .page-template-template-hall-fame-php .trial-hall-bg .col-sm-12.pt-3.pt-sm-3.pt-md-0.mt-xs-3.pb-4.mb-5.text-center {
        padding-bottom: 0 !important;
        margin-bottom: 2rem !important;
    }
}

.page-template-template-contact-new .wpcf7-mail-sent-ok {
    border: 2px solid #398f14 !important;
}

.loginSection label.agreeText {
    font-size: 14px !important;
}

@media all and (max-width: 450px) {
    span.agreecheckboxhidemobile {
        display: none !important;
    }

    .loginSection label.agreeText {
        font-size: 13px !important;
    }
}


.contact_us_faq .accordion > li > a {
    font-size: 18px;
    padding: 10px 35px 10px 15px;
    min-height: 0;
}

.contact_us_faq ul.accordion {
    margin-bottom: 0;
}

.contact_us_faq .toggle:after {
    /*top: 10px;
    right: 15px;*/
    top: 20px;
    right: 20px;
}

.contact_us_faq .accordion > li > ul p {
    margin-bottom: 10px;
}

.contact_us_faq .accordion > li > ul {
    padding: 0px 15px 0px 15px;
}

.new_contact_form.contact_page_new_form {
    margin-top: 0;
}

.contact_us_faq {
    padding-right: 20px;
}

@media all and (max-width: 450px) {
    .contact_us_faq {
        padding-right: 0;
    }
}

.bne-testimonial-masonry-wrapper {
    /*column-count: 3 !important;*/
}

.bne-testimonial-masonry-wrapper .testimonial-single.col-3-masonry {
    float: left;
    /*  break-inside: avoid !important;
      width: 100%;
      margin: 0 0 15px 0 !important;*/
}

@media all and (max-width: 1023px) {
    .bne-testimonial-masonry-wrapper {
        column-count: 2 !important;
    }
}

@media all and (max-width: 767px) {
    .bne-testimonial-masonry-wrapper {
        column-count: 1 !important;
    }
}

.new_contact_form_input_box .wpcf7-acceptance label {
    position: inherit;
}

body.page-template-template-contact-new .new_contact_form_input_box .wpcf7-acceptance label {
    width: 100%;
}

/* New Free Trial */
.freetrialusertypesecltion {
    max-width: 260px;
    width: 100%;
    margin: 0 auto;
}

.freetrialusertypesecltion p {
    margin-bottom: 15px !important;
    padding: 0 !important;
    font-size: 20px !important;
}

.freetrialusertypesecltion ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.freetrialusertypesecltion ul li {
    background: #f17e00;
    color: #fff;
    cursor: pointer;
    margin-bottom: 15px;
    text-align: center;
    padding: 10px 5px;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0px;
}

.loginSection.trial-form.trial_from_step_2_extra_class {
    height: 450px;
}

select.refertype {
    background: #e6e6e6;
    font-size: 13px;
}

section.lessonSection.featured.no-logged-in img.playbutton {
    display: block !important;
}

.paid_video_container_title {
    overflow: hidden;
    display: block;
    float: none;
    width: 100%;
    padding-top: 50px;
    text-align: center;
}

.paid_video_container_title h2 {
    margin: 0;
    padding: 0;
    color: #f17e00;
    font-size: 36px;
}

@media only screen and (max-width: 600px) {
    .paid_video_container_title h2 {
        font-size: 26px;
    }
}


.state_table_content_inner .geolocationheader h2 {
    letter-spacing: 0;
}


.gengen_activate_teachers .gengen_password_show_hide {
    margin-top: 4px !important;
}

.contact_us_faq .accordion > li > ul p a {
    color: #03A9F4;
    text-decoration: underline;
}

body.page-template-forgot-password .contactLeft h3 {
    margin-bottom: 15px;
}

.video-action {
    border-radius: 5px 0 0 5px;
    margin-left: 5px !important;
}

.video-action:before {
    content: "AUTO STOP";
    color: #4a4a4a !important;
    outline: none !important;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Roboto';
    padding-left: 10px;
    vertical-align: top;
    margin-top: 6px;
    display: inline-block;
}

.header__inner {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}


.uploadedfilelabel {
    background: #44a5e8;
    padding: 6px 10px;
    color: #fff;
}

.uploadedfilelabel i {
    display: inline-block;
    margin-right: 7px;
    cursor: pointer;
}

.main-menu li a:hover {
    text-decoration: none !important;
}

.contact_us_form_separator {
    font-size: 22px;
    border-top: 1px solid #f17e00;
    font-weight: bold;
    margin-top: 20px;
    padding-top: 20px;
    width: 150px;
    color: #f17e00;
}

@media all and (max-width: 450px) {
    .contact_us_form_separator {
        margin-right: 0;
    }
}

@media all and (max-width: 1280px) {
    body.logged-out-user .site-footer .main-menu li {
        padding: 0 5px !important;
        font-size: 12px !important;
    }

    body.logged-in .site-footer .main-menu li {
        padding: 0 5px !important;
        font-size: 12px !important;
    }
}


/* Paid Video Popup */
.logintrial_actionpopup {
    font-family: 'Poppins', sans-serif;
    padding-top: 10px;
    padding-bottom: 30px;
}

.logintrial_actionpopup .title {
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    font-weight: 700;
    font-family: 'Poppins', sans-serif !important;
}

.logintrial_actionpopup p {
    font-size: 18px !important;
    line-height: 22px !important;
    text-align: center !important;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif !important;
}

.logintrial_actionpopup ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.logintrial_actionpopup ul li {
}

.logintrial_actionpopup ul li a {
    background: url(../landing-new-asset/img/btn_bg.jpg) repeat-x left top;
    background-size: 100% 100%;
    padding: 16px 26px;
    transition: all .35s ease-in;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .12);
    text-align: center;
    display: block;
    max-width: 100%;
    font-weight: 700;
    color: #fff;
    font-weight: 700;
    font-size: 19px;
    border-radius: 5px;
    margin-top: 15px;
    cursor: pointer;
}

.logintrial_actionpopup ul li a:hover {
    background: url(../landing-new-asset/img/btn_bg_hover.jpg) repeat-x left top;
    background-size: 100% 100%;
    box-shadow: none;
}

#popupActiveFree .loginSection.trial-form {
    border-radius: 5px;
}

#popupActiveFree .popupContainer {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -140px;
    margin-left: -175px;
}

.showingstep2formaspopup .loginHeadingSec {
    display: none;
}

.showingstep2formaspopup .form-cont.trialEmail.load_popup_email.width50 {
    display: none;
}

.showingstep2formaspopup .gengen_free_trial_step2 {
    display: block !important;
}

.showingstep2formaspopup div#freeTrialPopup {
    max-width: 100%;
    padding: 0;
}

.showingstep2formaspopup .loginSection.trial-form {
    padding: 0;
    background: transparent;
}


.showingstep2formaspopup .loginSection.trial-form.trial_from_step_2_extra_class {
    background: #fff;
    padding: 25px;
    height: auto;
}

.showingstep2formaspopup .loginSection.trial-form.trial_from_step_2_extra_class .loginHeadingSec {
    display: block;
}

@media all and (max-width: 479px) {
    #popupActiveFree .popupContainer {
        width: 90%;
        left: 5%;
        margin-left: 0;
        margin-top: -143px;
        max-width: 90%;
    }

    .logintrial_actionpopup ul li a {
        font-size: 18px;
    }
}

body.single-videolessons footer.site-footer.sec {
    margin-top: -8px;
}

body.page-template-template-state-by-state .inner-content-sec {
    background: #ededed;
}

body.page-template-template-state-by-state .inner-content-sec .state_table_content_inner {
    background: #fff;
}

@media all and (max-width: 459px) {
    .gengen_generate_link_fields ul li {
        text-align: center !important;
    }

    .gengen_generate_link_fields .checkbox + label {
        margin: 10px auto 0;
        line-height: 20px;
    }
}

.top-banner {
    position: relative;
    background: #20282e;
    box-sizing: border-box;
    padding-top: 25px;
    padding-bottom: 25px;
}

.top-banner.top-banner--margin-top {
    padding-top: 85px;
}

/*.top-banner.top-banner--subscription-expired {
    padding-top: 85px;
}*/
.top-banner .top-banner-left {
    float: left;
    width: 79%;
    text-align: left;
}

.top-banner .top-banner-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

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

    .top-banner {
        display: none;
    }
}

@media only screen and (max-width: 1150px) {
    .top-banner .top-banner-center h3 {
        text-align: center;
        max-width: 560px;
    }
}

.top-banner .top-banner-left h3, .top-banner .top-banner-center h3 {
    font-size: 22px;
    margin-top: 0;
}

.top-banner .top-banner-right {
    float: right;
    width: 19%;
    text-align: right;
}

.top-banner .close {
    position: absolute;
    /*top: 82px;*/
    top: 10px;
    right: 30px;
    color: #fff;
    font-size: 20px;
    outline: none;
}

@media only screen and (max-width: 600px) {
    .top-banner .top-banner-left {
        clear: both;
        width: 100%;
    }

    .top-banner .top-banner-left h3 {
        max-width: 90%;
        font-size: 20px;
    }

    .top-banner .top-banner-left h4 {
        font-size: 16px;
    }

    .top-banner .top-banner-right {
        clear: both;
        width: 100%;
        text-align: left;
    }

    .top-banner .close {
        right: 15px;
    }
}

.top-banner .clearfix {
    clear: both;
}

.top-banner h3 {
    font-family: Poppins, sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: #fff;
    margin: 0;
    padding: 0;
}

@media screen and (device-aspect-ratio: 40/71) {
    .top-banner h3 {
        margin-top: 30px;
    }
}

.top-banner h4 {
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #f17e00;
    margin: 0;
    margin-top: 5px;
    padding: 0;
}

.top-banner p {
    margin: 0;
    padding: 0;
    margin-top: 5px;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    color: #deadde;
    font-weight: normal;
}

/*.top-banner .btn {
    margin-top: 22px;
}*/

/*
.signup-widget {
    clear: both;
    display: block;
    background: linear-gradient(to right, #f87e29 0%, #ef6a32 100%);
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    margin-top: 25px;
}
.signup-widget h3 {
    padding: 0;
    margin: 0;
    color: #fff;
    font-family: 'Poppins', arial, sans-serif;
    font-weight: bold;
    font-size: 36px;
    letter-spacing: 0;
}
.signup-widget p {
    color: #fff;
    font-family: 'Poppins', arial, sans-serif;
    letter-spacing: 0;
}
.signup-widget form {
    margin: 0 auto;
    max-width: 600px;
    max-width: 100%;
}
.signup-widget input[type="email"] {
    display: inline-block !important;
    width: 400px !important;
    max-width: 100%;
    color: #fff;
    border: 1px solid #fff;
    text-indent: 10px;
    border-radius: 4px;
}
.signup-widget input[type="email"]:focus {
    border: 1px solid #fff;
}
.signup-widget input[type="email"]::placeholder,
.signup-widget input[type="email"]:active,
.signup-widget input[type="email"]:focus {
    color: #fff;
}
.signup-widget input[type="submit"] {
    display: inline-block !important;
    width: 140px;
    cursor: pointer;
    position: relative;
    top: -1px;
}
@media (min-width: 481px) and (max-width: 767px) {
    .signup-widget input[type="submit"] {
        width: 100%;
        margin-top: 10px;
    }
}
@media (min-width: 320px) and (max-width: 480px) {
    .signup-widget input[type="submit"] {
        width: 100%;
        margin-top: 10px;
    }
}
.signup-widget input[type="submit"]:hover {
    background: transparent;
    color: #fff;
    border-color: #fff;
}*/

.upcomingK2topics {
    clear: both;
    display: block;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 20px;
    border: 1px solid #eee;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-box-shadow: 0 0 10px 10px #eee;
    -webkit-box-shadow: 0 0 10px 10px #eee;
    box-shadow: 0 0 10px 10px #eee;
}

.upcomingK2topics .topics-headline {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

.upcomingK2topics h2 {
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    color: #f17e00;
    font-size: 34px;
    text-align: center;
}

@media only screen and (max-width: 600px) {
    .upcomingK2topics h2 {
        font-size: 20px;
    }
}

@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (-webkit-min-device-pixel-ratio: 1.5) {
    .upcomingK2topics h2 {
        font-size: 29px;
    }
}

.upcomingK2topics table tr {
    border-color: #F8F8F8;
}

.upcomingK2topics table tr.even {
    background: #F8F8F8;
}

.upcomingK2topics table.desktop-table tr.row-index-32 {
    border: none !important;
}

.upcomingK2topics .topicTitle {
    font-size: 15px;
    color: #4a4a4a;
    padding-top: 15px;
    padding-bottom: 15px;
    box-sizing: border-box;
}

.upcomingK2topics .topicTitle.topicTitle--withPadding {
    padding-left: 40px;
}

.upcomingK2topics table.mobile-table {
    display: none;
}

@media only screen and (max-width: 600px) {
    .upcomingK2topics {
        clear: both;
        margin-top: 40px;
    }

    .upcomingK2topics table.desktop-table {
        display: none;
    }

    .upcomingK2topics table.mobile-table {
        display: table;
        width: 100%;
    }

    .upcomingK2topics table.mobile-table tr,
    .upcomingK2topics table.mobile-table td {
        display: block;
        width: 100%;
    }

    .upcomingK2topics table.mobile-table td {
        text-align: center;
    }
}

body.page-template-template-k2-lessons .lessonSection h2,
body.page-template-template-k2-lessons .videoTitle-upcomingBig,
body.page-template-template-k2-lessons .upcomingK2topics h2,
body.page-template-template-k2-lessons .signup-widget h3,
.k-2-single-video .top-banner h3,
.k-2-single-video .top-banner a,
.k-2-single-video .video-detail h1,
.k-2-single-video .lesson_materials_scroll_button a,
.k-2-single-video .gengen_generate_link,
.k-2-single-video .summaryBox .summary-title,
.k-2-single-video .accordion > li > a,
.k-2-single-video .accordion.mixed li .inner .inner-title,
.k-2-single-video .accordion.mixed h2,
.k-2-single-video .exitticket_header_content,
.k-2-single-video .exitticket_inner_content_item .title {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    -moz-font-feature-settings: "ss01";
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";
    -moz-font-feature-settings: "salt";
    -webkit-font-feature-settings: "salt";
    font-feature-settings: "salt";
}

body.page-template-template-k2-lessons .upcomingK2topics .topicTitle,
body.page-template-template-k2-lessons .signup-widget p,
body.page-template-template-k2-lessons .signup-widget input,
.k-2-single-video .top-banner h4,
.k-2-single-video .episodeVideoDetail .episodeTitle,
.k-2-single-video .accordion.mixed li .inner a,
.k-2-single-video p,
.k-2-single-video .quiz_bar_buttons a,
.k-2-single-video .exitticket_inner_content_item p {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    -moz-font-feature-settings: "ss01";
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";
    -moz-font-feature-settings: "salt";
    -webkit-font-feature-settings: "salt";
    font-feature-settings: "salt";
}

/* Absolute Center Spinner */
.loading {
    display: none;
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.loading .progress-bar {
    width: 1%;
}

.loading .percentage {
    position: relative;
    text-align: center;
    color: #fff;
    left: -6px;
    top: 25px;
    font-size: 24px;
}

.loading .message {
    width: 273px;
    position: relative;
    left: -115px;
    top: 68px;
    color: #fff;
    box-sizing: border-box;
    padding: 10px;
    font-family: 'Roboto';
    font-size: 22px;
    font-weight: bold;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 32px;
    width: 1em;
    height: 1em;
    margin-top: -2em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgb(255, 255, 255) 1.5em 0 0 0, rgb(255, 255, 255) 1.1em 1.1em 0 0, rgb(255, 255, 255) 0 1.5em 0 0, rgb(255, 255, 255) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgb(255, 255, 255) 0 -1.5em 0 0, rgb(255, 255, 255) 1.1em -1.1em 0 0;
    box-shadow: rgb(255, 255, 255) 1.5em 0 0 0, rgb(255, 255, 255) 1.1em 1.1em 0 0, rgb(255, 255, 255) 0 1.5em 0 0, rgb(255, 255, 255) -1.1em 1.1em 0 0, rgb(255, 255, 255) -1.5em 0 0 0, rgb(255, 255, 255) -1.1em -1.1em 0 0, rgb(255, 255, 255) 0 -1.5em 0 0, rgb(255, 255, 255) 1.1em -1.1em 0 0;
}

/* Animation */
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.notification {
    display: none;
    font-size: 2.5em;
    max-width: 580px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -290px;
    margin-top: -132px;
    text-align: center;
    color: #F17E00;
    font-weight: 300;
    opacity: 1;
    background: #fff;
    padding-bottom: 30px;
    border-radius: 30px;
    z-index: 999;
    box-sizing: border-box;
    padding: 30px;
}

.notification-standards {
    display: none;
    font-size: 2em;
    max-width: 580px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -290px;
    margin-top: -132px;
    text-align: center;
    color: #F17E00;
    font-weight: 300;
    opacity: 1;
    background: #fff;
    padding-bottom: 30px;
    border-radius: 30px;
    z-index: 999;
    box-sizing: border-box;
    padding: 30px;
}

@media only screen and (max-width: 600px) {
    .notification,
    .notification-standards {
        left: 5%;
        margin-left: 0;
        max-width: 90%;
        font-size: 2em;
    }
}

.notification:before {
    content: "";
    font-size: 2.5em;
    font-weight: 400;
    display: block;
    font-family: FontAwesome;
}

.notification-standards:before {
    content: "\f073";
    font-size: 2.5em;
    font-weight: 400;
    display: block;
    font-family: FontAwesome;
}

.summer-is-free {
    clear: both;
    background: purple;
    margin-top: 30px;
    color: #fff;
    box-sizing: border-box;
    padding: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.summer-is-free h3 {
    font-family: poppins, sans-serif;
    font-size: 20px;
}

.summer-is-free p {
    font-family: poppins, sans-serif;
    font-size: 14px;
    margin-top: 15px;
}

.autorenew_text {
    clear: both;
    padding-top: 10px;
    font-size: 12px;
}

.sort-videos-by-category {
    text-align: center;
    padding-bottom: 40px;
}

.sort-videos-by-category a,
.sort-videos-by-category a:hover,
.sort-videos-by-category a:focus {
    box-sizing: border-box;
    color: #838A8F;
    /*border: 1px solid #CAD3D8;*/
    /*-moz-border-radius: 17px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
    -khtml-border-radius: 17px;*/
    font-family: "Poppins";
    font-style: normal;
    font-size: 18px;
    padding-left: 18px;
    padding-right: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
    /*margin-right: 25px;*/
    outline: none !important;
}

.sort-videos-by-category a:last-child {
    margin-right: 0;
}

.sort-videos-by-category a.selected {
    background-image: linear-gradient(to right, #F17E00, #F59328);
    color: #fff;
    font-weight: bold;
    border: none;
}

@media only screen and (max-width: 600px) {
    .sort-videos-by-category a {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        font-size: 16px;
    }
}

body.home .testimonail-section h2 {
    margin-top: 40px;
}

.standards-internal-links {
    border-top: 1px solid #d1d1d1;
    font-family: 'Roboto', sans-serif;
}

.standards-internal-links .section-head {

}

.standards-internal-links .section-head h2 {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.standards-internal-links .other-standards {

}

.standards-internal-links .other-standards ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.standards-internal-links .other-standards ul li {
    display: inline-block;
    width: 23%;
    margin-right: 15px;
    text-align: left;
}

.standards-internal-links .other-standards.two-cols ul li {
    width: 100%;
}

.gengen-fraction {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    /*top: -0.8em;*/
    vertical-align: middle;
    font-size: 0.75em !important;
    margin: 0 0.5em 0 0.5em;
    float: unset !important;
    padding: 0 !important;
    font-weight: 500 !important;
}

.gengen-fraction span {
    width: 100%;
    padding: 0 !important;
    text-align: center;
    line-height: normal !important;
}

.gengen-fraction > span:first-child {
    border-bottom: 1px solid black;
}

.auth-widget__button {
    overflow: hidden;
}

.auth-widget .dynamic > div {
    vertical-align: middle;
}

.testimonials-wrapper .testimonials-list .testimonial {
    box-shadow: 0px 5px 5px #00000047;
    margin: 0 5px 5px 5px;
}

.testimonials-wrapper .testimonials-list .slick-track {
    transform: translate3d(-4641px, 0px, 0px);
    padding-bottom: 10px;
}

.triald-section-testimonials .testimonial-row.hide_on_lp_interrupt {
    display: flex;
}

.triald-section-testimonials .testimonial-row.show_on_lp_interrupt {
    display: none;
}

.triald-section-testimonials .testimonial-row .testimonial-box.hide_on_lp_interrupt {
    display: block;
}

.triald-section-testimonials .testimonial-row .testimonial-box.show_on_lp_interrupt {
    display: none;
}

span.show_on_lp_interrupt {
    display: none;
}

span.lesson_grades {
    position: absolute;
    left: 20px;
    bottom: 31px;
    margin: 0;
    font-size: 22px;
    font-family: "Roboto";
    font-weight: 900;
    color: white;
    letter-spacing: 0.3px;
}

span.lesson_grades.mobile_only {
    position: unset;
    color: #f17e00;
    text-align: center;
    margin: 4px 0 -16px;
    display: none !important;
}

@media (max-width: 850px) {
    span.lesson_grades.mobile_only {
        display: block !important;
    }

    span.lesson_grades.desktop-only {
        display: none !important;
    }
}

#exit_popup {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    z-index: 99999999;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s ease;
}

#exit_popup.open {
    opacity: 1;
    visibility: visible;
}

#exit_popup .exit_popup__container {
    width: 780px;
    border-radius: 20px;
    background-color: #fff;
    padding-bottom: 20px;
    position: relative;
}

#exit_popup .exit_popup__container .exit_popup__top {
    background-color: #FF7E00;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px 5px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

#exit_popup .exit_popup__container .freemium-overlay {
    position: unset;
}

#exit_popup .exit_popup__container .alternate-trial-signup {
    display: block !important;
}

#exit_popup .exit_popup__container .title {
    font-size: 37px;
    color: #fff;
    font-family: "Roboto";
    line-height: 1;
}

#exit_popup .exit_popup__container .subtitle {
    font-family: "Roboto";
    font-size: 22px;
    color: #fff;
    padding: 0;
    margin: 0;
    letter-spacing: 0.7px;
    line-height: 1;
    margin-top: 15px;
    text-align: center;
}

#exit_popup .exit_popup__container img {
    max-width: 82%;
    margin-bottom: -60px;
    margin-top: 40px;
}

#exit_popup .exit_popup__container .freemium-overlay .alternate-trial-signup .title {
    display: none;
}

#exit_popup .exit_popup__container .freemium-overlay.bright .free-lessons.alternate {
    margin: 60px auto 0;
    width: 420px;
    text-align: center;
}

#exit_popup .exit_popup__container .freemium-overlay.bright .alternate-trial-signup .alternate-trial-signup-dropdown-role.use-icons:before {
    color: #979490;
}

#exit_popup .exit_popup__container .freemium-overlay.bright .alternate-trial-signup .alternate-trial-signup-field {
    background-color: rgba(196, 196, 196, 0.1);
    border: 1px solid #A5A5AD;
    color: #979490 !important;
}

#exit_popup .exit_popup__container .alternate-trial-signup .alternate-trial-signup-field::placeholder {
    color: #979490 !important;
}

#exit_popup .exit_popup__container .alternate-trial-signup .alternate-trial-signup-field::-moz-placeholder {
    color: #979490 !important;
}

#exit_popup .exit_popup__container .alternate-trial-signup .alternate-trial-signup-field::-webkit-input-placeholder {
    color: #979490 !important;
}

#exit_popup .exit_popup__container .alternate-trial-signup .alternate-trial-signup-dropdown:after {
    color: #979490 !important;
}

#exit_popup .exit_popup__container .alternate-trial-signup .alternate-trial-signup-dropdown {
    display: block !important;
}

#exit_popup .freemium-overlay.bright .alternate-trial-signup .alternate-trial-signup-dropdown-role.use-icons .alternate-trial-signup-options-container {
    width: 100%;
    position: unset;
    display: flex;
    border: none;
    justify-content: space-between;
    background: 0 0;
    border-radius: 0;
    padding: 0;
    margin-bottom: 5px;
}

#exit_popup .freemium-overlay.bright .alternate-trial-signup .alternate-trial-signup-dropdown-role.use-icons .alternate-trial-signup-option {
    background-color: rgba(196, 196, 196, 0.1);
    border: 1px solid #a5a5ad;
    border-radius: 10px;
    color: #FF7E00;
}

#exit_popup .freemium-overlay.bright .alternate-trial-signup .alternate-trial-signup-dropdown-role.use-icons .alternate-trial-signup-option:hover,
#exit_popup .freemium-overlay.bright .alternate-trial-signup .alternate-trial-signup-dropdown-role.use-icons .alternate-trial-signup-option.selected {
    background-color: #FF7E00;
    color: #FFFFFF;
    border-color: #fff;
}

#exit_popup .alternate-trial-signup .alternate-trial-signup-dropdown-role.use-icons .alternate-trial-signup-option[data-role=teacher]:hover,
#exit_popup .alternate-trial-signup .alternate-trial-signup-dropdown-role.use-icons .alternate-trial-signup-option[data-role=teacher].selected {
    background-image: url('../images/teacher_icon.png');
}

#exit_popup .alternate-trial-signup .alternate-trial-signup-dropdown-role.use-icons .alternate-trial-signup-option[data-role=student]:hover,
#exit_popup .alternate-trial-signup .alternate-trial-signup-dropdown-role.use-icons .alternate-trial-signup-option[data-role=student].selected {
    background-image: url('../images/student_icon.png');
}

#exit_popup .alternate-trial-signup .alternate-trial-signup-dropdown-role.use-icons .alternate-trial-signup-option[data-role=parent]:hover,
#exit_popup .alternate-trial-signup .alternate-trial-signup-dropdown-role.use-icons .alternate-trial-signup-option[data-role=parent].selected {
    background-image: url('../images/parent_icon.png');
}

#exit_popup .alternate-trial-signup .alternate-trial-signup-dropdown-role.use-icons .alternate-trial-signup-option[data-role=teacher] {
    background-image: url('../images/teacher_icon_hover.png');
}

#exit_popup .alternate-trial-signup .alternate-trial-signup-dropdown-role.use-icons .alternate-trial-signup-option[data-role=student] {
    background-image: url('../images/student_icon_hover.png');
}

#exit_popup .alternate-trial-signup .alternate-trial-signup-dropdown-role.use-icons .alternate-trial-signup-option[data-role=parent] {
    background-image: url('../images/parent_icon_hover.png');
}

#exit_popup .alternate-trial-signup-field.alternate-trial-signup-referer .alternate-trial-signup-options-container {
    width: 100%;
    background-color: #fff;
    color: rgb(35, 35, 35);
    padding: 0 8px;
    border-radius: 0;
    border: 1px solid rgb(131, 138, 143);
}

#exit_popup .alternate-trial-signup-field.alternate-trial-signup-referer .alternate-trial-signup-options-container .alternate-trial-signup-option {
    border-radius: 0;
}

#exit_popup .freemium-overlay.bright a.alternate-trial-signup-button {
    background: linear-gradient(to left, #f17f00, #f59423);
}

#exit_popup .freemium-overlay.bright a.alternate-trial-signup-button:hover {
    background: linear-gradient(to left, #f17f00, #f59423);
}

#exit_popup .alternate-trial-login-text {
    color: #979490;
}

#exit_popup .freemium-overlay.bright .alternate-trial-login-button {
    color: #f8a850;
}

#exit_popup .exit_popup__close {
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 15px;
}

#exit_popup .exit_popup__close svg {
    fill: #FFFFFF;
}

#exit_popup .state_coverage_widget__text h2 {
    display: none;
}

@media screen and (max-height: 840px) {
    #exit_popup .exit_popup__container .exit_popup__top {
        padding: 0 5px;
    }

    #exit_popup .exit_popup__container img {
        max-width: 70%;
        margin-bottom: -35px;
        margin-top: 20px;
    }

    #exit_popup .exit_popup__container h1 {
        font-size: 35px;
    }

    #exit_popup .state_coverage_widget__text h2 {
        font-size: 18px;
    }

    #exit_popup .alternate-trial-signup-field.alternate-trial-signup-referer .alternate-trial-signup-options-container {
        overflow-y: scroll;
        height: 150px;
    }
}

.preview_badge {
    position: absolute;
    background: #fff;
    border-radius: 15px;
    font-family: 'Poppins';
    font-weight: bold;
    font-size: 13px;
    color: #333333;
    padding: 3px 11px;
    top: 10px;
    left: 10px;
    z-index: 10;
    display: none;
}

.preview_badge.active {
    display: block;
}

.preview_banner {
    position: absolute;
    z-index: 2;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.preview_banner .title {
    font-family: "Roboto";
    font-weight: 500;
    font-size: 15.5px;
}

.preview_banner .title span {
    font-family: "Roboto";
    font-weight: 300;
}

.preview_banner .title strong {
    font-family: "Roboto";
    font-weight: 700;
}

.preview_banner .top-banner-center {
    margin-bottom: 0px;
    padding: 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.preview_banner a {
    min-width: 100px;
    margin-left: 10px !important;
    border-radius: 2px;
    background: transparent;
    color: white;
    font-family: "Roboto";
    border: 1px solid white;
}

.preview_banner a:hover {
    background: #FFFFFF;
}

.preview_banner .mobile {
    display: none;
}

@media screen and (max-width: 1023px) {
    .preview_banner .top-banner-center {
        flex-wrap: wrap;
    }

    .preview_banner .top-banner-center h3 {
        width: 100%;
        margin-bottom: 5px;
        padding-top: 0;
    }

    .preview_banner .top-banner-center a:first-of-type {
        margin-left: 0;
    }
}

@media screen and (max-width: 600px) {
    .preview_banner .top-banner-center {
        padding: 5px 0;
    }

    .preview_banner .mobile {
        display: block;
    }

    .preview_banner .desktop {
        display: none;
    }
}

.videoWrapper .preview_badge {
    top: 20px;
    left: 20px;
}

.preview_unlock_access {
    background-image: linear-gradient(100deg, #a5008e -36%, #3c0061 118%);
    display: flex;
    border-radius: 50px;
    padding: 20px 30px;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: none;
}

.preview_unlock_access.active {
    display: flex;
}

.video_lession_content_wrap .preview_unlock_access {
    padding: 8px 20px;
    border-radius: 12px;
}

.preview_unlock_access .preview_unlock_access_title {
    font-family: "Roboto";
    font-size: 25px;
    font-weight: 500;
    color: #fff;
    margin: 0;
}

.preview_unlock_access .preview_unlock_access_title strong {
    font-family: "Roboto";
}

.preview_unlock_access a {
    font-family: "Roboto";
    color: #3c0061;
    background-color: #fff;
    border-radius: 50px;
    padding: 12px 45px;
    font-size: 20px;
    margin-left: 30px;
}

@media screen and (max-width: 1000px) {
    .preview_unlock_access {
        flex-direction: column;
        text-align: center;
        border-radius: 12px;
    }

    .preview_unlock_access a {
        margin-top: 10px;
        margin-left: 0;
    }

    .video_lession_content_wrap .preview_unlock_access {
        padding: 20px;
        border-radius: 12px;
    }
}

@media screen and (max-width: 768px) {
    .preview_badge {
        padding: 2px 7px;
        top: 5px;
        left: 5px;
        font-size: 10px;
    }
}

/* Newsletter */
.footer-newsletter {
    text-align: center;
    margin-bottom: 30px;
}

.footer-newsletter h4, .footer-newsletter p {
    color: white;
}

.footer-newsletter h4 {
    font-size: 36px;
    font-family: "Roboto", sans-serif;
}

.footer-newsletter p {
    font-size: 24px;
    font-family: "Roboto", sans-serif;
    margin-bottom: 20px;
}

.newsletter-form {
    display: flex;
}

.newsletter-form input.field {
    width: 100%;
    background: white;
    border: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    height: 66px;
    font-size: 22px;
    line-height: 66px;
    padding: 0 15px;
    margin-right: 30px;
}

.newsletter-form .button {
    border-radius: 33px;
    line-height: 66px;
    padding: 0;
    height: 66px;
    border: none;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    text-align: center;
    color: white;
    background: purple;
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    cursor: pointer;
    width: 234px;
}

.newsletter-form .button.isLoading span {
    display: none;
}

.newsletter-form .button .progress {
    display: none;
}

.newsletter-form .button.isLoading .progress {
    display: block;
    margin: 0 auto;
    width: 60px;
    aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side, #fff 90%, purple);
    background: var(--_g) 0% 50%,
    var(--_g) 50% 50%,
    var(--_g) 100% 50%;
    background-size: calc(100% / 3) 50%;
    animation: l3 1s infinite linear;
}

.newsletter-message {
    border: 2px solid;
    padding: 10px 15px;
    text-align: left;
    background: white;
    margin-bottom: 15px;
    display: none;
}

.newsletter-message.success {
    border-color: green;
    color: green;
}
.newsletter-message.error,
.newsletter-message.success {
    display: block;
}

@keyframes l3 {
    20% {
        background-position: 0% 0%, 50% 50%, 100% 50%
    }
    40% {
        background-position: 0% 100%, 50% 0%, 100% 50%
    }
    60% {
        background-position: 0% 50%, 50% 100%, 100% 0%
    }
    80% {
        background-position: 0% 50%, 50% 50%, 100% 100%
    }
}

/* End of file style.css */