html {
    overflow-x: hidden;
}

body {
    /* overflow-x: hidden; */
    margin: 0;
    padding: 0;
    background-color: #e1e1e1;
    font-size: 62.5%;
    font-family: Lato, sans-serif;
}

textarea {
    resize: none;
}

button,
fieldset,
input,
input[type=button],
select,
textarea {
    font-family: Helvetica Neue, -apple-system, BlinkMacSystemFont, Segoe UI, Arial;
    outline: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* LOADER */
.loader {
    background: white repeat scroll;
    /* These three lines are for transparency in all browsers. */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 1;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99998;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cssload-loader {
    z-index: 99999;
    display: block;
    height: 14em;
    width: 14em;
    background-color: #338899;
    border-radius: 12.5em 12.5em 12.5em 12.5em;
    -o-border-radius: 12.5em 12.5em 12.5em 12.5em;
    -ms-border-radius: 12.5em 12.5em 12.5em 12.5em;
    -webkit-border-radius: 12.5em 12.5em 12.5em 12.5em;
    -moz-border-radius: 12.5em 12.5em 12.5em 12.5em;
    box-shadow: inset 0 0 0 1.2em #eceae0;
    -o-box-shadow: inset 0 0 0 1.2em #eceae0;
    -ms-box-shadow: inset 0 0 0 1.2em #eceae0;
    -webkit-box-shadow: inset 0 0 0 1.2em #eceae0;
    -moz-box-shadow: inset 0 0 0 1.2em #eceae0;
    background: linear-gradient(-45deg, #B3B3B3, #B3B3B3 50%, #CCCCCC 50%, #CCCCCC);
    background: -moz-linear-gradient(-45deg, #B3B3B3, #B3B3B3 50%, #CCCCCC 50%, #CCCCCC);
    background-blend-mode: multiply;
    border-top: 5px solid #B3B3B3;
    border-left: 5px solid #B3B3B3;
    border-bottom: 5px solid #CCCCCC;
    border-right: 5px solid #CCCCCC;
    animation: cssload-roto 1.15s infinite linear;
    -o-animation: cssload-roto 1.15s infinite linear;
    -ms-animation: cssload-roto 1.15s infinite linear;
    -webkit-animation: cssload-roto 1.15s infinite linear;
    -moz-animation: cssload-roto 1.15s infinite linear;
}

@keyframes cssload-roto {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-roto {
    0% {
        -webkit-transform: rotateZ(0deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
    }
}


h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

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

a:active,
a:link,
a:visited {
    text-decoration: none;
}

a.classonlive-button,
a.classonlive-button:hover {
    text-decoration: none;
}

.classonlive-section:not(.cl-topbar):not(.cl-footer) a:not(.classonlive-button):not(.cl-link-text):not(.cl-event-card) {
    color: inherit;
    text-decoration: underline;
}

.text-dec-none {
    text-decoration: none !important;
}

#pageContent {
    overflow-x: hidden;
    height: 100vh;
    /* position: relative;
    padding-top: 0 !important; */
}

.full-width {
    width: 100%;
}

.classonlive-section:hover:not(.cl-topbar):not([s-cat="CHECKOUT"]) {
    z-index: 3;
}

/* guille */
.centered-bg,
.stretched-bg {
    background-repeat: no-repeat !important;
    background-position: 50%;
}

.stretched-bg {
    background-size: cover !important;
}

.repeated-bg {
    background-position: 50%;
}

.centered-bg,
.repeated-bg {
    background-size: contain !important;
}

.classonlive-screen-caption.center {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.classonlive-screen-caption.top {
    left: 0;
    top: 0;
}

.auto-repeated-bg {
    background-size: auto !important;
}

.auto-repeated-bg,
.repeated-bg {
    background-repeat: repeat !important;
}

button p {
    display: block;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.classonlive-size-extra-large {
    padding: 28rem 0;
}

.classonlive-size-large {
    padding: 16rem 0;
}

.classonlive-size-normal {
    padding: 8rem 0;
}

.classonlive-size-small {
    padding: 4rem 0;
}

.classonlive-section {
    position: relative;
    width: 100%;
}

.classonlive-section.popup {
    background-color: transparent;
    display: flex;
    flex-direction: column;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 13 !important;
}

.classonlive-section.popup {
    /* display: flex !important; */
    overflow: hidden;
    pointer-events: auto !important;
}

.classonlive-section.popup:not(.full-screen-dialog-section) {
    padding: 3rem;
}

.classonlive-section.popup .popup-dialog {
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 55px;
    overflow-y: auto;
    pointer-events: auto;
    position: relative;
    z-index: 2 !important;
}

.classonlive-section.popup .popup-dialog.sleekbar-dialog {
    width: 100%;
}

.classonlive-section.popup .popup-dialog-close-btn {
    align-items: flex-start;
    color: inherit;
    cursor: pointer;
    display: flex;
    height: 0;
    justify-content: flex-end;
    padding: 0;
    position: sticky;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 3;
}

.classonlive-section.popup .popup-dialog-close-btn .popup-dialog-close {
    font-size: 18px;
    padding: 5px 7px;
}

.popup-content {
    max-height: 100%;
    max-width: 100%;
    position: relative;
    z-index: 2;
}

.classonlive-section.popup .popup-dialog.sleekbar-dialog .popup-content {
    margin-left: auto;
    margin-right: auto;
}

.popup-dialog .popup-content {
    max-height: none;
}

.popup-content.very-narrow-pp {
    width: 280px;
}

.classonlive-section.popup .popup-dialog.sleekbar-dialog .popup-content.very-narrow-pp {
    width: 700px;
}

.popup-content.narrow-pp {
    width: 380px;
}

.classonlive-section.popup .popup-dialog.sleekbar-dialog .popup-content.narrow-pp {
    width: 980px;
}

.popup-content.normal-pp {
    width: 480px;
}

.classonlive-section.popup .popup-dialog.sleekbar-dialog .popup-content.normal-pp {
    width: 1170px;
}


.popup-content.wide-pp {
    width: 700px;
}

.classonlive-section.popup .popup-dialog.sleekbar-dialog .popup-content.wide-pp {
    width: 100%;
}

.video-background {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    min-width: 100%;
    min-height: 100%;
}

.video-background-container {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.js-video-wrapper {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
}

.js-video-wrapper .js-background-frame-wrapper {
    position: relative;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
}

.js-video-wrapper .js-background-frame-wrapper iframe {
    width: 100vw;
    height: 56.25vw;
    min-height: 100vh;
    min-width: 177.77vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

*,
:after,
:before {
    box-sizing: border-box;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.classonlive-section-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .65;
    z-index: 1;
}

.classonlive-section:hover:not(.cl-topbar):not([s-cat="CHECKOUT"]):not(.popup) .classonlive-section-content {
    z-index: 4;
}

.classonlive-section-content {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

/* .classonlive-section-content:not(.calendar-section) {
    font-size: 0;
} */

.cl-cols {
    display: flex;
    width: 100%;
    position: relative;
    z-index: 2;
}

.cl-cols.classonlive-align-left {
    justify-content: flex-start
}

.cl-cols.classonlive-align-center {
    justify-content: center;
}

.cl-cols.classonlive-align-right {
    justify-content: flex-end;
}

.cl-cols.cl-select-cols {
    z-index: auto;
}

.classonlive-section .col[data-node-type="column"]:not(.with-flexible-parts) {
    display: flex;
    flex-direction: column;
}

.cl-cols.no-gutter .span_12_of_12-all {
    flex-basis: 100%;
}

.cl-cols.no-gutter .span_11_of_12-all {
    flex-basis: 91.66666667%;
}

.cl-cols.no-gutter .span_10_of_12-all {
    flex-basis: 83.33333333%;
}

.cl-cols.no-gutter .span_9_of_12-all {
    flex-basis: 75%;
}

.cl-cols.no-gutter .span_8_of_12-all {
    flex-basis: 66.66666667%;
}

.cl-cols.no-gutter .span_7_of_12-all {
    flex-basis: 58.33333333%;
}

.cl-cols.no-gutter .span_6_of_12-all {
    flex-basis: 50%;
}

.cl-cols.no-gutter .span_5_of_12-all {
    flex-basis: 41.66666667%;
}

.cl-cols.no-gutter .span_4_of_12-all {
    flex-basis: 33.33333333%;
}

.cl-cols.no-gutter .span_3_of_12-all {
    flex-basis: 25%;
}

.cl-cols.no-gutter .span_2_of_12-all {
    flex-basis: 16.66666667%;
}

.cl-cols.no-gutter .span_1_of_12-all {
    flex-basis: 8.33333333%;
}

.cl-cols:not(.no-gutter)>.col:not(:first-child) {
    margin-left: 1.6%;
}

.cl-cols:not(.no-gutter)>.span_12_of_12 {
    flex-basis: 100%;
    margin-left: 0 !important;
    width: 100%;
}

.cl-cols:not(.no-gutter) .span_12_of_12-all {
    flex-basis: 100%;
    width: 100%;
}

.cl-cols:not(.no-gutter) .span_11_of_12-all {
    flex-basis: 91.53%;
}

.cl-cols:not(.no-gutter) .span_10_of_12-all {
    flex-basis: 83.06%;
}

.cl-cols:not(.no-gutter) .span_9_of_12-all {
    flex-basis: 74.6%;
}

.cl-cols:not(.no-gutter) .span_8_of_12-all {
    flex-basis: 66.13%;
}

.cl-cols:not(.no-gutter) .span_7_of_12-all {
    flex-basis: 57.66%;
}

.cl-cols:not(.no-gutter) .span_6_of_12-all {
    flex-basis: 49.2%;
}

.cl-cols:not(.no-gutter) .span_5_of_12-all {
    flex-basis: 40.73%;
}

.cl-cols:not(.no-gutter) .span_4_of_12-all {
    flex-basis: 32.26%;
}

.cl-cols:not(.no-gutter) .span_3_of_12-all {
    flex-basis: 23.8%;
}

.cl-cols:not(.no-gutter) .span_2_of_12-all {
    flex-basis: 15.33%;
}

.cl-cols:not(.no-gutter) .span_1_of_12-all {
    flex-basis: 6.866%;
}

.cl-cols:not(.no-gutter).multiple-rows .span_2_of_12-all:nth-of-type(6n+1),
.cl-cols:not(.no-gutter).multiple-rows .span_3_of_12-all:nth-of-type(4n+1),
.cl-cols:not(.no-gutter).multiple-rows .span_4_of_12-all:nth-of-type(3n+1),
.cl-cols:not(.no-gutter).multiple-rows .span_6_of_12-all:nth-of-type(odd) {
    margin-left: 0;
}

.col:not(.no-padding) {
    padding-left: 25px;
    padding-right: 25px;
}

.page-content.normal .classonlive-main-text-small:not(.no-margin-bottom):not(:only-child):not(:last-child),
.page-content.normal .classonlive-overline-text:not(.no-margin-bottom):not(:only-child):not(:last-child),
.page-content.normal .classonlive-quote-text:not(.no-margin-bottom):not(:only-child):not(:last-child) {
    margin-bottom: .3rem;
}

.page-content.normal .classonlive-heading:not(.no-margin-bottom):not(:only-child):not(:last-child),
.page-content.normal .classonlive-image:not(.no-margin-bottom):not(:only-child):not(:last-child) {
    margin-bottom: 2.5rem;
}

.page-content.normal .classonlive-overline-text+.classonlive-heading,
.page-content.normal .classonlive-overline-text+.classonlive-heading3,
.page-content.normal .classonlive-overline-text+.classonlive-heading4,
.page-content.normal .classonlive-overline-text+.classonlive-subheading {
    margin-top: 0;
}

.page-content.normal .classonlive-heading:not(.no-margin-top):not(:first-child) {
    margin-top: 2.5rem;
}

.classonlive-overline-text+.classonlive-heading,
.classonlive-overline-text+.classonlive-heading3,
.classonlive-overline-text+.classonlive-heading4,
.classonlive-overline-text+.classonlive-subheading {
    margin-top: 0;
}

.classonlive-heading:not(.no-margin-top):not(:first-child) {
    margin-top: 2.5rem;
}

.classonlive-heading {
    margin-bottom: 2.5rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-weight: 400;
}

/* p:not(.headerText) {
    margin: 0;
} */

.page-content.normal .classonlive-button-wrapper:not(.no-margin-bottom):not(:only-child):not(:last-child):not(.no-margin) {
    margin-bottom: 2.5rem;
}

.classonlive-button-wrapper {
    position: relative;
    width: 100%;
}

.page-content.normal .classonlive-screen-wrapper:not(.no-margin-top):not(:first-child) {
    margin-top: 2.5rem;
}


.classonlive-screen-wrapper.full {
    width: 100%;
}


.classonlive-screen-wrapper.large {
    width: 75%;
}

.classonlive-screen-wrapper.normal {
    width: 50%;
}

.classonlive-screen-wrapper.small {
    width: 25%;
}

.classonlive-screen-wrapper {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.classonlive-element {
    position: relative;
}

.classonlive-button {
    outline: none;
    cursor: pointer;
    max-width: 100%;
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.classonlive-button:not(.text-only) {
    border-width: 2px;
    background-origin: border-box;
    border-style: solid;
}

button {
    background-color: transparent;
    border: none;
}

.laptop-black,
.laptop-white {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 100%;
    padding: 3.5% 10.5% 3.2%;
}

.laptop-black {
    background-image: url(https://d28dhcwclph1gf.cloudfront.net/img-editor/laptop-black-draw.png);
}

.laptop-white {
    background-image: url(https://d28dhcwclph1gf.cloudfront.net/img-editor/laptop-white-draw.png);
}

.tablet-portrait-white,
.tablet-portrait-black {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 100%;
    padding: 11% 10%;
}

.tablet-portrait-white .classonlive-AR-16-9,
.tablet-portrait-black .classonlive-AR-16-9 {
    padding-bottom: 135%;
}

.tablet-portrait-white {
    background-image: url(https://d28dhcwclph1gf.cloudfront.net/img-editor/tablet-portrait-white-draw.png);
}

.tablet-portrait-black {
    background-image: url(https://d28dhcwclph1gf.cloudfront.net/img-editor/tablet-portrait-black-draw.png);
}

.tablet-landscape-white,
.tablet-landscape-black {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 100%;
    padding: 8% 8.5%;
}

.tablet-landscape-white {
    background-image: url(https://d28dhcwclph1gf.cloudfront.net/img-editor/tablet-landscape-white-draw.png);
}

.tablet-landscape-black {
    background-image: url(https://d28dhcwclph1gf.cloudfront.net/img-editor/tablet-landscape-black-draw.png);
}

.smartphone-portrait-white,
.smartphone-portrait-black {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 100%;
    padding: 16% 26%;
}

.smartphone-portrait-white .classonlive-AR-16-9,
.smartphone-portrait-black .classonlive-AR-16-9 {
    padding-bottom: 178%;
}

.smartphone-portrait-white {
    background-image: url(https://d28dhcwclph1gf.cloudfront.net/img-editor/smartphone-portrait-white-draw.png);
}

.smartphone-portrait-black {
    background-image: url(https://d28dhcwclph1gf.cloudfront.net/img-editor/smartphone-portrait-black-draw.png);
}

.smartphone-landscape-white,
.smartphone-landscape-black {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 100%;
    padding: 3.5% 13.5%;
}

.smartphone-landscape-white {
    background-image: url(https://d28dhcwclph1gf.cloudfront.net/img-editor/smartphone-landscape-white-draw.png);
}

.smartphone-landscape-black {
    background-image: url(https://d28dhcwclph1gf.cloudfront.net/img-editor/smartphone-landscape-black-draw.png);
}

.classonlive-AR-16-9 {
    position: relative;
    padding-bottom: 56.25%;
}

.classonlive-AR-1-1 {
    position: relative;
    padding-bottom: 100%
}

.frame-9-16 .classonlive-AR-16-9 {
    padding-bottom: 177.78%;
}

.frame-1-1 .classonlive-AR-16-9 {
    padding-bottom: 100%;
}

.circle .classonlive-AR-16-9 {
    padding-bottom: 100%;
    border-radius: 50%;
}

.classonlive-screen-wrapper:has(.classonlive-frame.circle) {
    border-radius: 50% !important;
}

.classonlive-screen-wrapper.full-height,
.classonlive-screen-wrapper.full-height .classonlive-frame,
.classonlive-screen-wrapper.full-height .classonlive-frame .cl-screen-content,
.classonlive-screen-wrapper.full-height .classonlive-frame .cl-screen-content .classonlive-AR-16-9 {
    height: 100%;
}

.js-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cl-screen-content {
    position: relative;
    background-color: transparent;
}

.classonlive-screen-wrapper .classonlive-bg-default-overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    pointer-events: none;
}

div[class*=classonlive-bg-default] {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

.classonlive-screen-caption.bottom {
    left: 0;
    bottom: 0;
}

.classonlive-screen-caption {
    position: absolute;
    z-index: 2;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    padding: 12px 15px 9px;
    margin-bottom: 0 !important;
}

.no-margin-top {
    margin-top: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.classonlive-bg-default {
    background-image: -webkit-repeating-linear-gradient(-45deg, #e6e6e6, #e6e6e6 35px, #f2f2f2 0, #f2f2f2 70px);
    background-image: repeating-linear-gradient(-45deg, #e6e6e6, #e6e6e6 35px, #f2f2f2 0, #f2f2f2 70px);
    position: relative;
}


.classonlive-video-iframe-wrapper {
    position: relative;
}

.cl-widget-in {
    width: 100%;
}

.cl-video-iframe-icon {
    cursor: pointer;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.classonlive-icon.large:not(.no-margin-bottom) {
    margin-bottom: 2.5rem;
}

.classonlive-icon.large {
    font-size: 64px;
}

.classonlive-icon.semi-large {
    font-size: 48px;
}

.classonlive-icon.medium {
    font-size: 36px;
}

.classonlive-icon.normal {
    font-size: 26px;
}

.classonlive-section-content.wide {
    width: 1170px;
}

.classonlive-subheading {
    margin-bottom: 2.5rem;
}

.page-content.normal .classonlive-main-text-tiny:not(.no-margin-bottom):not(:only-child):not(:last-child),
.page-content.normal .classonlive-main-text:not(.no-margin-bottom):not(:only-child):not(:last-child) {
    margin-bottom: .3rem;
}

.with-flexible-parts {
    display: flex;
    align-items: flex-start;
}

.with-flexible-parts .flexible-part:nth-child(2) {
    padding-left: 10px;
}

.page-content.normal .cl-widget-in:not(.no-margin-top):not(:first-child):not(.classonlive-heading):not(.classonlive-subheading):not(.classonlive-heading3):not(.classonlive-heading4):not(.classonlive-main-text):not(.classonlive-overline-text):not(.classonlive-quote-text) {
    margin-top: 2.5rem;
}

.page-content.normal .classonlive-button-wrapper:not(.no-margin-top):not(:first-child):not(.no-margin) {
    margin-top: 3rem;
}

.classonlive-align-left,
.classonlive-align-left .classonlive-icon.standalone {
    text-align: left
}

.classonlive-align-left.classonlive-button,
.classonlive-align-left:not(:has(.cl-buy-themes-container)) .with-flexible-parts {
    justify-content: flex-start;
}

.classonlive-align-left .classonlive-image {
    margin-right: auto;
}

.classonlive-align-left .classonlive-framed-image,
.classonlive-align-left .classonlive-screen-wrapper {
    margin-left: 0;
    margin-right: auto;
}

.classonlive-align-left .classonlive-align-left,
.classonlive-align-left .classonlive-align-left .classonlive-icon.standalone {
    text-align: left;
}

.classonlive-align-left .classonlive-align-left,
.classonlive-align-left .classonlive-align-left .classonlive-icon {
    text-align: left;
}

.classonlive-align-left .classonlive-align-left.classonlive-button,
.classonlive-align-left:not(.cl-topbar) .classonlive-align-left .with-flexible-parts {
    justify-content: flex-start;
}

.classonlive-align-left .classonlive-align-left .classonlive-image {
    margin-right: auto;
}

.classonlive-align-left .classonlive-align-left .cl-card-author {
    justify-content: flex-start;
}

.classonlive-align-left .classonlive-align-center .classonlive-image {
    margin-left: auto;
    margin-right: auto;
}

.classonlive-align-left .classonlive-align-center,
.classonlive-align-left .classonlive-align-center .classonlive-icon.standalone {
    text-align: center;
}

.classonlive-align-left .classonlive-align-center.classonlive-button,
.classonlive-align-left:not(.cl-topbar) .classonlive-align-center .with-flexible-parts {
    justify-content: center;
}

.classonlive-align-left .classonlive-align-center .classonlive-framed-image,
.classonlive-align-left .classonlive-align-center .classonlive-screen-wrapper {
    margin-left: auto;
    margin-right: auto;
}

.classonlive-align-left .classonlive-align-center:not(.filters-container) .with-input-cols {
    justify-content: center;
}

.classonlive-align-left .classonlive-align-center .cl-card-author {
    justify-content: center;
}

.classonlive-align-left .classonlive-align-right,
.classonlive-align-left .classonlive-align-right .classonlive-icon.standalone {
    text-align: right;
}

.classonlive-align-left .classonlive-align-right.classonlive-button,
.classonlive-align-left:not(.cl-topbar) .classonlive-align-right .with-flexible-parts {
    justify-content: flex-end;
}

.classonlive-align-left .classonlive-align-right .classonlive-image {
    margin-left: auto;
}

.classonlive-align-left .classonlive-align-right .with-input-cols {
    justify-content: flex-end;
}

.classonlive-align-left .classonlive-align-right .classonlive-framed-image,
.classonlive-align-left .classonlive-align-right .classonlive-screen-wrapper {
    margin-left: auto;
    margin-right: 0;
}

.classonlive-align-left .classonlive-align-right .cl-card-author {
    justify-content: flex-end;
}

.classonlive-align-center .classonlive-image {
    margin-left: auto;
    margin-right: auto;
}

.classonlive-align-center:not(.filters-container) .with-input-cols {
    justify-content: center;
}

.classonlive-align-center,
.classonlive-align-center .classonlive-icon {
    text-align: center;
}

.classonlive-align-center.classonlive-button,
.classonlive-align-center:not(:has(.cl-buy-themes-container)) .with-flexible-parts {
    justify-content: center;
}

.classonlive-align-center .classonlive-framed-image,
.classonlive-align-center .classonlive-screen-wrapper {
    margin-left: auto;
    margin-right: auto;
}

.classonlive-align-center .classonlive-align-center,
.classonlive-align-center .classonlive-align-center .classonlive-icon {
    text-align: center;
}

.classonlive-align-center .classonlive-align-center.classonlive-button,
.classonlive-align-center .classonlive-align-center .with-flexible-parts {
    justify-content: center;
}

.classonlive-align-center .classonlive-align-center .classonlive-image {
    margin-left: auto;
    margin-right: auto;
}

.classonlive-align-center .classonlive-align-center .cl-card-author,
.classonlive-align-center .classonlive-align-center .with-input-cols {
    justify-content: center;
}

.classonlive-align-center .classonlive-align-left,
.classonlive-align-center .classonlive-align-left .classonlive-icon {
    text-align: left;
}

.classonlive-align-center .classonlive-align-left.classonlive-button,
.classonlive-align-center .classonlive-align-left .with-flexible-parts:not(.justify-content-space-between) {
    justify-content: flex-start;
}

.classonlive-align-center .classonlive-align-left .classonlive-image {
    margin-right: auto;
}

.classonlive-align-center .classonlive-align-left .classonlive-framed-image,
.classonlive-align-center .classonlive-align-left .classonlive-screen-wrapper {
    margin-left: 0;
    margin-right: auto;
}

.classonlive-align-center .classonlive-align-left .cl-card-author {
    justify-content: flex-start;
}

.classonlive-align-center .classonlive-align-right,
.classonlive-align-center .classonlive-align-right .classonlive-icon {
    text-align: right;
}

.classonlive-align-center .classonlive-align-right.classonlive-button,
.classonlive-align-center .classonlive-align-right .with-flexible-parts {
    justify-content: flex-end;
}

.classonlive-align-center .classonlive-align-right .classonlive-image {
    margin-left: auto;
}

.classonlive-align-center .classonlive-align-right .with-input-cols {
    justify-content: flex-end;
}

.classonlive-align-center .classonlive-align-right .classonlive-framed-image,
.classonlive-align-center .classonlive-align-right .classonlive-screen-wrapper {
    margin-left: auto;
    margin-right: 0;
}

.classonlive-align-center .classonlive-align-right .cl-card-author {
    justify-content: flex-end;
}

.classonlive-align-center .classonlive-align-center .classonlive-framed-image,
.classonlive-align-center .classonlive-align-center .classonlive-screen-wrapper {
    margin-left: auto;
    margin-right: auto;
}

.classonlive-align-right,
.classonlive-align-right .classonlive-icon {
    text-align: right;
}

.classonlive-align-right.classonlive-button,
.classonlive-align-right:not(:has(.cl-buy-themes-container)) .with-flexible-parts {
    justify-content: flex-end;
}

.classonlive-align-right .classonlive-image {
    margin-left: auto;
}

.classonlive-align-right .classonlive-framed-image,
.classonlive-align-right .classonlive-screen-wrapper {
    margin-left: auto;
    margin-right: 0;
}

.classonlive-align-right .with-input-cols {
    justify-content: flex-end;
}

.classonlive-align-right .classonlive-align-right,
.classonlive-align-right .classonlive-align-right .classonlive-icon {
    text-align: right;
}

.classonlive-align-right .classonlive-align-right.classonlive-button,
.classonlive-align-right .classonlive-align-right .with-flexible-parts {
    justify-content: flex-end;
}

.classonlive-align-right .classonlive-align-right .classonlive-image {
    margin-left: auto;
}

.classonlive-align-right .classonlive-align-right .cl-card-author,
.classonlive-align-right .classonlive-align-right .with-input-cols {
    justify-content: flex-end;
}

.classonlive-align-right .classonlive-align-left,
.classonlive-align-right .classonlive-align-left .classonlive-icon {
    text-align: left;
}

.classonlive-align-right .classonlive-align-left.classonlive-button,
.classonlive-align-right .classonlive-align-left .with-flexible-parts {
    justify-content: flex-start;
}

.classonlive-align-right .classonlive-align-left .classonlive-image {
    margin-right: auto;
}

.classonlive-align-right .classonlive-align-left .classonlive-framed-image,
.classonlive-align-right .classonlive-align-left .classonlive-screen-wrapper {
    margin-left: 0;
    margin-right: auto;
}

.classonlive-align-right .classonlive-align-left .cl-card-author {
    justify-content: flex-start;
}

.classonlive-align-right .classonlive-align-center,
.classonlive-align-right .classonlive-align-center .classonlive-icon {
    text-align: center;
}

.classonlive-align-right .classonlive-align-center.classonlive-button,
.classonlive-align-right .classonlive-align-center .with-flexible-parts {
    justify-content: center;
}

.classonlive-align-right .classonlive-align-center .classonlive-image {
    margin-left: auto;
    margin-right: auto;
}

.classonlive-align-right .classonlive-align-center .with-input-cols {
    justify-content: center;
}

.classonlive-align-right .classonlive-align-center .classonlive-framed-image,
.classonlive-align-right .classonlive-align-center .classonlive-screen-wrapper {
    margin-left: auto;
    margin-right: auto;
}

.classonlive-align-right .classonlive-align-center .cl-card-author {
    justify-content: center;
}

.with-flexible-parts.classonlive-align-left {
    justify-content: flex-start;
}

.with-flexible-parts.classonlive-align-center {
    justify-content: center;
}

.with-flexible-parts.classonlive-align-right {
    justify-content: flex-end;
}

.classonlive-button:not(.full-width):not(:only-child):not(:last-child):not(.cl-topbar-option-link):not(.col) {
    margin-right: 10px;
}

.js-linked-node,
.js-linked-node span,
.classonlive-button span {
    text-decoration: none !important;
}

.classonlive-icon.fa,
.classonlive-icon.fas {
    font-weight: 900 !important;
}

.classonlive-icon.far {
    font-weight: 400 !important;
}

.classonlive-icon.fa,
.classonlive-icon.far,
.classonlive-icon.fas {
    font-family: Font Awesome\ 5 Free;
}

.classonlive-icon {
    text-align: center;
    min-width: 1em;
}

.classonlive-button.has-icon-back .classonlive-icon:not(:only-child) {
    margin-left: .5em;
    margin-right: -.5em;
}

.classonlive-button.has-icon-back .classonlive-icon {
    order: 2;
}


.classonlive-frame {
    overflow: hidden;
    width: 100%;
}

.overflow-auto {
    overflow: auto;
}

.publish-date-cointainer>.form-control {
    background-color: transparent;
    border-bottom: 1px solid #cfcfcf;
    transition: all .3s;
    font-size: 17px;
    line-height: 23px;
    padding: 5px 10px 5px 0;
}

.classonlive-video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 110vh;
    background-color: #000;
}

input[type=checkbox] {
    outline: black;
    border: solid;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.classonlive-input {
    outline: none;
    border-width: 2px;
    border-style: solid;
    width: 100%;
}

.classonlive-sideform-input {
    background-color: #e9e4e4;
    width: 100%;
    color: #1e1e1e;
}

.cl-au-rounded-small {
    border-radius: 5px;
}

.cl-input-very-small {
    padding: 4px;
    font-size: 14px;
}

.grey-bg {
    background-color: #f0f0f0;
}

.white-bg {
    background-color: #fff;
}

.cl-PB-menu-content-option-wrapper.scaled {
    width: 140%;
    transform: scale(0.7);
    transform-origin: left center;
}

.cl-PB-menu-content-option-wrapper {
    position: relative;
    pointer-events: none;
}

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

.cursor-p {
    cursor: pointer;
}

.flex {
    display: flex;
}

.flex-none {
    flex: none;
}

.inline-flex {
    display: inline-flex;
}

.flex-d-row {
    flex-direction: row;
}

.flex-d-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.nowrap {
    white-space: nowrap;
}

.flex-1 {
    flex: 1 1 0;
}

.fg-0 {
    flex-grow: 0;
}

.fg-1 {
    flex-grow: 1;
}

.fsh-0 {
    flex-shrink: 0;
}

.fsh-1 {
    flex-shrink: 1;
}

.j-c-fs {
    justify-content: flex-start;
}

.j-c-fe {
    justify-content: flex-end;
}

.j-c-c {
    justify-content: center;
}

.j-c-sb {
    justify-content: space-between;
}

.j-c-sa {
    justify-content: space-around;
}

.j-c-se {
    justify-content: space-evenly;
}

.a-i-fs {
    align-items: flex-start;
}

.a-i-fe {
    align-items: flex-end;
}

.a-i-c {
    align-items: center;
}

.a-i-s {
    align-items: stretch;
}

.a-i-b {
    align-items: baseline;
}

.fbasis-25perc {
    flex-basis: 25%;
}

.fbasis-33perc {
    flex-basis: 33.33%;
}

.fbasis-47perc {
    flex-basis: 47%;
}

.fbasis-49_2perc {
    flex-basis: 49.2%;
}

.fbasis-50perc {
    flex-basis: 50%;
}

.fbasis-66perc {
    flex-basis: 66.66%;
}

.fbasis-75perc {
    flex-basis: 75%;
}

.fbasis-200 {
    flex-basis: 200px;
}

.fbasis-300 {
    flex-basis: 300px;
}

.g-0_5rem {
    gap: .5rem;
}

.g-0_75rem {
    gap: .75rem;
}

.g-1rem {
    gap: 1rem;
}

.g-1_5rem {
    gap: 1.5rem;
}

.g-2rem {
    gap: 2rem;
}

.g-3rem {
    gap: 3rem;
}

.v-center {
    vertical-align: center;
}

.v-middle {
    vertical-align: middle;
}

.v-bottom {
    vertical-align: bottom;
}

.v-bottom,
.v-middle {
    display: inline-block;
    float: none;
}

.ov-auto {
    overflow: auto;
}

.ov-hidden {
    overflow: hidden;
}

.pos-rel {
    position: relative;
}

.pos-abs {
    position: absolute;
}

.pos-abs.tl {
    top: 0;
    left: 0;
}

.pos-abs.center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.m-0 {
    margin: 0;
}

.m-auto {
    margin: auto;
}

.m-0-auto {
    margin: 0 auto;

}

.mt-0 {
    margin-top: 0;
}

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

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

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

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

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

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

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

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

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

.mt-1rem {
    margin-top: 1rem;
}

.mt-2rem {
    margin-top: 2rem;
}

.mt-2_5rem {
    margin-top: 2.5rem;
}

.mt-3rem {
    margin-top: 3rem;
}

.mt-8rem {
    margin-top: 8rem;
}

.mt-pack-card {
    margin-top: 1.6%;
}

.mt-neg6rem {
    margin-top: -6rem;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-3 {
    margin-bottom: 3px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-7 {
    margin-bottom: 7px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-1rem {
    margin-bottom: 1rem;
}

.mb-1rem-important {
    margin-bottom: 1rem !important;
}

.mb-2rem {
    margin-bottom: 2rem;
}

.mb-2dot5rem {
    margin-bottom: 2.5rem;
}

.mb-3rem {
    margin-bottom: 3rem;
}

.mb-4rem {
    margin-bottom: 4rem;
}

.mb-8rem {
    margin-bottom: 8rem;
}

.ml-3 {
    margin-left: 3px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-dot5rem {
    margin-left: .5rem;
}

.ml-1rem {
    margin-left: 1rem;
}

.ml-2rem {
    margin-left: 2rem;
}

.ml-3rem {
    margin-left: 3rem;
}

.ml-3_5rem {
    margin-left: 3.5rem;
}

.ml-4rem {
    margin-left: 4rem;
}

.ml-5rem {
    margin-left: 5rem;
}

.ml-6rem {
    margin-left: 6rem;
}

.mr-5 {
    margin-right: 5px;
}

.mr-4-percent {
    margin-right: 4%;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-dot25rem {
    margin-right: .25rem;
}

.mr-dot5rem {
    margin-right: .5rem;
}

.mr-1rem {
    margin-right: 1rem;
}

.mr-1_5rem {
    margin-right: 1.5rem;
}

.mr-2rem {
    margin-right: 2rem;
}

.mr-3rem {
    margin-right: 3rem;
}

.mr-3_5rem {
    margin-right: 3.5rem;
}

.mr-4rem {
    margin-right: 4rem;
}

.m-0-5 {
    margin: 0 5px;
}

.m-0-10 {
    margin: 0 10px;
}

.p-1rem {
    padding: 1rem;
}

.p-2rem {
    padding: 2rem;
}

.p-8 {
    padding: 8px;
}

.p-8.important {
    padding: 8px !important;
}


.p-8-0 {
    padding: 8px 0;
}

.p-15-15-0-15 {
    padding: 15px 15px 0;
}

.p-5-15 {
    padding: 5px 15px;
}

.p-3-10 {
    padding: 3px 10px;
}

.p-5-0-0-18 {
    padding: 5px 0 0 18px;
}

.p-5 {
    padding: 5px;
}

.p-15 {
    padding: 15px;
}

.p-15-0 {
    padding: 15px 0;
}

.p-20 {
    padding: 20px;
}

.p-30 {
    padding: 30px;
}

.p-50 {
    padding: 50px;
}

.p-50-30 {
    padding: 50px 30px;
}

.p-5perc {
    padding: 5%;
}

.p-7-20-20-20 {
    padding: 7px 20px 20px;
}

.p-20-20-0-20 {
    padding: 20px 20px 0;
}

.p-3-10-4-10 {
    padding: 3px 10px 4px 10px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 10px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pt-10rem {
    padding-top: 10rem;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-130 {
    padding-top: 130px;
}

.pb-0 {
    padding-bottom: 0;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-50 {
    padding-bottom: 50px;
}

.p-0-10 {
    padding: 0 10px;
}

.p-5-10 {
    padding: 5px 10px;
}

.p-10 {
    padding: 10px;
}

.p-10-0 {
    padding: 10px 0;
}

.p-0-10-10-10 {
    padding: 0 10px 10px;
}

.p-0-20 {
    padding: 0 20px;
}

.p-0-60 {
    padding: 0 60px;
}

.p-5-0 {
    padding: 5px 0;
}

.p-30-0 {
    padding: 30px 0;
}

.p-20-0 {
    padding: 20px 0;
}

.ptb-5 {
    padding: 5px 0;
}

.pt-2rem {
    padding-top: 2rem;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-30.no-edit {
    padding-left: 30px !important;
}

.pl-1rem {
    padding-left: 1rem;
}

.pl-2rem {
    padding-left: 2rem;
}

.pl-3rem {
    padding-left: 3rem;
}

.pl-4rem {
    padding-left: 4rem;
}

.pl-5rem {
    padding-left: 5rem;
}

.pl-6rem {
    padding-left: 6rem;
}

.pr-0 {
    padding-right: 0;
}

.pr-2rem {
    padding-right: 2rem;
}

.pr-30 {
    padding-right: 30px;
}

.pr-30.no-edit {
    padding-right: 30px !important;
}

.p-2rem-0 {
    padding: 2rem 0;
}

.p-15-15-0-3 {
    padding: 15px 15px 0 3px;
}

.p-3-15-5-15 {
    padding: 3px 15px 5px;
}

.p-3_5rem-0-3_5rem-3_5rem {
    padding: 3.5rem 0 3.5rem 3.5rem;
}

.p-2rem-0-2rem-2rem {
    padding: 2rem 0 2rem 2rem;
}

.p-2rem-0-2rem-0 {
    padding: 2rem 0 2rem 0;
}

.p-2rem-0-2rem-4rem {
    padding: 2rem 0 2rem 4rem;
}

.p-3rem {
    padding: 3rem;
}

.radius-3 {
    border-radius: 3px;
}

.radius-5 {
    border-radius: 5px;
}

.radius-8 {
    border-radius: 8px;
}

.radius-15 {
    border-radius: 5px;
}

.radius-0-0-8-8 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 0;
}

.w-full {
    width: 100%;
}

.w-half {
    width: 50%;
}

.w-third {
    width: 30%;
}

.w-50 {
    width: 50px;
}

.w-80 {
    width: 80px;
}

.w-160 {
    width: 160px;
}

.h-full {
    height: 100vh;
}

.h-full-alt {
    height: 100%;
}

.h-25 {
    height: 25px;
}

.h-32 {
    height: 32px;
}

.h-34 {
    height: 34px;
}

.h-60 {
    height: 60px;
}

.h-100 {
    height: 100%;
}

.h-300 {
    height: 300px;
}

.max-w-150 {
    max-width: 150px;
}

.min-h-120 {
    min-height: 120px;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.cursor-pointer {
    cursor: pointer;
}

.cl-cols.no-gutter>.cl-col {
    margin-left: 0;
}

.cl-cols.no-gutter .cl-col_12_of_12-tl {
    flex-basis: 100%;
}

.cl-cols.no-gutter .cl-col_11_of_12-tl {
    flex-basis: 91.66666667%;
}

.cl-cols.no-gutter .cl-col_10_of_12-tl {
    flex-basis: 83.33333333%;
}

.cl-cols.no-gutter .cl-col_9_of_12-tl {
    flex-basis: 75%;
}

.cl-cols.no-gutter .cl-col_8_of_12-tl {
    flex-basis: 66.66666667%;
}

.cl-cols.no-gutter .cl-col_7_of_12-tl {
    flex-basis: 58.33333333%;
}

.cl-cols.no-gutter .cl-col_6_of_12-tl {
    flex-basis: 50%;
}

.cl-cols.no-gutter .cl-col_5_of_12-tl {
    flex-basis: 41.66666667%;
}

.cl-cols.no-gutter .cl-col_4_of_12-tl {
    flex-basis: 33.33333333%;
}

.cl-cols.no-gutter .cl-col_3_of_12-tl {
    flex-basis: 25%;
}

.cl-cols.no-gutter .cl-col_2_of_12-tl {
    flex-basis: 16.66666667%;
}

.cl-cols.no-gutter .cl-col_1_of_12-tl {
    flex-basis: 8.33333333%;
}

.cl-cols:not(.no-gutter)>.cl-col:not(:first-child) {
    margin-left: 1.6%;
}

.cl-cols:not(.no-gutter) .cl-col_12_of_12-tl {
    flex-basis: 100%;
    margin-left: 0 !important;
}

.cl-cols:not(.no-gutter) .cl-col_11_of_12-tl {
    flex-basis: 91.53%;
}

.cl-cols:not(.no-gutter) .cl-col_10_of_12-tl {
    flex-basis: 83.06%;
}

.cl-cols:not(.no-gutter) .cl-col_9_of_12-tl {
    flex-basis: 74.6%;
}

.cl-cols:not(.no-gutter) .cl-col_8_of_12-tl {
    flex-basis: 66.13%;
}

.cl-cols:not(.no-gutter) .cl-col_7_of_12-tl {
    flex-basis: 57.66%;
}

.cl-cols:not(.no-gutter) .cl-col_6_of_12-tl {
    flex-basis: 49.2%;
}

.cl-cols:not(.no-gutter) .cl-col_5_of_12-tl {
    flex-basis: 40.73%;
}

.cl-cols:not(.no-gutter) .cl-col_4_of_12-tl {
    flex-basis: 32.26%;
}

.cl-cols:not(.no-gutter) .cl-col_3_of_12-tl {
    flex-basis: 23.8%;
}

.cl-cols:not(.no-gutter) .cl-col_2_of_12-tl {
    flex-basis: 15.33%;
}

.cl-cols:not(.no-gutter) .cl-col_1_of_12-tl {
    flex-basis: 6.866%;
}

.cl-cols:not(.no-gutter).cl-multiple-rows-tl .cl-col_2_of_12-tl:nth-of-type(6n+1),
.cl-cols:not(.no-gutter).cl-multiple-rows-tl .cl-col_3_of_12-tl:nth-of-type(4n+1),
.cl-cols:not(.no-gutter).cl-multiple-rows-tl .cl-col_4_of_12-tl:nth-of-type(3n+1),
.cl-cols:not(.no-gutter).cl-multiple-rows-tl .cl-col_6_of_12-tl:nth-of-type(odd) {
    margin-left: 0;
}

.col.no-padding {
    padding-left: 0;
    padding-right: 0
}

.col.standalone {
    margin-left: 0 !important;
}

.cl-cols.multiple-rows {
    flex-wrap: wrap;
}

.cl-filters.horizontal .filter {
    margin: 0 7px !important;
    white-space: nowrap;
    cursor: pointer;
}

.filter.classonlive-main-text-small {
    text-transform: capitalize;
}

.classonlive-button-solid-white,
.classonlive-input-solid-white {
    background-color: #ffffff;
}

.classonlive-input.full-height {
    height: 100%;
}

.classonlive-icon.fa,
.classonlive-icon.far,
.classonlive-icon.fas {
    font-family: Font Awesome\ 5 Free;
}

.classonlive-button span {
    text-decoration: none !important;
}

.classonlive-icon {
    text-align: center;
    min-width: 1em;
}

.cl-cols.no-gutter>.col {
    margin-left: 0;
}

.cl-filters.horizontal {
    flex-wrap: wrap;
}

.cl-dark-bg .cl-b-1px-fadeout80 {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.cl-body-bg .cl-b-1px-fadeout80 {
    border: 1px solid rgba(0, 28, 64, 0.2);
}

.cl-brand-bg .cl-b-1px-fadeout80 {
    border: 1px solid rgba(0, 28, 64, 0.2);
}

.cl-brand-accent1-bg .cl-b-1px-fadeout80 {
    border: 1px solid rgba(0, 28, 64, 0.2);
}

.cl-brand-accent2-bg .cl-b-1px-fadeout80 {
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.cl-light-bg .cl-b-1px-fadeout80 {
    border: 1px solid rgba(0, 28, 64, 0.2);
}

.classonlive-button.only-icon {
    padding-left: 15px;
    padding-right: 15px;
}

.full-size {
    width: 100%;
}

.full-height,
.full-size {
    height: 100%;
}

.classonlive-section-content.wide-ebook {
    width: 980px;
}

.classonlive-section-content.narrow-ebook {
    width: 700px;
}

.col:not(.no-padding).cl-padding-normal {
    padding: 3.5rem;
}

.cl-padding-normal {
    padding: 3.5rem;
}

.classonlive-frame-size-small.circle {
    padding-bottom: 40%;
    border-radius: 50%;
}

.classonlive-image:not(.full-height) {
    height: auto;
}

.classonlive-image:not(.no-margin-bottom) {
    margin-bottom: 2.5rem;
}

.classonlive-frame-size-small {
    width: 40%;
}

.classonlive-frame-size-very-small {
    width: 20%
}

.classonlive-frame-size-very-small.square {
    padding-bottom: 20%;
}

.classonlive-framed-image {
    display: inline-block;
    position: relative;
}

.js-faq-arrow {
    display: block;
}

.classonlive-icon.small {
    font-size: 18px;
}

.cl-dark-bg .cl-b-1px-fadeout90 {
    border: 1px solid rgba(21, 21, 21, 0.1);
}

.cl-dark-bg .cl-bb-1px-fadeout90 {
    border-bottom: 1px solid rgba(21, 21, 21, 0.1);
}

.with-flexible-parts .flexible-part:nth-child(2) {
    padding-left: 10px;
}

.cl-cols.threeItems-per-row .flex-item {
    width: 33.33%;
    margin-left: 0 !important;
}

.cl-cols.oneItem-per-row {
    list-style-type: none;
}

.cl-cols.oneItem-per-row .flex-item {
    width: 100%;
    margin-left: 0 !important;
}

.cl-cols.align-items-stretch {
    align-items: stretch;
}

.page-content.normal .classonlive-icon.normal:not(.no-margin-bottom):not(:only-child):not(:last-child),
.page-content.normal .classonlive-icon.medium:not(.no-margin-bottom):not(:only-child):not(:last-child),
.page-content.normal .classonlive-icon.semi-large:not(.no-margin-bottom):not(:only-child):not(:last-child),
.page-content.normal .classonlive-icon.large:not(.no-margin-bottom):not(:only-child):not(:last-child) {
    margin-bottom: 2.5rem;
}

.classonlive-icon.fab {
    font-family: Font Awesome\ 5 Brands;
}

.classonlive-frame-size-full.legacy {
    padding-bottom: 76.25%;
}

.classonlive-frame-size-full.rectangle {
    padding-bottom: 56.25%;
}

.classonlive-frame-size-full {
    width: 100%;
}

.classonlive-image {
    max-width: 100%;
    overflow: hidden;
}

.cl-tags.absolute.tl {
    top: 0;
    left: 0;
}

.cl-tags.absolute {
    position: absolute;
    width: 100%;
}

.cl-tags {
    text-align: left;
    font-size: 0;
    padding: 2px;
}

.flex-item.va-fs {
    justify-content: flex-start !important;
}

.flex-item.va-c {
    justify-content: center !important;
}

.flex-item.va-fe {
    justify-content: flex-end !important;
}

.flex-item.va-sb {
    justify-content: space-between !important;
}

.flex-item.ai-s {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.flex-item.va-c,
.flex-item.va-fs,
.flex-item.va-fe,
.flex-item.va-sb {
    display: flex;
    flex-direction: column;
}

.cl-padding-small {
    padding: 2rem;
}

.cl-padding-very-small {
    padding: 1rem;
}

.cl-interior-mt:not(:only-child) {
    margin-top: 2rem;
}

::-webkit-scrollbar {
    height: 10px;
    width: 10px;
    background: #fff;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: rgb(150, 150, 150);
    border: 1px solid rgb(170, 170, 170);
    border-radius: 10px;
}

.checkout-particular-container::-webkit-scrollbar {
    height: 10px;
    width: 5px;
    background: #F1F1F1;
    border-radius: 10px;
}

.checkout-particular-container::-webkit-scrollbar-thumb {
    background: rgb(150, 150, 150);
    border: 1px solid rgb(170, 170, 170);
    border-radius: 10px;
}

.page-content.normal .classonlive-subheading:not(.no-margin-bottom):not(:only-child):not(:last-child) {
    margin-bottom: 2.5rem;
}

.page-content.normal .classonlive-heading3:not(.no-margin-top):not(:first-child) {
    margin-top: 2.5rem;
}

.page-content.normal .classonlive-heading3:not(.no-margin-bottom):not(:only-child):not(:last-child) {
    margin-bottom: 2.5rem;
}

.cl-card-mb {
    margin-bottom: 4rem;
}

.classonlive-frame-size-full.square {
    padding-bottom: 100%;
}

.classonlive-section:not(.megamenu-section):after,
.classonlive-section:not(.megamenu-section):before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    border-top: 1px dashed;
    opacity: 0;
    transition: all .3s;
}

.classonlive-divider-wrapper {
    position: absolute;
    width: 100%;
    height: 200px;
    left: 50%;
    transform: translate(-50%);
    overflow-x: hidden;
}

.classonlive-divider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-width: 1500px;
    height: 100%;
}

.classonlive-divider-wrapper.on-bottom {
    bottom: -1px;
    transform: translate(-50%) rotate(0);
}

.col:not(.no-padding).cl-padding-large {
    padding: 6rem;
}

.cl-checkbox.checkbox-label {
    margin-top: 2.4rem;
    cursor: pointer;
}

.checkbox-label {
    margin-top: 4.4rem;
    cursor: pointer;
    align-items: center !important;
}

/* .cl-checkbox.checkbox-label .flexible-part {
    padding-left: 15px;
} */

.classonlive-smartphone-portrait.draw.white {
    background-image: url(https://d28dhcwclph1gf.cloudfront.net/img-editor/icons/smartphone-portrait-white-draw.png);
}

.classonlive-smartphone-portrait.draw {
    padding: 16% 26%;
}

.classonlive-smartphone-portrait {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    width: 100%;
}

.classonlive-smartphone-portrait.draw .classonlive-AR-16-9 {
    padding-bottom: 178%;
}

input.classonlive-buy-theme-checkbox[type=checkbox],
input.classonlive-accept-terms-checkbox[type=checkbox],
input.classonlive-accept-politica-checkbox[type=checkbox],
input.getInvoiceInput[type=checkbox],
input.radiofData[type=radio] {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    margin-right: 1rem;
    transform: scale(1.5);
}

/* CORTINAS */
.classonlive-divider-wrapper {
    position: absolute;
    width: 100%;
    height: 200px;
    left: 50%;
    transform: translate(-50%);
    overflow: hidden;
}

.classonlive-divider-wrapper.on-top {
    top: 0;
    transform: translate(-50%) rotate(180deg);
}

.classonlive-divider-wrapper.on-bottom {
    bottom: 0;
    transform: translate(-50%) rotate(0);
}

.classonlive-divider {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-width: 1500px;
    height: 100%;
}

.classonlive-divider {
    min-width: auto;
}

.classonlive-divider-wrapper.classonlive-divider-curtains svg,
.classonlive-divider-wrapper.classonlive-divider-curtain svg,
.classonlive-divider-wrapper.classonlive-divider-mountain svg,
.classonlive-divider-wrapper.classonlive-divider-trapezium svg,
.classonlive-divider-wrapper.classonlive-divider-triangles svg,
.classonlive-divider-wrapper.classonlive-divider-triangle svg,
.classonlive-divider-wrapper.classonlive-divider-waves2 svg,
.classonlive-divider-wrapper.classonlive-divider-waves svg {
    transform: scale(1.03, -1.03);
}

.classonlive-divider-wrapper.classonlive-divider-curtains.flip svg,
.classonlive-divider-wrapper.classonlive-divider-curtain.flip svg,
.classonlive-divider-wrapper.classonlive-divider-mountain.flip svg,
.classonlive-divider-wrapper.classonlive-divider-trapezium.flip svg,
.classonlive-divider-wrapper.classonlive-divider-triangles.flip svg,
.classonlive-divider-wrapper.classonlive-divider-triangle.flip svg,
.classonlive-divider-wrapper.classonlive-divider-waves2.flip svg,
.classonlive-divider-wrapper.classonlive-divider-waves.flip svg {
    transform: scale(-1.03, -1.03);
}

.classonlive-divider-wrapper.flip svg {
    transform: scale(-1.03, 1.03);
}


.classonlive-divider-wrapper.divider-front {
    z-index: 10;
    pointer-events: none;
}

.legacy-popup-content-wrapper.normal .cl-widget-in:not(:first-child):not(.classonlive-heading):not(.classonlive-subheading):not(.classonlive-heading3):not(.classonlive-heading4):not(.classonlive-main-text):not(.classonlive-overline-text):not(.classonlive-quote-text):not(.no-margin):not(.no-margin-top),
.page-content.normal .js-same-content-wrapper:not(:first-child):not(.classonlive-heading):not(.classonlive-subheading):not(.classonlive-heading3):not(.classonlive-heading4):not(.classonlive-main-text):not(.classonlive-overline-text):not(.classonlive-quote-text):not(.no-margin):not(.no-margin-top),
.page-content.normal .form-wrapper:not(:first-child):not(.classonlive-heading):not(.classonlive-subheading):not(.classonlive-heading3):not(.classonlive-heading4):not(.classonlive-main-text):not(.classonlive-overline-text):not(.classonlive-quote-text):not(.no-margin):not(.no-margin-top) {
    margin-top: 2.5rem;
}

.js-same-content-wrapper:last-child:not(.cl-tag),
.form-wrapper:last-child:not(.cl-tag) {
    margin-bottom: 0;
}

.classonlive-particular-event-button {
    display: flex;
    align-items: center;
    justify-content: center;
}

.classonlive-particular-event-button-plus {
    display: none !important;
}

.with-shadow {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.cl-deleted-price {
    opacity: .7;
    position: relative;
}

.cl-deleted-price:after {
    border: 2px solid;
    border-color: inherit;
    border-left: none;
    border-right: none;
    border-top: none;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-20deg);
    width: 130%;
}

.cl-text-color-fadeout50 {
    opacity: 0.5;
}

.cl-course-card-price .cl-deleted-price {
    font-weight: normal !important;
}

#cookies-message {
    display: block;
    background-color: #E6E6E6;
    border-top: 1px solid #ECECEC;
    position: fixed;
    height: auto;
    overflow: hidden;
    z-index: 99999;
    -webkit-transition: left 0.4s cubic-bezier(0.94, 0.06, 0.32, 0.95) 0s;
    transition: left 0.4s cubic-bezier(0.94, 0.06, 0.32, 0.95) 0s;
    bottom: 0;
    width: 100vw;
}

#cookies-message .classonlive-button {
    margin: 0 auto !important;
}

#cookies-message .cookies-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    padding: 1.25rem;
}

#cookies-message .cookies-content p a {
    color: #1b1d1e;
    font-weight: 600;
    text-decoration: underline;
}

#cookies-message .cookies-content p,
#cookies-message .cookies-content button {
    display: inline-block;
}

#cookies-message .cookies-content p {
    margin: 0;
    padding: 0;
    text-align: justify;
}

#cookies-message .cookies-content .btn-container {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.classonlive-main-text-error {
    color: #d80d0d;
}

.classonlive-button-delete-square {
    background: #d80d0d;
    border-radius: .25rem;
    padding: .6rem .8rem;
    font-size: 1.25rem;
    cursor: pointer;
}

.classonlive-button-delete-round {
    background: #d80d0d;
    border-radius: 50%;
    padding: .9rem 1.1rem;
    font-size: 1.5rem;
    cursor: pointer;
}

.classonlive-button-delete-round.removeReserve .mdi.mdi-trash-can-outline:before {
    margin-top: 0.33rem;
}

#theCalendar .fc-time {
    font-size: 1.2rem;
}

#theCalendar .fc-content {
    padding: .25rem;
}

#theCalendar .fc-prev-button,
#theCalendar .fc-next-button {
    font-size: 1.2rem;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.4em;
    background-image: unset;
    outline: none;
    box-shadow: none;
    text-shadow: none;
}

#theCalendar.fc-unthemed td.fc-today {
    background-color: #66b9bfff;
    color: #f4ece7ff;
}

#theCalendar .fc-event,
#theCalendar .fc-event-dot {
    background-color: #66b9bfff;
    color: #f4ece7ff;
    text-decoration: none !important;
}

.classonlive-particular-event-title {
    font-size: 1.2rem;
}

.fc button.classonlive-particular-event-button {
    background: #000;
    width: 100%;
    color: #fff;
    font-size: 1.2rem;
}

.classonlive-particular-event-button>.mdi {}

.classonlive-particular-event-button-text {}

table.reservations,
table.totalTable {
    width: 100%;
    margin-bottom: 2rem;
}

table.reservations tr,
table.totalTable tr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

table.reservations td,
table.totalTable td {
    align-self: center;
    flex-grow: 0;
    border: 0;
    padding: .75rem;
}

.classonlive-frame-size-full.circle {
    padding-bottom: 100%;
    border-radius: 50%;
}

.d-none {
    display: none !important;
}

/* MODAL */
.modal {
    display: none;
    position: fixed;
    z-index: 9999;
    /* padding-top: 100px; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modal.in {
    opacity: 1;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal.show .modal-dialog {
    opacity: 1;
}

.modal.in .modal-dialog {
    opacity: 1;
}

/* .modal.fade:not(.in) .modal-dialog {
    transition: all .3s;
} */

.modal .modal-dialog {
    opacity: 0;
    /* max-width: 60vw; */
    margin: auto;
    height: 100%;
    padding-top: 3rem;
    min-width: 50%;
}

#custom-courses.modal .modal-dialog {
    min-width: 66%;
}



.modal .modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0;
}

.modal .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.modal .modal-header .close-modal {
    color: #aaaaaa;
    font-size: 1.8rem;
    position: absolute;
    top: .5rem;
    right: .25rem;
}

.modal .modal-header .close-modal:hover,
.modal .modal-header .close-modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal .modal-footer .control-group {
    display: flex;
    justify-content: center;
}

.modal .modal-footer .control-group .btn:first-child {
    margin-right: 2rem;
}

.modal .modal-header,
.modal .modal-body,
.modal .modal-footer {
    padding: 2rem;
}

.modal .modal-header,
.modal .modal-body {
    padding-bottom: 1rem;
}

.modal .modal-body,
.modal .modal-footer {
    padding-top: 1rem;
}

.modal.showMakeAcademyTrial,
.modal.showMakeAcademyOld {
    padding-left: 0;
}

.modal.showMakeAcademyTrial .modal-dialog,
.modal.showMakeAcademyOld .modal-dialog {
    max-width: 500px;
    margin: 30px auto;
    height: 100%;
    top: 2rem;
    min-width: 40%;
}

.modal.showMakeAcademyTrial .modal-body,
.modal.showMakeAcademyOld .modal-body {
    flex: 1 1 auto;
    padding: 1rem;
}

.classonlive-modal-field {
    /* border-bottom: 1px solid grey; */
}

.classonlive-modal-header {
    font-size: 1.8rem;
}

.classonlive-modal-form-element {
    font-size: 1.5rem;
}

p.classonlive-modal-form-element {
    margin-top: 0;
    margin-bottom: .5rem;
}

.drag-icon.classonlive-modal-form-element {
    font-size: 2rem;
}

input.classonlive-modal-form-element,
textarea.classonlive-modal-form-element {
    border-bottom: 1px solid grey;
}

select.classonlive-modal-form-element {
    border: 1px solid grey;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

select.classonlive-modal-form-element,
input.classonlive-modal-form-element,
textarea.classonlive-modal-form-element {
    padding: .5rem;
    margin-bottom: 2rem;
}

input.termsInput[type=checkbox],
input.poliInput[type=checkbox],
input.publiInput[type=checkbox] {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    height: 1.5rem;
    display: block;
    margin: 0px 8px 0px 0px;
}

a.terms,
a.terms-alt,
a.polis,
a.polis-alt {
    margin-left: .5rem;
}

.classonlive-modal-button {
    font-size: 1.8rem;
    padding: 1rem 2rem;
    border-radius: .5rem;
    cursor: pointer;
}

.classonlive-show-muestra {
    padding: 1rem;
    border-radius: .5rem;
    text-decoration: none;
}

.classonlive-medida-calendar {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.toast-message {
    font-size: 1.5rem;
}

.faq-card.cl-bb-1px-fadeout80:not(:last-child) {
    border-bottom: 1px solid rgba(47, 40, 71, 0.2);
}

.social-link-preview {
    pointer-events: none;
    margin: 20px;
}

.cl-h-row {
    background: inherit;
}

.cl-topbar>div {
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
}

.cl-topbar.sticky-topbar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.cl-topbar {
    overflow: visible;
    z-index: 11;
    display: flex;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);
}

.cl-topbar .classonlive-section-content {
    min-height: 55px;
    display: flex;
}

.cl-topbar .with-flexible-parts:not(.cl-topbar-options) {
    flex-wrap: wrap;
}

.cl-topbar .cl-topbar-logo-col {
    max-width: calc(100% - 70px);
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.cl-topbar .cl-topbar-logo-col .cl-logo {
    -o-object-fit: contain;
    object-fit: contain;
}

.cl-logo {
    max-width: 100%;
    cursor: pointer;
}

.cl-h-row .classonlive-section-content,
.cl-h-row .classonlive-section-content .cl-cols,
.cl-h-row .classonlive-section-content .cl-cols .flex-item,
.cl-h-row .classonlive-section-content .cl-cols .flex-item .cl-topbar-menu-wrapper,
.cl-h-row .classonlive-section-content .cl-cols .flex-item .cl-topbar-menu-wrapper .cl-topbar-menu,
.cl-h-row .classonlive-section-content .cl-cols .flex-item .cl-topbar-menu-wrapper .cl-topbar-menu .cl-topbar-options,
.cl-h-row .classonlive-section-content .cl-cols .flex-item .cl-topbar-menu-wrapper .cl-topbar-menu .cl-topbar-options .cl-topbar-option,
.cl-h-row .classonlive-section-content .cl-cols .flex-item .cl-topbar-menu-wrapper .cl-topbar-menu .cl-topbar-options .cl-topbar-option .cl-topbar-submenu {
    background-color: inherit;
}

.cl-h-row .cl-cols .col:first-child .cl-topbar-menu-wrapper.link-distance-micro .cl-topbar-option:not(:first-child) {
    margin-left: 10px;
}

.cl-h-row .cl-cols .col:first-child .cl-topbar-menu-wrapper.link-distance-mini .cl-topbar-option:not(:first-child) {
    margin-left: 14px;
}

.cl-h-row .cl-cols .col:first-child .cl-topbar-menu-wrapper.link-distance-condensed .cl-topbar-option:not(:first-child) {
    margin-left: 18px;
}

.cl-h-row .cl-cols .col:first-child .cl-topbar-menu-wrapper.link-distance-normal .cl-topbar-option:not(:first-child) {
    margin-left: 22px;
}

.cl-h-row .cl-cols .col:first-child .cl-topbar-menu-wrapper.link-distance-wide .cl-topbar-option:not(:first-child) {
    margin-left: 28px;
}

.cl-h-row .cl-cols .col:first-child .cl-topbar-menu-wrapper.link-distance-mega .cl-topbar-option:not(:first-child) {
    margin-left: 40px;
}

.cl-h-row .cl-cols .col:nth-child(2) .cl-topbar-menu-wrapper.link-distance-micro .cl-topbar-option {
    margin: 0 5px;
}

.cl-h-row .cl-cols .col:nth-child(2) .cl-topbar-menu-wrapper.link-distance-mini .cl-topbar-option {
    margin: 0 7px;
}

.cl-h-row .cl-cols .col:nth-child(2) .cl-topbar-menu-wrapper.link-distance-condensed .cl-topbar-option {
    margin: 0 9px;
}

.cl-h-row .cl-cols .col:nth-child(2) .cl-topbar-menu-wrapper.link-distance-normal .cl-topbar-option {
    margin: 0 11px;
}

.cl-h-row .cl-cols .col:nth-child(2) .cl-topbar-menu-wrapper.link-distance-wide .cl-topbar-option {
    margin: 0 14px;
}

.cl-h-row .cl-cols .col:nth-child(2) .cl-topbar-menu-wrapper.link-distance-mega .cl-topbar-option {
    margin: 0 20px;
}

.cl-h-row .cl-cols .col:nth-child(3) .cl-topbar-menu-wrapper.link-distance-micro .cl-topbar-option:not(:last-child) {
    margin-right: 10px;
}

.cl-h-row .cl-cols .col:nth-child(3) .cl-topbar-menu-wrapper.link-distance-mini .cl-topbar-option:not(:last-child) {
    margin-right: 14px;
}

.cl-h-row .cl-cols .col:nth-child(3) .cl-topbar-menu-wrapper.link-distance-condensed .cl-topbar-option:not(:last-child) {
    margin-right: 18px;
}

.cl-h-row .cl-cols .col:nth-child(3) .cl-topbar-menu-wrapper.link-distance-normal .cl-topbar-option:not(:last-child) {
    margin-right: 22px;
}

.cl-h-row .cl-cols .col:nth-child(3) .cl-topbar-menu-wrapper.link-distance-wide .cl-topbar-option:not(:last-child) {
    margin-right: 28px;
}

.cl-h-row .cl-cols .col:nth-child(3) .cl-topbar-menu-wrapper.link-distance-mega .cl-topbar-option:not(:last-child) {
    margin-right: 40px;
}

section .cl-cols .col:first-child .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-micro .cl-topbar-option:not(:first-child) {
    margin-left: 10px;
}

section .cl-cols .col:first-child .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-mini .cl-topbar-option:not(:first-child) {
    margin-left: 14px;
}

section .cl-cols .col:first-child .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-condensed .cl-topbar-option:not(:first-child) {
    margin-left: 18px;
}

section .cl-cols .col:first-child .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-normal .cl-topbar-option:not(:first-child) {
    margin-left: 22px;
}

section .cl-cols .col:first-child .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-wide .cl-topbar-option:not(:first-child) {
    margin-left: 28px;
}

section .cl-cols .col:first-child .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-mega .cl-topbar-option:not(:first-child) {
    margin-left: 40px;
}

section .cl-cols .col:nth-child(2) .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-micro .cl-topbar-option {
    margin: 0 5px;
}

section .cl-cols .col:nth-child(2) .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-mini .cl-topbar-option {
    margin: 0 7px;
}

section .cl-cols .col:nth-child(2) .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-condensed .cl-topbar-option {
    margin: 0 9px;
}

section .cl-cols .col:nth-child(2) .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-normal .cl-topbar-option {
    margin: 0 11px;
}

section .cl-cols .col:nth-child(2) .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-wide .cl-topbar-option {
    margin: 0 14px;
}

section .cl-cols .col:nth-child(2) .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-mega .cl-topbar-option {
    margin: 0 20px;
}

section .cl-cols .col:nth-child(3) .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-micro .cl-topbar-option:not(:last-child) {
    margin-right: 10px;
}

section .cl-cols .col:nth-child(3) .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-mini .cl-topbar-option:not(:last-child) {
    margin-right: 14px;
}

section .cl-cols .col:nth-child(3) .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-condensed .cl-topbar-option:not(:last-child) {
    margin-right: 18px;
}

section .cl-cols .col:nth-child(3) .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-normal .cl-topbar-option:not(:last-child) {
    margin-right: 22px;
}

section .cl-cols .col:nth-child(3) .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-wide .cl-topbar-option:not(:last-child) {
    margin-right: 28px;
}

section .cl-cols .col:nth-child(3) .cl-topbar-menu-wrapper.cl-not-topbar-menu.link-distance-mega .cl-topbar-option:not(:last-child) {
    margin-right: 40px;
}

.cl-topbar-option {
    display: inline-flex;
    position: relative;
    align-items: center;
}

.cl-cols.twoItems-per-row {
    list-style-type: none;
}

.cl-cols.twoItems-per-row .flex-item {
    width: 50%;
    margin-left: 0 !important;
}

.with-flexible-parts .flexible-part:first-child+.js-linked-node,
.with-flexible-parts:not(.downloadAppItem-cols) .flexible-part:nth-child(2) {
    padding-left: 15px;
}

.classonlive-section .col[data-node-type="column"]:not(.with-flexible-parts) .classonlive-image {
    flex-shrink: 0;
}

.cl-footer.footer4 .cl-logo {
    width: 130px;
}

.bgcolor-inherit {
    background-color: inherit;
}

.size-full {
    width: 100%;
    height: 100%;
}

.cl-topbar-hamburger-button {
    outline-color: transparent;
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 27px;
    z-index: 101;
    outline: none;
}

.cl-topbar-hamburger-button:before {
    top: 2px;
    box-shadow: 0 20px 0 0 #b4b4b4;
}

.hamburger-open .cl-topbar-hamburger-button:before {
    transform: translate3d(5px, 12px, 0) rotate(-45deg);
    box-shadow: 0 0 0 0 #b4b4b4;
}

.cl-topbar-hamburger-button:after {
    bottom: 11px;
}

.hamburger-open .cl-topbar-hamburger-button:after {
    transform: translate3d(5px, 2px, 0) rotate(45deg);
}

.cl-topbar-hamburger-button:after,
.cl-topbar-hamburger-button:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #b4b4b4;
    transform: translateZ(0);
    transition: transform .3s linear, box-shadow .3s linear;
}

.cl-topbar-hamburger-menu {
    position: fixed;
}

.cl-topbar-hamburger-menu {
    opacity: 0;
    height: 0;
    pointer-events: none;
    transition: all .3s;
    transform: translateY(-10px);
    position: absolute;
    top: 0;
    z-index: 100;
    left: 0;
    padding: 45px 10px;
    width: 100%;
    overflow: auto;
}

.cl-topbar-hamburger-menu-item {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mobile-nav-menu,
.mobile-nav-subMenu {
    list-style-type: none;
}

.mobile-nav-menu {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mobile-nav-menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hamburger-open .cl-topbar-hamburger-menu {
    height: 100vh;
    display: flex;
    opacity: 1;
    pointer-events: auto;
    transform: translate(0);
}

.course-container {
    max-height: 60vh;
    overflow: hidden;
}

.course-check-wrapper,
.course-order-wrapper {
    overflow-y: auto;
    flex-basis: 49%;
}

.course-check-wrapper {
    padding-right: 1.5rem;
    border-right: 1px solid rgba(0, 0, 0, .2);
}

.course-order-wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.course-check-wrapper>.classonlive-modal-form-element {
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.course-check-wrapper>.classonlive-modal-form-element>.courseName,
.savedMedia>.title-container {
    max-width: 550px;
}

.elipsis {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    max-width: 250px;
}

select.classonlive-categories {
    appearance: auto;
    height: auto;
}

.classonlive-categories.chosen-container-single {
    position: initial;
}

.classonlive-categories.chosen-container-single .chosen-single,
.classonlive-categories.chosen-container-active.chosen-with-drop .chosen-single {
    height: auto;
    border: none;
    box-shadow: none;
    background: none;
    line-height: inherit;
    background-image: none;
}

.classonlive-categories.chosen-container-active.chosen-with-drop {
    border-bottom: none;
}

.classonlive-categories.chosen-container .chosen-drop {
    left: 0;
    box-shadow: none;
    background: none;
    border-radius: 0;
}

.classonlive-input.classonlive-search-input,
.classonlive-button.classonlive-search-button,
.classonlive-input.classonlive-categories {
    border: 1px solid #aaa;
}

.cl-social-button {
    color: unset;
}

.classonlive-element:last-child {
    margin-bottom: 0;
}

.br-none {
    border-right: none;
}

.bl-none {
    border-left: none;
}

.bt-none {
    border-top: none;
}

.bb-none {
    border-bottom: none;
}

.cl-course-card-price {
    font-weight: bold !important;
}

div[data-node-type="social-links-wrapper"] .cl-social-button {
    cursor: pointer;
}

#hlsVideo {
    width: 100% !important;
    height: 100% !important;
}

.cl-topbar-menu-wrapper>.cl-topbar-menu>.cl-topbar-options>.cl-topbar-option {
    cursor: pointer;
}

.grandpa-circle-btn {
    pointer-events: none;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    background-color: #a7a4a4;
    margin-left: 8px;
    margin-right: 8px;
    position: relative;
    margin-top: 26px;
    opacity: .5;
}

.grandpa-circle-btn.active {
    background-color: rgb(92, 91, 91);
    opacity: 1;
}

#modal-container .modal .modal-dialog {
    padding-top: 13rem;
}

#modal-transfer-captcha .sliderContainer {
    height: 40px;
    font-size: 1.5rem;
}

.mercadopago-button {
    display: none !important;
}

.themeList {
    max-height: 350px;
    overflow: hidden;
    overflow-y: auto;
    padding: 1rem;
    padding-left: 0;
}

/* Animations */

.animated-general-1 {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: animation-general-1;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-1;
    -ms-animation-duration: .5s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-1;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-1;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal
}

@-webkit-keyframes animation-general-1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes animation-general-1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animated-general-2 {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: animation-general-2;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-2;
    -ms-animation-duration: .5s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-2;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-2;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal
}

@-webkit-keyframes animation-general-2 {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes animation-general-2 {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animated-general-3 {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: animation-general-3;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-3;
    -ms-animation-duration: .5s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-3;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-3;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal
}

@-webkit-keyframes animation-general-3 {
    0% {
        opacity: 0;
        transform: scale(1.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes animation-general-3 {
    0% {
        opacity: 0;
        transform: scale(1.5)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.animated-general-4 {
    opacity: 0;
    transform: translate(-15px);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: animation-general-4;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-4;
    -ms-animation-duration: .5s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-4;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-4;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal
}

@-webkit-keyframes animation-general-4 {
    0% {
        opacity: 0;
        transform: translate(-15px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes animation-general-4 {
    0% {
        opacity: 0;
        transform: translate(-15px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.animated-general-5 {
    opacity: 0;
    transform: translate(15px);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: animation-general-5;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-5;
    -ms-animation-duration: .5s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-5;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-5;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal
}

@-webkit-keyframes animation-general-5 {
    0% {
        opacity: 0;
        transform: translate(15px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes animation-general-5 {
    0% {
        opacity: 0;
        transform: translate(15px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.animated-general-6 {
    opacity: 0;
    transform: translateY(-15px);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: animation-general-6;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-6;
    -ms-animation-duration: .5s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-6;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-6;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal
}

@-webkit-keyframes animation-general-6 {
    0% {
        opacity: 0;
        transform: translateY(-15px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes animation-general-6 {
    0% {
        opacity: 0;
        transform: translateY(-15px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.animated-general-7 {
    opacity: 0;
    transform: translateY(15px);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: animation-general-7;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-7;
    -ms-animation-duration: .5s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-7;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-7;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal
}

@-webkit-keyframes animation-general-7 {
    0% {
        opacity: 0;
        transform: translateY(15px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes animation-general-7 {
    0% {
        opacity: 0;
        transform: translateY(15px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.animated-general-8 {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: animation-general-8;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-8;
    -ms-animation-duration: .5s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-8;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-8;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal
}

@-webkit-keyframes animation-general-8 {
    0% {
        transform: rotate(0)
    }

    to {
        opacity: 1;
        transform: rotate(1turn)
    }
}

@keyframes animation-general-8 {
    0% {
        transform: rotate(0)
    }

    to {
        opacity: 1;
        transform: rotate(1turn)
    }
}

.animated-general-9 {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: animation-general-9;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-9;
    -ms-animation-duration: .5s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-9;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-9;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal
}

@-webkit-keyframes animation-general-9 {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes animation-general-9 {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.animated-general-10 {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: animation-general-10;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-10;
    -ms-animation-duration: .5s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-10;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-10;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal
}

@-webkit-keyframes animation-general-10 {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate(0)
    }

    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translateY(-30px)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translateY(-15px)
    }

    90% {
        transform: translateY(-4px)
    }

    to {
        opacity: 1
    }
}

@keyframes animation-general-10 {

    0%,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate(0)
    }

    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translateY(-30px)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translateY(-15px)
    }

    90% {
        transform: translateY(-4px)
    }

    to {
        opacity: 1
    }
}

.animated-general-11 {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: animation-general-11;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-11;
    -ms-animation-duration: .5s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-11;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-11;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal
}

@-webkit-keyframes animation-general-11 {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes animation-general-11 {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.animated-general-12 {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: animation-general-12;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-12;
    -ms-animation-duration: .5s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-12;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-12;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal
}

@-webkit-keyframes animation-general-12 {
    0% {
        opacity: 0;
        transform: scaleX(1)
    }

    30% {
        opacity: 1;
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, .95, 1)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes animation-general-12 {
    0% {
        opacity: 0;
        transform: scaleX(1)
    }

    30% {
        opacity: 1;
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        transform: scale3d(1.05, .95, 1)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.animated-general-13 {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: animation-general-13;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-13;
    -ms-animation-duration: .5s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-13;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-13;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal
}

@-webkit-keyframes animation-general-13 {
    0% {
        opacity: 0
    }

    0%,
    to {
        transform: translateX(0);
        transform-origin: 50% 50%
    }

    15% {
        opacity: 1;
        transform: translateX(-30px) rotate(-6deg)
    }

    30% {
        transform: translateX(15px) rotate(6deg)
    }

    45% {
        transform: translateX(-15px) rotate(-3.6deg)
    }

    60% {
        transform: translateX(9px) rotate(2.4deg)
    }

    75% {
        transform: translateX(-6px) rotate(-1.2deg)
    }

    to {
        opacity: 1
    }
}

@keyframes animation-general-13 {
    0% {
        opacity: 0
    }

    0%,
    to {
        transform: translateX(0);
        transform-origin: 50% 50%
    }

    15% {
        opacity: 1;
        transform: translateX(-30px) rotate(-6deg)
    }

    30% {
        transform: translateX(15px) rotate(6deg)
    }

    45% {
        transform: translateX(-15px) rotate(-3.6deg)
    }

    60% {
        transform: translateX(9px) rotate(2.4deg)
    }

    75% {
        transform: translateX(-6px) rotate(-1.2deg)
    }

    to {
        opacity: 1
    }
}

.animated-general-14 {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: animation-general-14;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-14;
    -ms-animation-duration: .5s;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-14;
    animation-duration: .5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-14;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal
}

@-webkit-keyframes animation-general-14 {
    0% {
        opacity: 0;
        transform: translate(0)
    }

    20% {
        opacity: 1;
        transform: translate(-2px, 2px)
    }

    40% {
        transform: translate(-2px, -2px)
    }

    60% {
        transform: translate(2px, 2px)
    }

    80% {
        transform: translate(2px, -2px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes animation-general-14 {
    0% {
        opacity: 0;
        transform: translate(0)
    }

    20% {
        opacity: 1;
        transform: translate(-2px, 2px)
    }

    40% {
        transform: translate(-2px, -2px)
    }

    60% {
        transform: translate(2px, 2px)
    }

    80% {
        transform: translate(2px, -2px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.classonlive-animated:not(.cl-topbar).fade-in {
    -webkit-animation-name: animation-general-1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-1;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-1;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
}

.classonlive-animated:not(.cl-topbar).scale-up {
    -webkit-animation-name: animation-general-2;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-2;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-2;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-2;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
}

.classonlive-animated:not(.cl-topbar).scale-down {
    -webkit-animation-name: animation-general-3;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-3;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-3;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-3;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
}

.classonlive-animated:not(.cl-topbar).slide-to-right {
    transform: translate(-15px);
    -webkit-animation-name: animation-general-4;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-4;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-4;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-4;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
}

.classonlive-animated:not(.cl-topbar).slide-to-left {
    transform: translate(15px);
    -webkit-animation-name: animation-general-5;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-5;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-5;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-5;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
}

.classonlive-animated:not(.cl-topbar).slide-to-bottom {
    transform: translateY(-15px);
    -webkit-animation-name: animation-general-6;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-6;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-6;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-6;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
}

.classonlive-animated:not(.cl-topbar).slide-to-top {
    transform: translateY(15px);
    -webkit-animation-name: animation-general-7;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-7;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-7;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-7;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
}

.classonlive-animated:not(.cl-topbar).rotate {
    -webkit-animation-name: animation-general-8;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-8;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-8;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-8;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
}

.classonlive-animated:not(.cl-topbar).blink {
    -webkit-animation-name: animation-general-9;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-9;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-9;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-9;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
}

.classonlive-animated:not(.cl-topbar).bounce {
    -webkit-animation-name: animation-general-10;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-10;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-10;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-10;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
}

.classonlive-animated:not(.cl-topbar).jello,
.classonlive-animated:not(.cl-topbar).pulse {
    -webkit-animation-name: animation-general-11;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-11;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-11;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-11;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
}

.classonlive-animated:not(.cl-topbar).wobble {
    -webkit-animation-name: animation-general-13;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-13;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-13;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-13;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
}

.classonlive-animated:not(.cl-topbar).vibrate {
    -webkit-animation-name: animation-general-14;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    -ms-animation-name: animation-general-14;
    -ms-animation-timing-function: ease-out;
    -ms-animation-delay: 0;
    -ms-animation-iteration-count: 1;
    -ms-animation-direction: normal;
    animation-name: animation-general-14;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-iteration-count: 1;
    animation-direction: normal;
    -moz-animation-name: animation-general-14;
    -moz-animation-timing-function: ease-out;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count: 1;
    -moz-animation-direction: normal;
}

.classonlive-animated:not(.cl-topbar).anim-normal {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
}

.classonlive-animated:not(.cl-topbar).anim-fast {
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
}

.classonlive-animated:not(.cl-topbar).anim-slow {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
}

.classonlive-animated:not(.cl-topbar) {
    position: relative;
}

.classonlive-animated:not(.cl-topbar) {
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#enroll .classonlive-modal-field:not(:first-child),
#enroll #personalAdditionalFields .personal-form-element {
    margin-top: 2rem;
}

#terminos-modal .cursoTerminos,
#terms-text,
#poli-text,
.cursoTerminosCustom {
    text-align: left;
    font-size: 1.5rem;
    /* padding: 0 1.5rem; */
    margin-bottom: 3rem;
    width: 75vw;
    max-width: 75vw;
    height: auto;
    max-height: 70vh;
    overflow: hidden;
    overflow-y: auto;
}

.alert-error {
    color: #fa225b !important;
}

.alert-error.success {
    color: #62A215 !important;
}

.cl-white-bg {
    background-color: #ffffff;
}

.cl-black-bg {
    background-color: #0a0a0a;
}

.cl-grey-bg {
    background-color: #676767;
}

.cl-underline {
    text-decoration: underline;
}

/* FACTURACIÓN */
.getInvoiceSelect .fDataContainer {
    width: 100%;
}

.getInvoiceSelect .fDataContainer .sectionSeparator {
    width: 100%;
    margin: 0 auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.zebra-bg {
    text-align: left;
}

.zebra-bg .zebra-bg-item:nth-child(odd) {
    background-color: #F5F5F5;
    color: #2A2F34;
}

.zebra-bg .zebra-bg-item:nth-child(even) {
    background-color: #FFFFFF;
    color: #2A2F34;
}

.zebra-bg .zebra-bg-item.selected:before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    width: 4px;
    height: 100%;
    background-color: #FBAC00;
}

.zebra-bg .zebra-bg-item.selected {
    position: relative;
}

.blog-categories-container.categories-on-top .blog-category.selected {
    font-weight: 800;
}

.blog-category {
    cursor: pointer;
}

.timer .timer-group-digits {
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: ltr !important;
}

.timer .cl-cols .col {
    border: 1px solid rgba(22, 44, 78, 0.2);
    background-color: #FFFFFF;
    border-radius: 5px;
    padding-bottom: 5px;
    color: #162C4E;
}

.timer .timer-group-digits {
    font-size: 30px;
    font-weight: bold;
}

.timer .timer-group-label {
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
}

/* ARTICULO ANTERIOR + ARTICULO SIGUIENTE */
.prev-next-article-label {
    font-size: 15px;
}

.prev-article-title,
.next-article-title {
    font-size: 18px;
}

.alert-danger.cardErrorArea {
    color: #FA225B !important;
}


/* BARRA SUPERIOR CONTENIDOS */
.cl-content-section-logo-col {
    max-width: calc(100% - 70px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* PROGRESO GENERAL */
.progress-container-element {
    width: 100%;
}

/* PROGRESO BARRA */
.progress-bar-section {
    margin: 0 auto;
    width: 100%;
    background-color: #CACCD6;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    height: 1.25rem;
    background-color: #00a500;
    transition: width .6s ease;
}

.progress-text-section {
    margin-top: 0.33rem;
}

/* PROGRESO CIRCULAR */
.progress-circle-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress-circle-wrapper {
    border-radius: 50%;
}

.progress-circle-wrapper .progress-circle-inside {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    z-index: 100;
    margin-top: 10px;
    margin-left: 10px;
    font-weight: 600;
}

.progress-circle-wrapper .progress-circle .progress-circle-mask,
.progress-circle-wrapper .progress-circle .progress-circle-mask .progress-circle-outside {
    position: absolute;
    border-radius: 50%;
}

.progress-circle-wrapper.size-tiny {
    width: 100px;
    height: 100px;
}

.progress-circle-wrapper.size-tiny .progress-circle .progress-circle-mask {
    clip: rect(0px, 100px, 100px, 50px);
}

.progress-circle-wrapper.size-tiny .progress-circle .progress-circle-mask,
.progress-circle-wrapper.size-tiny .progress-circle .progress-circle-mask .progress-circle-outside {
    width: 100px;
    height: 100px;
}

.progress-circle-wrapper.size-tiny .progress-circle-inside {
    width: 80px;
    height: 80px;
    line-height: 78px;
    font-size: 1.6rem;
}

.progress-circle-wrapper.size-tiny .progress-circle-mask .progress-circle-outside {
    clip: rect(0px, 50px, 100px, 0px);
}

.progress-circle-wrapper.size-small {
    width: 125px;
    height: 125px;
}

.progress-circle-wrapper.size-small .progress-circle .progress-circle-mask {
    clip: rect(0px, 125px, 125px, 62.5px);
}

.progress-circle-wrapper.size-small .progress-circle .progress-circle-mask,
.progress-circle-wrapper.size-small .progress-circle .progress-circle-mask .progress-circle-outside {
    width: 125px;
    height: 125px;
}

.progress-circle-wrapper.size-small .progress-circle-inside {
    width: 105px;
    height: 105px;
    line-height: 103px;
    font-size: 1.85rem;
}

.progress-circle-wrapper.size-small .progress-circle-mask .progress-circle-outside {
    clip: rect(0px, 62.5px, 125px, 0px);
}

.progress-circle-wrapper.size-medium {
    width: 150px;
    height: 150px;
}

.progress-circle-wrapper.size-medium .progress-circle .progress-circle-mask {
    clip: rect(0px, 150px, 150px, 75px);
}

.progress-circle-wrapper.size-medium .progress-circle .progress-circle-mask,
.progress-circle-wrapper.size-medium .progress-circle .progress-circle-mask .progress-circle-outside {
    width: 150px;
    height: 150px;
}

.progress-circle-wrapper.size-medium .progress-circle-inside {
    width: 125px;
    height: 125px;
    line-height: 123px;
    font-size: 2rem;
    margin-top: 12px;
    margin-left: 12px;
}

.progress-circle-wrapper.size-medium .progress-circle-mask .progress-circle-outside {
    clip: rect(0px, 75px, 150px, 0px);
}

.progress-circle-wrapper.size-large {
    width: 175px;
    height: 175px;
}

.progress-circle-wrapper.size-large .progress-circle .progress-circle-mask {
    clip: rect(0px, 175px, 175px, 87.5px);
}

.progress-circle-wrapper.size-large .progress-circle .progress-circle-mask,
.progress-circle-wrapper.size-large .progress-circle .progress-circle-mask .progress-circle-outside {
    width: 175px;
    height: 175px;
}

.progress-circle-wrapper.size-large .progress-circle-inside {
    width: 150px;
    height: 150px;
    line-height: 148px;
    font-size: 2.5rem;
    margin-top: 12px;
    margin-left: 12px;
}

.progress-circle-wrapper.size-large .progress-circle-mask .progress-circle-outside {
    clip: rect(0px, 87.5px, 175px, 0px);
}

.progress-circle-wrapper.size-huge {
    width: 225px;
    height: 225px;
}

.progress-circle-wrapper.size-huge .progress-circle .progress-circle-mask {
    clip: rect(0px, 225px, 225px, 112.5px);
}

.progress-circle-wrapper.size-huge .progress-circle .progress-circle-mask,
.progress-circle-wrapper.size-huge .progress-circle .progress-circle-mask .progress-circle-outside {
    width: 225px;
    height: 225px;
}

.progress-circle-wrapper.size-huge .progress-circle-inside {
    width: 200px;
    height: 200px;
    line-height: 198px;
    font-size: 2.5rem;
    margin-top: 12px;
    margin-left: 12px;
}

.progress-circle-wrapper.size-huge .progress-circle-mask .progress-circle-outside {
    clip: rect(0px, 112.5px, 225px, 0px);
}

/* CONTENEDOR MÓDULOS */
.module-container {
    padding-left: 6rem;
}

/* NECESARIO: CUERPO TARJETA RECURSO */
.template-content-card .cl-card-body {
    position: relative;
}

/* MÁSCARA IMAGEN TARJETA */
.classonlive-card-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #28292A;
    opacity: .6;
}

/* ICONO COMPLETADO TEMA + MÓDULO */
.classonlive-completion-icon {
    font-size: 2rem;
}

/* ICONO CHECK TARJETA */
.classonlive-check-icon-container {
    position: absolute;
    top: 0;
    right: 0;
    border-top: 8rem solid;
    border-left: 8rem solid;
    border-color: #17b617;
    border-left-color: transparent !important;
}

.contents-card-bottom .classonlive-check-icon-container {
    top: auto;
    bottom: 0;
    border-top: none;
    border-bottom: 8rem solid;
    border-color: #17b617;
}

.contents-card-right .classonlive-check-icon-container {
    right: auto;
    left: 0;
    border-left: none;
    border-right: 8rem solid;
    border-color: #17b617;
    border-right-color: transparent !important;
}

.classonlive-check-icon {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 3rem;
    color: #fff;
}

.contents-card-bottom .classonlive-check-icon {
    top: auto;
    bottom: 1rem;
}

.contents-card-right .classonlive-check-icon {
    right: auto;
    left: 1rem;
}

/* ICONO TIPO TARJETA */
/* .classonlive-type-icon-container {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
} */

.classonlive-type-icon-container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    width: 5rem;
    height: 5rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contents-card-bottom .classonlive-type-icon-container {
    top: auto;
    bottom: 0;
    transform: translateX(-50%) translateY(50%);
}

.contents-card-right .classonlive-type-icon-container {
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: translateX(-65%);
}

.classonlive-type-icon-content {
    width: 4rem;
    height: 4rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.classonlive-type-icon {
    font-size: 2rem;
}

/* SELECT RECURSOS */
select.cl-resource-selector {
    appearance: auto;
    height: auto;
}

.cl-content-card,
.module-container-toggle,
.module-contents-toggle {
    cursor: pointer;
}

.cl-content-card .resource-title {
    word-break: break-word;
}

.content-right .main {
    padding-top: 0 !important;
}

.cl-course-card .classonlive-heading3,
.cl-blog-card .classonlive-heading3 {
    word-break: break-word;
}

.theme-description-container:not(:has(.theme-description:empty)),
.module-description-container:not(:has(.module-description:empty)) {
    margin-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.theme-general-container {
    padding: 2rem;
    border-bottom: 1px solid #28292A;
}

.module-general-container {
    padding: 2rem;
    border-bottom: 1px solid #28292A;
}

.module-container {
    padding-left: 2rem;
}

.module-contents {
    margin-top: 4rem;
}

.contents-panel-element .theme-title {
    font-size: 3rem;
}

.contents-panel-element .module-title {
    font-size: 2rem;
}

.contents-panel-element .chosen-container {
    width: 100%;
}

/* PRECIO TACHADO PARTICULARES */
.totalTable .beforePrice {
    position: relative;
    opacity: 0.5;
}

.totalTable .beforePrice:after {
    border: 2px solid;
    border-color: inherit;
    border-left: none;
    border-right: none;
    border-top: none;
    content: "";
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-20deg);
    width: 130%;
}

/* NUEVA PLANTILLA CONTENIDOS DRIP */
.cl-course-contents-container>.resource:not(:last-child) {
    padding-bottom: 2rem;
}

.cl-course-contents-container .cl-course-contents-theme .cl-course-contents-modules {
    padding-left: 2rem;
}

.cl-course-contents-container .cl-course-contents-theme .cl-course-contents-modules .resource,
.cl-course-contents-container .cl-course-contents-module .cl-course-contents-module-units .resource {
    padding: 0 2rem 0 2rem;
}

.cl-course-contents-container .cl-course-contents-theme .cl-course-contents-modules .resource:first-child,
.cl-course-contents-container .cl-course-contents-module .cl-course-contents-module-units .resource:first-child {
    padding-top: 2rem;
}

.cl-course-contents-container .cl-course-contents-theme .cl-course-contents-modules .resource:not(:last-child),
.cl-course-contents-container .cl-course-contents-module .cl-course-contents-module-units .resource:not(:last-child) {
    padding-bottom: 2rem;
}

.cl-course-contents-container .cl-course-contents-theme-data,
.cl-course-contents-container .cl-course-contents-module-data {
    padding: 2rem;
    border-bottom: 1px solid #28292A;
}

.cl-course-contents-container .cl-course-contents-theme-data.no-border,
.cl-course-contents-container .cl-course-contents-module-data.no-border {
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

.cl-course-contents-container .cl-course-contents-theme-description-container,
.cl-course-contents-container .cl-course-contents-module-description-container {
    padding-top: 2rem;
    padding-left: 2rem;
}

.cl-course-contents-container .cl-course-contents-unit:not(:first-child),
.cl-course-contents-container .module-resources .resource:not(:first-child) {
    padding-top: 1rem;
}

.cl-course-contents-container .resourceTypeIcon {
    margin-bottom: 0 !important;
}

.cl-course-contents-container p.classonlive-show-muestra {
    padding-right: 0 !important;
    margin-bottom: 0 !important;
    text-decoration: underline;
    text-underline-offset: .25rem;
}

/* LOADERS */
.cl-course-contents-loader-container {
    padding: 2rem 0 2rem 0;
}

.cl-course-contents-loader[data-loader-type="circle"] {
    margin: 0 auto;
    width: 25px;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 5px solid #514b82;
    animation: circle-1 0.8s infinite linear alternate, circle-2 1.6s infinite linear;
}

@keyframes circle-1 {
    0% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%)
    }

    12.5% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%)
    }

    25% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%)
    }

    50% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%)
    }

    62.5% {
        clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%)
    }

    75% {
        clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%)
    }

    100% {
        clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%)
    }
}

@keyframes circle-2 {
    0% {
        transform: scaleY(1) rotate(0deg)
    }

    49.99% {
        transform: scaleY(1) rotate(135deg)
    }

    50% {
        transform: scaleY(-1) rotate(0deg)
    }

    100% {
        transform: scaleY(-1) rotate(-135deg)
    }
}

/* JODIT LISTS */
.classonlive-main-text-large ul:not(.cl-topbar-submenu),
.classonlive-main-text-normal ul:not(.cl-topbar-submenu),
.classonlive-main-text-small ul:not(.cl-topbar-submenu),
.classonlive-heading-normal ul:not(.cl-topbar-submenu),
.classonlive-subheading-normal ul:not(.cl-topbar-submenu),
.classonlive-heading3-normal ul:not(.cl-topbar-submenu),
.classonlive-heading4-normal ul:not(.cl-topbar-submenu) {
    list-style-type: disc;
}

.classonlive-main-text-large ol:not(.cl-topbar-submenu),
.classonlive-main-text-normal ol:not(.cl-topbar-submenu),
.classonlive-main-text-small ol:not(.cl-topbar-submenu),
.classonlive-heading-normal ol:not(.cl-topbar-submenu),
.classonlive-subheading-normal ol:not(.cl-topbar-submenu),
.classonlive-heading3-normal ol:not(.cl-topbar-submenu),
.classonlive-heading4-normal ol:not(.cl-topbar-submenu) {
    list-style-type: decimal;
}

.classonlive-main-text-large ul:not(.cl-topbar-submenu),
.classonlive-main-text-large ol:not(.cl-topbar-submenu),
.classonlive-main-text-normal ul:not(.cl-topbar-submenu),
.classonlive-main-text-normal ol:not(.cl-topbar-submenu),
.classonlive-main-text-small ul:not(.cl-topbar-submenu),
.classonlive-main-text-small ol:not(.cl-topbar-submenu),
.classonlive-heading-normal ul:not(.cl-topbar-submenu),
.classonlive-heading-normal ol:not(.cl-topbar-submenu),
.classonlive-subheading-normal ul:not(.cl-topbar-submenu),
.classonlive-subheading-normal ol:not(.cl-topbar-submenu),
.classonlive-heading3-normal ul:not(.cl-topbar-submenu),
.classonlive-heading3-normal ol:not(.cl-topbar-submenu),
.classonlive-heading4-normal ul:not(.cl-topbar-submenu),
.classonlive-heading4-normal ol:not(.cl-topbar-submenu) {
    display: inline-block;
}

.jodit-wysiwyg ul,
.jodit-wysiwyg ol,
.classonlive-main-text-large ul:not(.cl-topbar-submenu),
.classonlive-main-text-large ol:not(.cl-topbar-submenu),
.classonlive-main-text-normal ul:not(.cl-topbar-submenu),
.classonlive-main-text-normal ol:not(.cl-topbar-submenu),
.classonlive-main-text-small ul:not(.cl-topbar-submenu),
.classonlive-main-text-small ol:not(.cl-topbar-submenu),
.classonlive-heading4-normal ul:not(.cl-topbar-submenu),
.classonlive-heading4-normal ol:not(.cl-topbar-submenu) {
    padding-left: 2rem;
}

.classonlive-heading-normal ul:not(.cl-topbar-submenu),
.classonlive-heading-normal ol:not(.cl-topbar-submenu) {
    padding-left: 4rem;
}

.classonlive-subheading-normal ul:not(.cl-topbar-submenu),
.classonlive-subheading-normal ol:not(.cl-topbar-submenu) {
    padding-left: 3rem;
}

.classonlive-heading3-normal ul:not(.cl-topbar-submenu),
.classonlive-heading3-normal ol:not(.cl-topbar-submenu) {
    padding-left: 2.5rem;
}

@media (max-width:500.9px) {
    html {
        font-size: 8px
    }

    .classonlive-align-left-sp {
        text-align: left
    }

    .classonlive-align-center-sp {
        text-align: center
    }

    .classonlive-align-center-sp .classonlive-image {
        margin-left: auto;
        margin-right: auto
    }

    .classonlive-align-right-sp {
        text-align: right
    }

    .mb-0-sp {
        margin-bottom: 0
    }

    .mt-12rem-sp {
        margin-top: 12rem
    }

    .mt-4rem-sp {
        margin-top: 4rem
    }

    .mb-8rem-sp {
        margin-bottom: 8rem
    }

    .mb-4rem-sp {
        margin-bottom: 4rem
    }

    .mb-3rem-sp {
        margin-bottom: 3rem
    }

    .mb-2rem-sp {
        margin-bottom: 2rem
    }

    .mb-1rem-sp {
        margin-bottom: 1rem
    }

    .mb-1_6rem-sp {
        margin-bottom: 1.6rem
    }

    .mb-1_6perc-sp {
        margin-bottom: 1.6%
    }

    .ml-0-sp.no-edit {
        margin-left: 0 !important
    }

    .pl-0-sp {
        padding-left: 0
    }

    .pr-0-sp {
        padding-right: 0
    }

    .pt-0-sp,
    .pt-0-sp.col {
        padding-top: 0
    }

    .pt-25-sp {
        padding-top: 25px
    }

    .pb-0-sp,
    .pb-0-sp.col {
        padding-bottom: 0
    }

    .pb-2rem-sp {
        padding-bottom: 2rem
    }

    .no-padding-sp.no-edit {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .fbasis-200-sp {
        flex-basis: 200px
    }

    .full-width-sp {
        width: 100%
    }

    .p-25px-sp,
    .p-25px-sp.col {
        padding: 25px
    }

    .p-2rem-sp {
        padding: 2rem
    }

    .fg-1-sp {
        flex-grow: 1
    }

    .fg-0-sp {
        flex-grow: 0
    }

    .fsh-1-sp {
        flex-shrink: 1
    }

    .fsh-0-sp {
        flex-shrink: 0
    }

    .j-c-c-sp {
        justify-content: center
    }

    .j-c-c-sp.cl-filters .filter {
        margin: 0 7px
    }

    .flex-d-row-sp {
        flex-direction: row
    }

    .classonlive-section-content.narrow-ebook,
    .classonlive-section-content.wide-ebook {
        width: 100%
    }

    .classonlive-section-content>.cl-widget-in.no-padding,
    .classonlive-section-content>.cl-widget-in:not(.empty-cols) {
        padding-left: 25px;
        padding-right: 25px
    }

    [class*=-bg] .cl-br-1px-fadeout80.no-br-sp {
        border-right: none
    }

    .hide-sp {
        display: none !important
    }

    .one-row-sp {
        flex-wrap: nowrap
    }

    .one-row-sp.with-input-cols:not(.search-cols):not(.cl-select-cols)>.col:first-child {
        flex-grow: 1;
        margin-right: -25px
    }

    .one-row-sp.with-input-cols:not(.search-cols):not(.cl-select-cols)>.col:first-child input {
        padding-right: 75px
    }

    .one-row-sp.with-input-cols:not(.search-cols):not(.cl-select-cols)>.col:nth-child(2) {
        z-index: 4;
        margin-left: -25px
    }

    .one-row-sp.with-input-cols.search-cols>.col:first-child .classonlive-input {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .one-row-sp.with-input-cols.search-cols>.col:nth-child(2) {
        max-width: 50px
    }

    .one-row-sp.with-input-cols.search-cols>.col:nth-child(2) .classonlive-button {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .one-row-sp.with-input-cols .classonlive-button {
        margin-top: 0
    }

    #selectWidget .with-input-cols>.col:first-child {
        flex-grow: 1;
        margin-right: -25px
    }

    #selectWidget .with-input-cols>.col:first-child input {
        padding-right: 75px
    }

    #selectWidget .with-input-cols>.col:nth-child(2) {
        z-index: 4;
        margin-left: -25px
    }

    .multiple-rows-sp {
        flex-wrap: wrap
    }

    .multiple-rows-reverse-sp {
        flex-wrap: wrap-reverse
    }

    .cl-cols.twoItems-per-row-sp .flex-item {
        width: 50%;
        margin-left: 0 !important
    }

    .cl-cols.twoItems-per-row-sp.-icon-list-widget .flex-item:nth-child(n+3) {
        margin-top: 1.5rem
    }

    .cl-cols.no-gutter>.col {
        margin-left: 0
    }

    .cl-cols.no-gutter>.span_12_of_12-sp {
        flex-basis: 100%
    }

    .cl-cols.no-gutter>.span_11_of_12-sp {
        flex-basis: 91.66666667%
    }

    .cl-cols.no-gutter>.span_10_of_12-sp {
        flex-basis: 83.33333333%
    }

    .cl-cols.no-gutter>.span_9_of_12-sp {
        flex-basis: 75%
    }

    .cl-cols.no-gutter>.span_8_of_12-sp {
        flex-basis: 66.66666667%
    }

    .cl-cols.no-gutter>.span_7_of_12-sp {
        flex-basis: 58.33333333%
    }

    .cl-cols.no-gutter>.span_6_of_12-sp {
        flex-basis: 50%
    }

    .cl-cols.no-gutter>.span_5_of_12-sp {
        flex-basis: 41.66666667%
    }

    .cl-cols.no-gutter>.span_4_of_12-sp {
        flex-basis: 33.33333333%
    }

    .cl-cols.no-gutter>.span_3_of_12-sp {
        flex-basis: 25%
    }

    .cl-cols.no-gutter>.span_2_of_12-sp {
        flex-basis: 16.66666667%
    }

    .cl-cols.no-gutter>.span_1_of_12-sp {
        flex-basis: 8.33333333%
    }

    .cl-cols:not(.no-gutter)>.col:not(:first-child) {
        margin-left: 1.6%
    }

    .cl-cols:not(.no-gutter)>.span_12_of_12-sp {
        flex-basis: 100%;
        margin-left: 0 !important
    }

    .cl-cols:not(.no-gutter)>.span_11_of_12-sp {
        flex-basis: 91.53%
    }

    .cl-cols:not(.no-gutter)>.span_10_of_12-sp {
        flex-basis: 83.06%
    }

    .cl-cols:not(.no-gutter)>.span_9_of_12-sp {
        flex-basis: 74.6%
    }

    .cl-cols:not(.no-gutter)>.span_8_of_12-sp {
        flex-basis: 66.13%
    }

    .cl-cols:not(.no-gutter)>.span_7_of_12-sp {
        flex-basis: 57.66%
    }

    .cl-cols:not(.no-gutter)>.span_6_of_12-sp {
        flex-basis: 49.2%
    }

    .cl-cols:not(.no-gutter)>.span_5_of_12-sp {
        flex-basis: 40.73%
    }

    .cl-cols:not(.no-gutter)>.span_4_of_12-sp {
        flex-basis: 32.26%
    }

    .cl-cols:not(.no-gutter)>.span_3_of_12-sp {
        flex-basis: 23.8%
    }

    .cl-cols:not(.no-gutter)>.span_2_of_12-sp {
        flex-basis: 15.33%
    }

    .cl-cols:not(.no-gutter)>.span_1_of_12-sp {
        flex-basis: 6.866%
    }

    .cl-cols:not(.no-gutter).multiple-rows-sp>.span_3_of_12-sp:nth-of-type(4n+1),
    .cl-cols:not(.no-gutter).multiple-rows-sp>.span_4_of_12-sp:nth-of-type(3n+1),
    .cl-cols:not(.no-gutter).multiple-rows-sp>.span_6_of_12-sp:nth-of-type(odd) {
        margin-left: 0
    }

    .legacy-sitetemplate .col:not(.no-padding):not(.lnd-temp-2-17-quote):not(.col-item) {
        padding-left: 0;
        padding-right: 0
    }

    .col.standalone {
        margin-left: 0
    }

    .cl-topbar .col.hide-tp,
    .cl-topbar .cl-cols .col.flex-item:not(.cl-topbar-logo-col) {
        display: none !important
    }

    .cl-topbar .cl-topbar-logo-col .flex-item:not(.cl-topbar-logo-wrapper) {
        display: none
    }

    .cl-topbar .cl-topbar-menu-wrapper {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .cl-topbar .cl-topbar-menu-wrapper .cl-topbar-options {
        display: block;
        padding: 40px;
        overflow: auto;
        text-align: center
    }

    .cl-topbar .cl-topbar-menu-wrapper .cl-topbar-option-link {
        display: block;
        width: 100%
    }

    .cl-topbar .cl-topbar-menu-wrapper .cl-topbar-option {
        margin-left: 0;
        display: block;
        text-align: center
    }

    .megamenu-section,
    .megamenu-wrapper {
        height: 100%
    }

    .megamenu-section {
        overflow-y: auto
    }

    .cl-topbar-submenu {
        position: absolute;
        display: none;
        text-align: left;
        padding: 10px 15px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .1);
        left: 50%;
        transform: translate(-50%, 100%);
        bottom: 0
    }

    .cl-topbar-submenu:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 5px;
        left: 0;
        top: 0;
        transform: translateY(-100%)
    }

    .classonlive-frame-size-normal-sp {
        width: 50%
    }

    .classonlive-frame-size-normal-sp.rectangle {
        padding-bottom: 28.125%
    }

    .classonlive-frame-size-normal-sp.square {
        padding-bottom: 50%
    }

    .classonlive-frame-size-normal-sp.circle {
        padding-bottom: 50%;
        border-radius: 50%
    }

    section[data-section-id=courseHero9] [class*=courseHero9-img]:nth-child(3n+1) {
        margin-left: 0
    }

    section[data-section-id=courseHero9] [class*=courseHero9-img]:nth-child(3n+2) {
        margin-left: auto;
        margin-right: auto
    }

    section[data-section-id=courseHero9] [class*=courseHero9-img]:nth-child(3n) {
        margin-right: 0
    }

    .coupon-right {
        border-left: none;
        border-top: 3px dashed #bbb
    }

    .coupon-right h2 {
        transform: rotate(0deg)
    }

    .wrap-reverse-sp {
        flex-wrap: wrap-reverse
    }

    .payment-methods-list .payment-methods-list__item {
        flex-basis: 49%;
        margin-right: 0
    }

    .payment-methods-list .payment-methods-list__item:not(:nth-child(odd)) {
        margin-left: 2%
    }

    .payment-methods-list .payment-methods-list__item .pay-option-logo {
        width: 100%;
        background-size: 60%
    }

    .js-video-wrapper .js-background-frame-wrapper iframe {
        min-height: 155vh;
        min-width: 275vh;
    }

    .classonlive-particular-event-title,
    .classonlive-particular-event-button-text {
        display: none !important;
    }

    .classonlive-particular-event-button-plus {
        display: block !important;
    }

    #checkoutPayment.modal .modal-dialog {
        min-width: 100%;
    }

    .student-data-element {
        display: none;
    }

    .classonlive-screen-wrapper.full-on-mobile {
        width: 100% !important;
    }

    .js-screen-caption.hide-on-mobile {
        display: none !important;
    }

    #cookies-message .cookies-content {
        flex-direction: column;
    }

    .classonlive-button:not(.full-width):not(:only-child):not(:last-child):not(.cl-topbar-option-link):not(.col) {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

@media (min-width:501px) and (max-width:767.9px) {
    html {
        font-size: 8px;
    }

    .classonlive-section-content>.cl-widget-in.no-padding,
    .classonlive-section-content>.cl-widget-in:not(.empty-cols) {
        padding-left: 25px;
        padding-right: 25px;
    }

    .classonlive-align-left-sl {
        text-align: left;
    }

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

    .classonlive-align-center-sl .classonlive-image {
        margin-left: auto;
        margin-right: auto;
    }

    .classonlive-align-right-sl {
        text-align: right;
    }

    .mt-4rem-sl {
        margin-top: 4rem;
    }

    .mb-0-sl {
        margin-bottom: 0;
    }

    .mb-8rem-sl {
        margin-bottom: 8rem;
    }

    .mb-4rem-sl {
        margin-bottom: 4rem;
    }

    .mb-3rem-sl {
        margin-bottom: 3rem;
    }

    .mb-2rem-sl {
        margin-bottom: 2rem;
    }

    .mt-2rem-sl {
        margin-top: 2rem;
    }

    .mt-12rem-sl {
        margin-top: 12rem;
    }

    .mb-1_6rem-sl {
        margin-bottom: 1.6rem;
    }

    .mb-1_6perc-sl {
        margin-bottom: 1.6%;
    }

    .mb-1perc-sl {
        margin-bottom: 1%;
    }

    .padding-normal-sl {
        padding: 3.5rem;
    }

    .ml-0-sl.no-edit {
        margin-left: 0 !important;
    }

    .pl-0-sl {
        padding-left: 0;
    }

    .pr-0-sl {
        padding-right: 0;
    }

    .pt-0-sl,
    .pt-0-sl.col {
        padding-top: 0;
    }

    .pt-25-sl {
        padding-top: 25px;
    }

    .pb-0-sl,
    .pb-0-sl.col {
        padding-bottom: 0;
    }

    .p-25px-sl,
    .p-25px-sl.col {
        padding: 25px;
    }

    .p-2rem-sl {
        padding: 2rem;
    }

    .no-padding-sl.no-edit {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .fg-1-sl {
        flex-grow: 1
    }

    .fg-0-sl {
        flex-grow: 0
    }

    .fsh-1-sl {
        flex-shrink: 1
    }

    .fsh-0-sl {
        flex-shrink: 0
    }

    .j-c-c-sl {
        justify-content: center
    }

    .j-c-c-sl.cl-filters .filter {
        margin: 0 7px
    }

    .flex-d-row-sl {
        flex-direction: row
    }

    .classonlive-section-content.narrow-ebook,
    .classonlive-section-content.wide-ebook {
        width: 100%
    }

    [class*=-bg] .cl-br-1px-fadeout80.no-br-sl {
        border-right: none
    }

    .hide-sl {
        display: none !important
    }

    .one-row-sl {
        flex-wrap: nowrap
    }

    .one-row-sl.with-input-cols:not(.search-cols)>.col:first-child {
        flex-grow: 1;
        margin-right: -45px
    }

    .one-row-sl.with-input-cols:not(.search-cols)>.col:first-child input {
        padding-right: 75px
    }

    .one-row-sl.with-input-cols:not(.search-cols)>.col:nth-child(2) {
        z-index: 4;
        margin-left: -25px
    }

    .one-row-sl.with-input-cols.search-cols>.col:first-child .classonlive-input {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .one-row-sl.with-input-cols.search-cols>.col:nth-child(2) {
        max-width: 50px
    }

    .one-row-sl.with-input-cols.search-cols>.col:nth-child(2) .classonlive-button {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .one-row-sl.with-input-cols .classonlive-button {
        margin-top: 0
    }

    #selectWidget .with-input-cols>.col:first-child {
        flex-grow: 1;
        margin-right: -25px
    }

    #selectWidget .with-input-cols>.col:first-child input {
        padding-right: 75px
    }

    #selectWidget .with-input-cols>.col:nth-child(2) {
        z-index: 4;
        margin-left: -25px
    }

    .multiple-rows-sl {
        flex-wrap: wrap
    }

    .multiple-rows-reverse-sl {
        flex-wrap: wrap-reverse
    }

    .cl-cols.twoItems-per-row-sl .flex-item {
        width: 50%;
        margin-left: 0 !important
    }

    .cl-cols.twoItems-per-row-sl.-icon-list-widget .flex-item:nth-child(n+3) {
        margin-top: 1.5rem
    }

    .cl-cols.no-gutter>.col {
        margin-left: 0
    }

    .cl-cols.no-gutter>.span_12_of_12-sl {
        flex-basis: 100%
    }

    .cl-cols.no-gutter>.span_11_of_12-sl {
        flex-basis: 91.66666667%
    }

    .cl-cols.no-gutter>.span_10_of_12-sl {
        flex-basis: 83.33333333%
    }

    .cl-cols.no-gutter>.span_9_of_12-sl {
        flex-basis: 75%
    }

    .cl-cols.no-gutter>.span_8_of_12-sl {
        flex-basis: 66.66666667%
    }

    .cl-cols.no-gutter>.span_7_of_12-sl {
        flex-basis: 58.33333333%
    }

    .cl-cols.no-gutter>.span_6_of_12-sl {
        flex-basis: 50%
    }

    .cl-cols.no-gutter>.span_5_of_12-sl {
        flex-basis: 41.66666667%
    }

    .cl-cols.no-gutter>.span_4_of_12-sl {
        flex-basis: 33.33333333%
    }

    .cl-cols.no-gutter>.span_3_of_12-sl {
        flex-basis: 25%
    }

    .cl-cols.no-gutter>.span_2_of_12-sl {
        flex-basis: 16.66666667%
    }

    .cl-cols.no-gutter>.span_1_of_12-sl {
        flex-basis: 8.33333333%
    }

    .cl-cols:not(.no-gutter)>.col:not(:first-child) {
        margin-left: 1.6%
    }

    .cl-cols:not(.no-gutter)>.span_12_of_12-sl {
        flex-basis: 100%;
        margin-left: 0 !important
    }

    .cl-cols:not(.no-gutter)>.span_12_of_12-sl+.col {
        margin-left: 0
    }

    .cl-cols:not(.no-gutter)>.span_12_of_12-sl+.col+.span_6_of_12-sl {
        margin-left: 1.6% !important
    }

    .cl-cols:not(.no-gutter)>.span_11_of_12-sl {
        flex-basis: 91.53%
    }

    .cl-cols:not(.no-gutter)>.span_10_of_12-sl {
        flex-basis: 83.06%
    }

    .cl-cols:not(.no-gutter)>.span_9_of_12-sl {
        flex-basis: 74.6%
    }

    .cl-cols:not(.no-gutter)>.span_8_of_12-sl {
        flex-basis: 66.13%
    }

    .cl-cols:not(.no-gutter)>.span_7_of_12-sl {
        flex-basis: 57.66%
    }

    .cl-cols:not(.no-gutter)>.span_6_of_12-sl {
        flex-basis: 49.2%
    }

    .cl-cols:not(.no-gutter)>.span_5_of_12-sl {
        flex-basis: 40.73%
    }

    .cl-cols:not(.no-gutter)>.span_4_of_12-sl {
        flex-basis: 32.26%
    }

    .cl-cols:not(.no-gutter)>.span_3_of_12-sl {
        flex-basis: 23.8%
    }

    .cl-cols:not(.no-gutter)>.span_2_of_12-sl {
        flex-basis: 15.33%
    }

    .cl-cols:not(.no-gutter)>.span_1_of_12-sl {
        flex-basis: 6.866%
    }

    .cl-cols:not(.no-gutter).multiple-rows-sl>.span_3_of_12-sl:nth-of-type(4n+1),
    .cl-cols:not(.no-gutter).multiple-rows-sl>.span_4_of_12-sl:nth-of-type(3n+1),
    .cl-cols:not(.no-gutter).multiple-rows-sl>.span_6_of_12-sl:nth-of-type(odd) {
        margin-left: 0
    }

    .cl-topbar .col.hide-tp,
    .cl-topbar .cl-cols .col.flex-item:not(.cl-topbar-logo-col) {
        display: none !important
    }

    .cl-topbar .cl-topbar-logo-col .flex-item:not(.cl-topbar-logo-wrapper) {
        display: none
    }

    .cl-topbar .cl-topbar-menu-wrapper {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .cl-topbar .cl-topbar-menu-wrapper .cl-topbar-options {
        display: block;
        padding: 40px;
        overflow: auto;
        text-align: center
    }

    .cl-topbar .cl-topbar-menu-wrapper .cl-topbar-option-link {
        display: block;
        width: 100%
    }

    .cl-topbar .cl-topbar-menu-wrapper .cl-topbar-option {
        margin-left: 0;
        display: block;
        text-align: center
    }

    .megamenu-section,
    .megamenu-wrapper {
        height: 100%
    }

    .megamenu-section {
        overflow-y: auto
    }

    .cl-topbar-submenu {
        position: absolute;
        display: none;
        text-align: left;
        padding: 10px 15px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .1);
        left: 50%;
        transform: translate(-50%, 100%);
        bottom: 0
    }

    .cl-topbar-submenu:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 5px;
        left: 0;
        top: 0;
        transform: translateY(-100%)
    }

    .classonlive-frame-size-normal-sl {
        width: 50%
    }

    .classonlive-frame-size-normal-sl.rectangle {
        padding-bottom: 28.125%
    }

    .classonlive-frame-size-normal-sl.square {
        padding-bottom: 50%
    }

    .classonlive-frame-size-normal-sl.circle {
        padding-bottom: 50%;
        border-radius: 50%
    }

    section[data-section-id=courseHero9] [class*=courseHero9-img]:nth-child(3n+1) {
        margin-left: 0
    }

    section[data-section-id=courseHero9] [class*=courseHero9-img]:nth-child(3n+2) {
        margin-left: auto;
        margin-right: auto
    }

    section[data-section-id=courseHero9] [class*=courseHero9-img]:nth-child(3n) {
        margin-right: 0
    }

    section[data-section-id=Courses9] .cl-content-block>.cl-cols.one-row-sl,
    section[data-section-id=Courses10] .cl-content-block>.cl-cols.one-row-sl {
        flex-wrap: wrap
    }

    .coupon-right {
        border-left: none;
        border-top: 3px dashed #bbb
    }

    .coupon-right h2 {
        transform: rotate(0deg)
    }

    .wrap-reverse-sl {
        flex-wrap: wrap-reverse
    }

    .payment-methods-list .payment-methods-list__item {
        flex-basis: 32%;
        margin-right: 0
    }

    .payment-methods-list .payment-methods-list__item:not(:nth-child(3n+1)) {
        margin-left: 2%
    }

    .payment-methods-list .payment-methods-list__item .pay-option-logo {
        width: 100%;
        background-size: 60%
    }

    .js-video-wrapper .js-background-frame-wrapper iframe {
        min-height: 115vh;
        min-width: 200vh;
    }

    #checkoutPayment.modal .modal-dialog {
        min-width: 100%;
    }

    .student-data-element {
        display: none;
    }

    .classonlive-screen-wrapper.full-on-mobile {
        width: 100% !important;
    }

    .js-screen-caption.hide-on-mobile {
        display: none !important;
    }

    #cookies-message .cookies-content {
        flex-direction: column;
    }
}

@media (min-width:768px) and (max-width:990.9px) {
    html {
        font-size: 9px
    }

    .classonlive-section-content>.cl-widget-in.no-padding,
    .classonlive-section-content>.cl-widget-in:not(.empty-cols) {
        padding-left: 25px;
        padding-right: 25px
    }

    .classonlive-align-left-tp {
        text-align: left
    }

    .classonlive-align-center-tp {
        text-align: center
    }

    .classonlive-align-center-tp .classonlive-image {
        margin-left: auto;
        margin-right: auto
    }

    .classonlive-align-right-tp {
        text-align: right
    }

    .mt-4rem-tp {
        margin-top: 4rem
    }

    .mb-0-tp {
        margin-bottom: 0
    }

    .mb-8rem-tp {
        margin-bottom: 8rem
    }

    .mb-4rem-tp {
        margin-bottom: 4rem
    }

    .mb-3rem-tp {
        margin-bottom: 3rem
    }

    .mb-2rem-tp {
        margin-bottom: 2rem
    }

    .mb-1_6rem-tp {
        margin-bottom: 1.6rem
    }

    .mb-1_6perc-tp {
        margin-bottom: 1.6%
    }

    .mb-1perc-tp {
        margin-bottom: 1%
    }

    .pl-0-tp {
        padding-left: 0
    }

    .pr-0-tp {
        padding-right: 0
    }

    .mt-12rem-tp {
        margin-top: 12rem
    }

    .pt-0-tp,
    .pt-0-tp.col {
        padding-top: 0
    }

    .pb-0-tp,
    .pb-0-tp.col {
        padding-bottom: 0
    }

    .p-25px-tp,
    .p-25px-tp.col {
        padding: 25px
    }

    .p-2rem-tp {
        padding: 2rem
    }

    .fg-1-tp {
        flex-grow: 1
    }

    .fg-0-tp {
        flex-grow: 0
    }

    .fsh-1-tp {
        flex-shrink: 1
    }

    .fsh-0-tp {
        flex-shrink: 0
    }

    .j-c-c-tp {
        justify-content: center
    }

    .j-c-c-tp.cl-filters .filter {
        margin: 0 7px
    }

    .flex-d-row-tp {
        flex-direction: row
    }

    .classonlive-section-content.narrow-ebook,
    .classonlive-section-content.wide-ebook {
        width: 100%
    }

    .hide-tp {
        display: none !important
    }

    .one-row-tp {
        flex-wrap: nowrap
    }

    .one-row-tp.with-input-cols:not(.search-cols)>.col:first-child {
        flex-grow: 1;
        margin-right: -45px
    }

    .one-row-tp.with-input-cols:not(.search-cols)>.col:first-child input {
        padding-right: 75px
    }

    .one-row-tp.with-input-cols:not(.search-cols)>.col:nth-child(2) {
        z-index: 4;
        margin-left: -25px
    }

    .one-row-tp.with-input-cols.search-cols>.col:first-child .classonlive-input {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .one-row-tp.with-input-cols.search-cols>.col:nth-child(2) {
        max-width: 50px
    }

    .one-row-tp.with-input-cols.search-cols>.col:nth-child(2) .classonlive-button {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .one-row-tp.with-input-cols .classonlive-button {
        margin-top: 0
    }

    #selectWidget .with-input-cols>.col:first-child {
        flex-grow: 1;
        margin-right: -25px
    }

    #selectWidget .with-input-cols>.col:first-child input {
        padding-right: 75px
    }

    #selectWidget .with-input-cols>.col:nth-child(2) {
        z-index: 4;
        margin-left: -25px
    }

    .multiple-rows-tp {
        flex-wrap: wrap
    }

    .multiple-rows-reverse-tp {
        flex-wrap: wrap-reverse
    }

    .cl-cols.no-gutter>.col {
        margin-left: 0
    }

    .cl-cols.no-gutter>.span_12_of_12-tp {
        flex-basis: 100%
    }

    .cl-cols.no-gutter>.span_11_of_12-tp {
        flex-basis: 91.66666667%
    }

    .cl-cols.no-gutter>.span_10_of_12-tp {
        flex-basis: 83.33333333%
    }

    .cl-cols.no-gutter>.span_9_of_12-tp {
        flex-basis: 75%
    }

    .cl-cols.no-gutter>.span_8_of_12-tp {
        flex-basis: 66.66666667%
    }

    .cl-cols.no-gutter>.span_7_of_12-tp {
        flex-basis: 58.33333333%
    }

    .cl-cols.no-gutter>.span_6_of_12-tp {
        flex-basis: 50%
    }

    .cl-cols.no-gutter>.span_5_of_12-tp {
        flex-basis: 41.66666667%
    }

    .cl-cols.no-gutter>.span_4_of_12-tp {
        flex-basis: 33.33333333%
    }

    .cl-cols.no-gutter>.span_3_of_12-tp {
        flex-basis: 25%
    }

    .cl-cols.no-gutter>.span_2_of_12-tp {
        flex-basis: 16.66666667%
    }

    .cl-cols.no-gutter>.span_1_of_12-tp {
        flex-basis: 8.33333333%
    }

    .cl-cols:not(.no-gutter)>.col:not(:first-child) {
        margin-left: 1.6%
    }

    .cl-cols:not(.no-gutter)>.span_12_of_12-tp {
        flex-basis: 100%;
        margin-left: 0 !important
    }

    .cl-cols:not(.no-gutter)>.span_12_of_12-tp+.col {
        margin-left: 0
    }

    .cl-cols:not(.no-gutter)>.span_12_of_12-tp+.col+.span_6_of_12-tp {
        margin-left: 1.6% !important
    }

    .cl-cols:not(.no-gutter)>.span_11_of_12-tp {
        flex-basis: 91.53%
    }

    .cl-cols:not(.no-gutter)>.span_10_of_12-tp {
        flex-basis: 83.06%
    }

    .cl-cols:not(.no-gutter)>.span_9_of_12-tp {
        flex-basis: 74.6%
    }

    .cl-cols:not(.no-gutter)>.span_8_of_12-tp {
        flex-basis: 66.13%
    }

    .cl-cols:not(.no-gutter)>.span_7_of_12-tp {
        flex-basis: 57.66%
    }

    .cl-cols:not(.no-gutter)>.span_6_of_12-tp {
        flex-basis: 49.2%
    }

    .cl-cols:not(.no-gutter)>.span_5_of_12-tp {
        flex-basis: 40.73%
    }

    .cl-cols:not(.no-gutter)>.span_4_of_12-tp {
        flex-basis: 32.26%
    }

    .cl-cols:not(.no-gutter)>.span_3_of_12-tp {
        flex-basis: 23.8%
    }

    .cl-cols:not(.no-gutter)>.span_2_of_12-tp {
        flex-basis: 15.33%
    }

    .cl-cols:not(.no-gutter)>.span_1_of_12-tp {
        flex-basis: 6.866%
    }

    .cl-cols:not(.no-gutter).multiple-rows-tp>.span_3_of_12-tp:nth-of-type(4n+1),
    .cl-cols:not(.no-gutter).multiple-rows-tp>.span_4_of_12-tp:nth-of-type(3n+1),
    .cl-cols:not(.no-gutter).multiple-rows-tp>.span_6_of_12-tp:nth-of-type(odd) {
        margin-left: 0
    }

    .legacy-sitetemplate .col:not(.no-padding):not(.lnd-temp-2-17-quote):not(.col-item) {
        padding-left: 0;
        padding-right: 0
    }

    .col.standalone {
        margin-left: 0
    }

    .cl-topbar .cl-cols .col.flex-item:not(.cl-topbar-logo-col) {
        display: none !important
    }

    .cl-topbar .cl-topbar-logo-col .flex-item:not(.cl-topbar-logo-wrapper) {
        display: none
    }

    .cl-topbar .cl-topbar-menu-wrapper {
        margin-top: 0 !important;
        margin-left: 0 !important
    }

    .cl-topbar .cl-topbar-menu-wrapper .cl-topbar-options {
        display: block;
        padding: 40px;
        overflow: auto;
        text-align: center
    }

    .cl-topbar .cl-topbar-menu-wrapper .cl-topbar-option-link {
        display: block;
        width: 100%
    }

    .cl-topbar .cl-topbar-menu-wrapper .cl-topbar-option {
        margin-left: 0;
        display: block;
        text-align: center
    }

    .megamenu-section,
    .megamenu-wrapper {
        height: 100%
    }

    .megamenu-section {
        overflow-y: auto
    }

    .cl-topbar-submenu {
        position: absolute;
        display: none;
        text-align: left;
        padding: 10px 15px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .1);
        left: 50%;
        transform: translate(-50%, 100%);
        bottom: 0
    }

    .cl-topbar-submenu:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 5px;
        left: 0;
        top: 0;
        transform: translateY(-100%)
    }

    .cl-topbar-option:hover .cl-topbar-submenu {
        display: block
    }

    .classonlive-frame-size-normal-tp {
        width: 50%
    }

    .classonlive-frame-size-normal-tp.rectangle {
        padding-bottom: 28.125%
    }

    .classonlive-frame-size-normal-tp.square {
        padding-bottom: 50%
    }

    .classonlive-frame-size-normal-tp.circle {
        padding-bottom: 50%;
        border-radius: 50%
    }

    section[data-section-id=courseHero9] [class*=courseHero9-img]:nth-child(3n+1) {
        margin-left: 0
    }

    section[data-section-id=courseHero9] [class*=courseHero9-img]:nth-child(3n+2) {
        margin-left: auto;
        margin-right: auto
    }

    section[data-section-id=courseHero9] [class*=courseHero9-img]:nth-child(3n) {
        margin-right: 0
    }

    section[data-section-id=Courses9] .cl-content-block>.cl-cols.one-row-tp,
    section[data-section-id=Courses10] .cl-content-block>.cl-cols.one-row-tp {
        flex-wrap: wrap
    }

    .slug-inbox #firstCol {
        width: 33.33%
    }

    .wrap-reverse-tp {
        flex-wrap: wrap-reverse
    }

    /* .classonlive-button.full-width {
        max-width: 526px
    } */

    #checkoutPayment.modal .modal-dialog {
        min-width: 100%;
    }
}

@media (min-width:991px) and (max-width:1366.9px) {
    html {
        font-size: 10px
    }

    .classonlive-section-content>.cl-widget-in.no-padding,
    .classonlive-section-content>.cl-widget-in:not(.empty-cols) {
        padding-left: 25px;
        padding-right: 25px
    }

    .cl-topbar .cl-cols>.flex-1 {
        flex: auto
    }

    .classonlive-align-left-tl {
        text-align: left
    }

    .classonlive-align-center-tl {
        text-align: center
    }

    .classonlive-align-right-tl {
        text-align: right
    }

    .mb-4rem-tl {
        margin-bottom: 4rem
    }

    .mb-3rem-tl {
        margin-bottom: 3rem
    }

    .mb-1_6rem-tl {
        margin-bottom: 1.6rem
    }

    .mb-1_6perc-tl {
        margin-bottom: 1.6%
    }

    .pl-0-tl,
    .pl-0-tl.col:not(.no-padding) {
        padding-left: 0
    }

    .pr-0-tl {
        padding-right: 0
    }

    .fg-1-tl {
        flex-grow: 1
    }

    .fg-0-tl {
        flex-grow: 0
    }

    .fsh-1-tl {
        flex-shrink: 1
    }

    .fsh-0-tl {
        flex-shrink: 0
    }

    .flex-d-col-tl {
        flex-direction: column
    }

    .hide-tl {
        display: none
    }

    .one-row-tl {
        flex-wrap: nowrap
    }

    .one-row-tl.with-input-cols:not(.search-cols)>.col:first-child {
        flex-grow: 1;
        margin-right: -45px
    }

    .one-row-tl.with-input-cols:not(.search-cols)>.col:first-child input {
        padding-right: 75px
    }

    .one-row-tl.with-input-cols:not(.search-cols)>.col:nth-child(2) {
        z-index: 4;
        margin-left: -25px
    }

    .one-row-tl.with-input-cols.search-cols>.col:first-child .classonlive-input {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .one-row-tl.with-input-cols.search-cols>.col:nth-child(2) {
        max-width: 50px
    }

    .one-row-tl.with-input-cols.search-cols>.col:nth-child(2) .classonlive-button {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .one-row-tl.with-input-cols .classonlive-button {
        margin-top: 0
    }

    #selectWidget .with-input-cols>.col:first-child {
        flex-grow: 1;
        margin-right: -25px
    }

    #selectWidget .with-input-cols>.col:first-child input {
        padding-right: 75px
    }

    #selectWidget .with-input-cols>.col:nth-child(2) {
        z-index: 4;
        margin-left: -25px
    }

    .multiple-rows-tl {
        flex-wrap: wrap
    }

    .cl-cols.no-gutter>.col {
        margin-left: 0
    }

    .cl-cols.no-gutter>.span_12_of_12-tl {
        flex-basis: 100%
    }

    .cl-cols.no-gutter>.span_11_of_12-tl {
        flex-basis: 91.66666667%
    }

    .cl-cols.no-gutter>.span_10_of_12-tl {
        flex-basis: 83.33333333%
    }

    .cl-cols.no-gutter>.span_9_of_12-tl {
        flex-basis: 75%
    }

    .cl-cols.no-gutter>.span_8_of_12-tl {
        flex-basis: 66.66666667%
    }

    .cl-cols.no-gutter>.span_7_of_12-tl {
        flex-basis: 58.33333333%
    }

    .cl-cols.no-gutter>.span_6_of_12-tl {
        flex-basis: 50%
    }

    .cl-cols.no-gutter>.span_5_of_12-tl {
        flex-basis: 41.66666667%
    }

    .cl-cols.no-gutter>.span_4_of_12-tl {
        flex-basis: 33.33333333%
    }

    .cl-cols.no-gutter>.span_3_of_12-tl {
        flex-basis: 25%
    }

    .cl-cols.no-gutter>.span_2_of_12-tl {
        flex-basis: 16.66666667%
    }

    .cl-cols.no-gutter>.span_1_of_12-tl {
        flex-basis: 8.33333333%
    }

    .cl-cols:not(.no-gutter)>.col:not(:first-child) {
        margin-left: 1.6%
    }

    .cl-cols:not(.no-gutter)>.span_12_of_12-tl {
        flex-basis: 100%;
        margin-left: 0 !important
    }

    .cl-cols:not(.no-gutter)>.span_11_of_12-tl {
        flex-basis: 91.53%
    }

    .cl-cols:not(.no-gutter)>.span_10_of_12-tl {
        flex-basis: 83.06%
    }

    .cl-cols:not(.no-gutter)>.span_9_of_12-tl {
        flex-basis: 74.6%
    }

    .cl-cols:not(.no-gutter)>.span_8_of_12-tl {
        flex-basis: 66.13%
    }

    .cl-cols:not(.no-gutter)>.span_7_of_12-tl {
        flex-basis: 57.66%
    }

    .cl-cols:not(.no-gutter)>.span_6_of_12-tl {
        flex-basis: 49.2%
    }

    .cl-cols:not(.no-gutter)>.span_5_of_12-tl {
        flex-basis: 40.73%
    }

    .cl-cols:not(.no-gutter)>.span_4_of_12-tl {
        flex-basis: 32.26%
    }

    .cl-cols:not(.no-gutter)>.span_3_of_12-tl {
        flex-basis: 23.8%
    }

    .cl-cols:not(.no-gutter)>.span_2_of_12-tl {
        flex-basis: 15.33%
    }

    .cl-cols:not(.no-gutter)>.span_1_of_12-tl {
        flex-basis: 6.866%
    }

    .cl-cols:not(.no-gutter).multiple-rows-tl>.span_3_of_12-tl:nth-of-type(4n+1),
    .cl-cols:not(.no-gutter).multiple-rows-tl>.span_4_of_12-tl:nth-of-type(3n+1),
    .cl-cols:not(.no-gutter).multiple-rows-tl>.span_6_of_12-tl:nth-of-type(odd) {
        margin-left: 0
    }

    .col.no-padding {
        padding-left: 0;
        padding-right: 0
    }

    .col:not(.no-padding) {
        padding-left: 25px;
        padding-right: 25px
    }

    .legacy-sitetemplate .col:not(.no-padding):not(.lnd-temp-2-17-quote):not(.col-item) {
        padding-left: 0;
        padding-right: 0
    }

    .col.standalone {
        margin-left: 0
    }

    .cl-topbar-submenu {
        position: absolute;
        display: none;
        text-align: left;
        padding: 10px 15px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .1);
        left: 50%;
        transform: translate(-50%, 100%);
        bottom: 0
    }

    .cl-topbar-submenu:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 5px;
        left: 0;
        top: 0;
        transform: translateY(-100%)
    }

    .cl-topbar-option:not(:last-child) .cl-topbar-submenu {
        left: 50%;
        transform: translate(-50%, 100%)
    }

    .cl-topbar-option:last-child .cl-topbar-submenu {
        right: 0;
        left: auto;
        transform: translateY(100%)
    }

    .cl-topbar-option:hover .cl-topbar-submenu {
        display: block
    }

    section[data-section-id=courseHero9] .courseHero9-img2 {
        margin-left: 70px
    }

    section[data-section-id=courseHero9] .courseHero9-img3 {
        margin-left: 150px
    }

    section[data-section-id=courseHero9] .courseHero9-img4 {
        margin-left: 310px
    }

    section[data-section-id=courseHero9] .courseHero9-img5 {
        margin-left: 110px
    }

    section[data-section-id=courseHero9] .courseHero9-img6 {
        margin-left: 30px
    }

    .slug-inbox #firstCol {
        width: 33.33%
    }
}

@media (min-width:1367px) {
    html {
        font-size: 10px
    }

    .cl-topbar .cl-cols>.flex-1 {
        flex: auto
    }

    .flex-d-col-ld {
        flex-direction: column
    }

    .pl-0,
    .pl-0.col:not(.no-padding) {
        padding-left: 0
    }

    .one-row {
        flex-wrap: nowrap
    }

    .one-row.with-input-cols:not(.search-cols)>.col:first-child {
        flex-grow: 1;
        margin-right: -45px
    }

    .one-row.with-input-cols:not(.search-cols)>.col:first-child input {
        padding-right: 75px
    }

    .one-row.with-input-cols:not(.search-cols)>.col:nth-child(2) {
        z-index: 4;
        margin-left: -25px
    }

    .one-row.with-input-cols.search-cols>.col:first-child .classonlive-input {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .one-row.with-input-cols.search-cols>.col:nth-child(2) {
        max-width: 50px
    }

    .one-row.with-input-cols.search-cols>.col:nth-child(2) .classonlive-button {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .one-row.with-input-cols .classonlive-button {
        margin-top: 0
    }

    #selectWidget .with-input-cols>.col:first-child {
        flex-grow: 1;
        margin-right: -25px
    }

    #selectWidget .with-input-cols>.col:first-child input {
        padding-right: 75px
    }

    #selectWidget .with-input-cols>.col:nth-child(2) {
        z-index: 4;
        margin-left: -25px
    }

    .multiple-rows {
        flex-wrap: wrap
    }

    .cl-cols.no-gutter>.col {
        margin-left: 0
    }

    .cl-cols.no-gutter>.span_12_of_12 {
        flex-basis: 100%
    }

    .cl-cols.no-gutter>.span_11_of_12 {
        flex-basis: 91.66666667%
    }

    .cl-cols.no-gutter>.span_10_of_12 {
        flex-basis: 83.33333333%
    }

    .cl-cols.no-gutter>.span_9_of_12 {
        flex-basis: 75%
    }

    .cl-cols.no-gutter>.span_8_of_12 {
        flex-basis: 66.66666667%
    }

    .cl-cols.no-gutter>.span_7_of_12 {
        flex-basis: 58.33333333%
    }

    .cl-cols.no-gutter>.span_6_of_12 {
        flex-basis: 50%
    }

    .cl-cols.no-gutter>.span_5_of_12 {
        flex-basis: 41.66666667%
    }

    .cl-cols.no-gutter>.span_4_of_12 {
        flex-basis: 33.33333333%
    }

    .cl-cols.no-gutter>.span_3_of_12 {
        flex-basis: 25%
    }

    .cl-cols.no-gutter>.span_2_of_12 {
        flex-basis: 16.66666667%
    }

    .cl-cols.no-gutter>.span_1_of_12 {
        flex-basis: 8.33333333%
    }

    .cl-cols:not(.no-gutter)>.col:not(:first-child) {
        margin-left: 1.6%
    }

    .cl-cols:not(.no-gutter)>.span_12_of_12 {
        flex-basis: 100%;
        margin-left: 0 !important
    }

    .cl-cols:not(.no-gutter)>.span_11_of_12 {
        flex-basis: 91.53%
    }

    .cl-cols:not(.no-gutter)>.span_10_of_12 {
        flex-basis: 83.06%
    }

    .cl-cols:not(.no-gutter)>.span_9_of_12 {
        flex-basis: 74.6%
    }

    .cl-cols:not(.no-gutter)>.span_8_of_12 {
        flex-basis: 66.13%
    }

    .cl-cols:not(.no-gutter)>.span_7_of_12 {
        flex-basis: 57.66%
    }

    .cl-cols:not(.no-gutter)>.span_6_of_12 {
        flex-basis: 49.2%
    }

    .cl-cols:not(.no-gutter)>.span_5_of_12 {
        flex-basis: 40.73%
    }

    .cl-cols:not(.no-gutter)>.span_4_of_12 {
        flex-basis: 32.26%
    }

    .cl-cols:not(.no-gutter)>.span_3_of_12 {
        flex-basis: 23.8%
    }

    .cl-cols:not(.no-gutter)>.span_2_of_12 {
        flex-basis: 15.33%
    }

    .cl-cols:not(.no-gutter)>.span_1_of_12 {
        flex-basis: 6.866%
    }

    .cl-cols:not(.no-gutter).multiple-rows>.span_2_of_12:nth-of-type(6n+1),
    .cl-cols:not(.no-gutter).multiple-rows>.span_3_of_12:nth-of-type(4n+1),
    .cl-cols:not(.no-gutter).multiple-rows>.span_4_of_12:nth-of-type(3n+1),
    .cl-cols:not(.no-gutter).multiple-rows>.span_6_of_12:nth-of-type(odd) {
        margin-left: 0
    }

    .col.no-padding {
        padding-left: 0;
        padding-right: 0
    }

    .col:not(.no-padding) {
        padding-left: 25px;
        padding-right: 25px
    }

    .legacy-sitetemplate .col:not(.no-padding):not(.lnd-temp-2-17-quote):not(.col-item) {
        padding-left: 0;
        padding-right: 0
    }

    .col.standalone {
        margin-left: 0
    }

    .cl-topbar-submenu {
        position: absolute;
        display: none;
        text-align: left;
        padding: 10px 15px;
        box-shadow: 0 0 5px rgba(0, 0, 0, .1);
        left: 50%;
        transform: translate(-50%, 100%);
        bottom: 0
    }

    .cl-topbar-submenu:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 5px;
        left: 0;
        top: 0;
        transform: translateY(-100%)
    }

    .cl-topbar-option:not(:last-child) .cl-topbar-submenu {
        left: 50%;
        transform: translate(-50%, 100%)
    }

    .cl-topbar-option:last-child .cl-topbar-submenu {
        right: 0;
        left: auto;
        transform: translateY(100%)
    }

    .cl-topbar-option:hover .cl-topbar-submenu {
        display: block
    }

    section[data-section-id=courseHero9] .courseHero9-img2 {
        margin-left: 70px
    }

    section[data-section-id=courseHero9] .courseHero9-img3 {
        margin-left: 150px
    }

    section[data-section-id=courseHero9] .courseHero9-img4 {
        margin-left: 310px
    }

    section[data-section-id=courseHero9] .courseHero9-img5 {
        margin-left: 110px
    }

    section[data-section-id=courseHero9] .courseHero9-img6 {
        margin-left: 30px
    }

    .slug-inbox #firstCol {
        width: 33.33%
    }

    .hide-xl {
        display: none;
    }
}