/**************** Slider Edited ********************/
.box {
    background: #fff;
    border-radius: 2px;
    /*border: 1px solid #e5e5e5;*/
}

.box .box__head {
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.08);
    padding: 20px;
}

.box .box__head .-link-underline {
    line-height: 1.4;

    display: inline-block;
}

.box .box__head p,
.box .box__head h4 {
    margin: 0;
}

.box .box__head h1 {
    font-size: 1.75rem;
}

/**************** page css ********************/

.banner__media {
    position: relative;
}

.banner__media img {
    display: block;
    margin: auto;
}

.banner__media:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
    content: "";
    pointer-events: none;
}

.banner__content.banner__content--centered {
    margin: 0;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    max-width: 850px;
}

.banner__content.banner__content--centered h1 {
    margin-bottom: 0;
}



/*cookies*/
.cc-window {
    background-color: rgba(0, 0, 0, 0.75);
    bottom: 0;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 999;
}

.cc-window .box-cookies {
    color: #dbe0df;
    font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    padding: 15px;
    text-align: center;
}

.cc-window .box-cookies a {
    color: #fff;
    text-decoration: underline;
}

.cc-window .cc-close {
    background-color: var(--color-secondary);
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin-left: 10px;
    padding: 0 10px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

/*cookies end*/
/* section */

.section .section__head {
    padding: 0 0 30px;
}

.section .section__head h2 {
    line-height: 1;
}

.section.section--caraousel {
    background: #f9f7f0;
    padding-bottom: 0;
}

.section.section--caraousel:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: #fff;
    height: 40%;
}

.section--white {
    background: #fff;
}

.section--advert {
    padding: 20px 0;
}

.section--sort {
    padding: 20px 0;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
}

.section--sort h1 {
    font-size: 1.6rem;
    margin: 0;
}

.is-landing .section p {
    font-size: 1.1rem;
    color: #666;
}

.is-landing .section p a {
    color: inherit;
}


.section--content {
    padding: 0;
}

.section--content .row {
    padding: 90px 0;
}

.section--content .row:first-child {
    padding-bottom: 0;
}

.section--content .icon {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    position: relative;
    border: 1px solid #eaeaea;
    box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08);
    margin: 0 0 40px;
}

.section--content [class*="col-"] {
    min-height: 450px;
}

.section--content h2 {
    font-weight: normal;
    margin-bottom: 30px;
    color: var(--color-primary);
}

.section--content .icon img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.media-group .media {
    position: relative;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
}

.media-group .media img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
}

.media-group .media:before {
    position: relative;
    padding-bottom: 77%;
    content: "";
    display: block;
}

.media-group .media.media--small {
    width: 70%;
    right: -20%;
    top: 45%;
    position: absolute;
}

.section--content .row:nth-child(even) .media-group .media.media--small {
    right: auto;
    left: -20%;
}

.section--content .row:nth-child(even) h2 {
    color: var(--color-secondary);
}


.section--gray .media,
.section--hiw .media,
.section--slider .media {
    position: relative;
    background: #fff;
}

.section--gray .media:before,
.section--hiw .media:before,
.section--slider .media:before {
    position: relative;
    display: block;
    content: "";
    /*padding-bottom: 62.5%;*/
    padding-bottom: 80%;
}

.section--gray .media img,
.section--hiw .media img,
.section--slider .media img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0 6px;
}




.section--hiw:before {
    background: #f3f2f5;
    right: 0;
    width: 50%;
    top: 150px;
    bottom: 90px;
    position: absolute;
    content: "";
}

.section--hiw .media {
    margin: 60px 0 0;
    position: relative;
}

.section--hiw .col__content:before {
    background: #f3f2f5;
    left: -12%;
    width: 50%;
    top: 0;
    bottom: 0;
    position: absolute;
    content: "";
    z-index: 0;
}


.section--slider {
    padding-bottom: 120px;
}

.section--slider .media {
    z-index: 1;
}

.section--slider .slick-dots {
    left: 0;
    right: 0;
    text-align: center;
    bottom: -80px;
    position: absolute;
}

.section--slider:before {
    background: url(images/patterns.svg) repeat;
    background-size: 44px 44px;
    opacity: 0.05;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 40%;
}

.section--slider .quote__col-right {
    padding: 0 100px 0 0;
}

.section--slider .caraousel--single {
    z-index: 1;
}

.section--slider .quote__content h5 {
    line-height: 1.6;
}

.section--slider .container--fixed:before {
    background: #f3f2f5;
    position: absolute;
    right: 20px;
    bottom: -30px;
    top: -30px;
    content: "";
    width: 50%;
}

.section--slider .container--fixed:after {
    background: #f3f2f5;
    position: absolute;
    right: 50%;
    bottom: -30px;
    top: -30px;
    content: "";
    width: 15%;
}

/* footer */




/* overlay */
.overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 11;
    display: none;
}



.box--narrow {
    padding: 30px;
    min-width: 450px;
}

.box--narrow h2 {
    margin-bottom: 25px;
}

.box--narrow .box__logo {
    width: 140px;
    margin: auto;
}

.box--narrow .form input[type="submit"],
.box--narrow .form input[type="button"] {
    width: 100%;
    text-align: center;
}

/* listing */
.section--listing {
    padding: 40px 0;
}

.section--search {
    background: #fff;
    padding: 20px 0;
    box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08);
}

.section__tags {
    border-top: 1px solid #eee;
    padding: 0 0;
    background: #fff;
    position: relative;
    z-index: 1;
}

.form__element {
    position: relative;
}

.form-filters .form__element {
    width: 50%;
    float: left;
}

.form-filters .form__element:first-child input {
    border-right: none;
}

.form-filters .form__element:after {
    position: absolute;
    right: 24px;
    top: 28px;
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #333;
    pointer-events: none;
}

body[dir="rtl"] .form-filters .form__element:after {
    left: 24px;
    right: auto;
}

.form-filters .form__element .svg-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    overflow: hidden;
    left: 24px;
    top: 22px;
}

body[dir="rtl"] .form-filters .form__element .svg-icon {
    right: 24px;
    left: auto;
}

.form__element .form__input {
    border-radius: 0;
    box-shadow: none;
    height: 60px;
    padding-right: 50px;
    line-height: 60px;
}

.form-filters .form__element .form__input {
    padding-left: 50px;
	    cursor: default;
}

.form-search .form__action {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: none;
    border: none;
    cursor: pointer;
}

.form-search .form__action-wrap {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 50px;
}
.form-search--inline .keyword-search {
    padding: 0 40px 0 20px;
}
.form-search .form__action-wrap .svg-icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    width: 21px;
    height: 20px;
    margin: auto;
    pointer-events: none;
}

.form-search .form__action-wrap .svg-icon svg {
    height: 100%;
}

.form__element .form__target {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 2;
    max-height: 400px;
    overflow: auto;
}

.form__element.form-target-visible .form__target {
    display: block;
}

/* @media(min-width:767px){
.form__element.form-target-visible:before{position: fixed;left: 0;right: 0; top: 0; bottom: 0;content: "";background: rgba(243,242,245,0.8);z-index: -1;}
}     */

.section--listing.section-invisible {
    z-index: -2;
}

.tag-list li {
    display: inline-block;
    padding: 10px 10px 10px 0;
    vertical-align: top;
}

.tag-list li a {
    height: 40px;
    line-height: 40px;
    display: block;
}

.tag-list li a.tag__clickable {
    position: relative;
    background: #e9e8eb;
    border-radius: 3px;
    padding: 0 45px 0 20px;
}

.tag-list li a.tag__clickable:after {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #fff;
    content: "+";
    position: absolute;
    right: 12px;
    top: 10px;
    line-height: 19px;
    text-align: center;
    transform: rotate(45deg);
    font-size: 1.2rem;
    transform-origin: center center;
}

.sort-by {
    margin: 0 0 30px;
}

.sort-by select {
    box-shadow: none;
}



.scrollbar {
    width: 100% !important;
    max-height: 350px;
    padding: 0;
    position: relative;
}

.scrollbar-track {
    width: 8px;
    right: -10px !important;
    position: relative;
}

.scrollbar-handle {
    width: 5px;
    border-radius: 30px;
    background: rgba(0, 0, 0, 0.1);
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.listing--vertical li {
    font-size: 0.9rem;
    margin: 15px 0 0;
}

.listing--vertical li:first-child {
    margin: 0;
}

.block__head {
    position: relative;
    padding: 15px 20px;
    border-bottom: 1px solid #e9e8eb;
}

.block__body {
    position: relative;
    padding: 20px;
    border-bottom: 1px solid #e9e8eb;
}

.block__head h6 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 500;
}

.block__head-trigger {
    padding-right: 40px;
    cursor: pointer;
    position: relative;
}

.block__head-trigger:after {
    position: absolute;
    right: 20px;
    top: 15px;
    content: "+";
    font-size: 1.6rem;
    line-height: 1;
}

.block__head-trigger.is-active:after {
    content: "-";
}

.ratings__star img {
    display: inline-block;
    vertical-align: top;
}

/* range slider ---------------------- */
/* .range{margin:15px 0 0;} */
.range .ui-slider-horizontal {
    background: #eee;
    height: 6px;
    position: relative;
    border-radius: 30px;
    margin-bottom: 10px;
}

.range .ui-slider .ui-slider-range {
    top: 0;
    bottom: 2px;
    height: 6px;
    position: absolute;
    z-index: 1;
    background: var(--color-secondary);
}

.range .ui-slider-horizontal .ui-slider-handle {
    border-radius: 100%;
    margin-left: -0.6em;
    top: -0.6rem;
    background: #fff;
    color: #555555;
    cursor: move;
    font-weight: normal;
    border: 1px solid #ddd;
    cursor: move;
    height: 1.8em;
    position: absolute;
    width: 1.8rem;
    z-index: 2;
    box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.06);
}

.slide__fields {
    margin: 20px -6px 0;
    padding-bottom: 10px;
}

.slide__fields:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
}

.slide__fields li {
    float: left;
    padding: 0 6px;
    width: 50%;
    position: relative;
}

.slide__fields li input {
    padding-left: 40px;
}

.slide__fields li .rsText {
    position: absolute;
    left: 17px;
    top: 0;
    bottom: 0;
    line-height: 50px;
    color: #999;
    font-size: 0.90rem;
}

.box-list {
    margin: 0 0 30px;
    position: relative;
}

.box-list .box__price h6 {
    font-size: 1.1rem;
    font-weight: 700;
}

.box-list__head {
    margin-bottom: 10px;
}

.box-list__head h3 {font-size: 1.4rem;
    margin: 0 5px 0 0;
}

.box-list__head .ratings {
    margin: 0 0 0 30px;
}

.box__description {
    margin: 10px 0 20px;
    min-height: 60px;
}

.box__description p {
    line-height: 1.4;
    font-size: 1.05rem;
    color: #666; line-height: 1.8;
}

.box__slip {
    display: none;
    height: 100%;
    width: 55%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    padding: 20px;
    /*display: none;*/
}



.box__slip-data .btn {
    margin: 20px 0 0 90px;
}

.box-list.is-selected .box__content {
    opacity: 0.4;
    pointer-events: none;
}

.box__tabs {
    margin: 0 0 20px 0;
}

.box__tabs li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0 20px 0 0;
}

.box__tabs li a {
    color: #999999;
    position: relative;
}

.box__tabs li a:after {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: -5px;
    content: "";
    height: 2px;
    background: #333;
    display: none;
}

.box__tabs li.is-active a {
    color: #000;
}

.box__tabs li.is-active a:after {
    display: block;
}


.box__calender li .time {
    min-width: 80px;
    display: inline-block;
    min-height: 15px;
}

.box__calender li .span {
    display: inline-block;
    padding: 5px;
    width: 10%;
    vertical-align: top;
    font-size: 0.85rem;
}

.box__calender li .point {
    background: #ddd;
    min-height: 12px;
    width: 100%;
    display: block;
}

.box__calender li .point.is-available {
    background: var(--color-primary);
}



/* reviews ---------------------- */
.ratings .ratings__count {
    margin-left: 10px;
}

.ratings h6 {
    margin: 10px 0 0;
}

.txt-inline .txt-inline__tag.last {
    margin-left: 40px;
}

.txt-inline .txt-inline__tag .svg-icon {
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.txt-inline .txt-inline__tag .svg-icon svg {
    fill: var(--color-secondary);
}

.tag-online {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #14e06e;
    border: 2px solid #fff;
    position: absolute;
    left: 30px;
    bottom: 20px;
    z-index: 1;
}

.load-more .btn {
    min-width: 200px;
    text-align: center;
    margin: 20px 0 10px;
}



/* tooltip */
.tooltip {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: help;
}

.tooltip .tooltip__content {
    color: #fff;
    background: #333;
    padding: 3px 10px;
    max-width: 200px;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0.85rem;
    line-height: 1.4;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    border-radius: 3px;
    white-space: normal;
}

.tooltip .tooltip__content:before {
    position: absolute;
    right: 15px;
    bottom: -7px;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #333;
}

.tooltip:hover .tooltip__content {
    opacity: 1;
    visibility: visible;
    bottom: 30px;
}

.tooltip.tooltip--centered .tooltip__content {
    right: auto;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.tooltip.tooltip--centered .tooltip__content:before {
    right: auto;
    left: 50%;
    margin: 0 0 0 -8px;
}

.tooltip.tooltip--left .tooltip__content {
    right: auto;
    left: 0;
}

.tooltip.tooltip--left .tooltip__content:before {
    right: auto;
    left: 10px;
}

.tooltip.tooltip--bottom .tooltip__content {
    right: auto;
    left: 50%;
    margin: 0 0 0 -100px;
    bottom: auto;
    top: 0;
}

.tooltip.tooltip--bottom .tooltip__content:before {
    border-top: none;
    border-bottom: 8px solid #333;
    bottom: auto;
    top: -7px;
}

.tooltip.tooltip--bottom .tooltip__content:before {
    right: auto;
    left: 50%;
    margin: 0 0 0 -8px;
}

.tooltip.tooltip--bottom:hover .tooltip__content {
    opacity: 1;
    visibility: visible;
    top: 30px;
    bottom: auto;
}


.video {
    position: relative;
    width: 100%;
    background: #eee;
    min-height: 200px;
}

.video:before {
    display: block;
    padding-bottom: 60%;
    content: "";
    position: relative;
}

.video iframe,
.video .video__enlarge .svg-icon svg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.video .video__enlarge {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 3px;
}

.video .video__enlarge .svg-icon {
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}

.box__slip .video:before {
    padding-bottom: 45%;
}

.btn--fav.is-active {
    color: #fff;
    background: var(--color-secondary);
}

.btn--fav.is-active svg {
    fill: #fff;
}

.box--cta {
    margin-top: 30px;
}

.box--cta:first-child {
    margin-top: 0;
}

.box--cta h4 {
    margin-bottom: 10px;
}

.box--cta p {
    font-size: 1.14rem;
    line-height: 1.4;
    color: #888;
    margin-bottom: 30px;
}

/* profile */
.section--details {
    padding: 30px 0 60px;
}

.box__profile-head h3 {
    margin: 0;
}

.box__profile-head .location {
    position: relative;
    padding: 0 0 0 20px;
    color: #888;
    margin: 5px 0 0;
}

.box__profile-head .location .svg-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    overflow: hidden;
    opacity: 0.5;
}

.box-highlighted {
    padding: 10px 20px;
    background: #f3f2f5;
    margin: 10px 0;
    text-align: left;
}



/* toggle */
.toggle-dropdown {
    position: relative;
    display: inline-block;
}

.toggle-dropdown .toggle-dropdown__link {
    padding-right: 15px;
    color: #6a6a6a;
    font-size: 1.1em;
}

.toggle-dropdown .toggle-dropdown__link .-txt--bold {
    font-weight: 500;
    color: #333;
}

.toggle-dropdown .toggle-dropdown__link:after {
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    content: "";
    height: 7px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 6px;
    width: 7px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
}


.toggle-dropdown__target {
    min-width: 260px;
    z-index: 9;
    left: 50%;
    top: 100%;
    background: #fff;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
    position: absolute;
    margin: 0 0 0 -140px;
    padding: 20px;
    text-align: center;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
}



.toggle-dropdown.is-active .toggle-dropdown__target {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
}

.social--share li {
    display: inline-block;
    vertical-align: top;
    margin: 10px 3px 0 0;
}

.social--share li a,
.social--share li span {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: block;
    padding: 5px;
    overflow: hidden;
    position: relative;
    background: rgba(0, 0, 0, 0.05);
}

.social--share li a img,
.social--share li span img {
    width: 16px;
    display: block;
    margin: 5px auto 0;
    opacity: 0.6;
    pointer-events: none;
}

.social--share li a:hover {
    background: rgba(0, 0, 0, 0.05);
}

.social--share li .stButton {
    position: absolute;
    opacity: 0;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


.tags-inline ul {
    margin: 0 -5px;
}

.tags-inline li {
    margin: 5px;
    display: inline-block;
    vertical-align: top;
}

.tags-inline li a {
    padding: 4px 6px;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: block;
    font-size: 0.9rem;
    color: #777;
}

.box.box--toggle {
    margin: 30px 0 0;
}

.tick-listing li {
    position: relative;
    padding: 0 0 0 20px;
    margin: 5px 0 15px 0;
}

.tick-listing.tick-listing--onehalf li {
    width: 50%;
    margin-right: -4px;
    display: inline-block;
    vertical-align: top;
}

.tick-listing li:before {
    width: 10px;
    height: 6px;
    border-left: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
    content: "";
    transform: rotate(-45deg);
    position: absolute;
    left: 0;
    top: 4px;
}



.content-repeated [class*="col-"]:last-child {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 15px;
    padding-left: 0;
    margin-bottom: 20px;
}

.content-repeated [class*="col-"]:last-child p {
    margin: 0;
}

.-small-title {
    font-size: 1.08rem;
}

.content-repeated--action.content-repeated [class*="col-"]:last-child {
    margin-bottom: 0;
}

.content-repeated:last-child [class*="col-"]:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.content-repeated .avtar {
    float: left;
    margin: 0 15px 0 0;
}

.content-repeated .avtar + h6 {
    margin: 0;
}

.content-repeated .avtar + h6 + p {
    line-height: 1;
    font-size: 0.9rem;
}

.select-box {
    position: relative;
}

.select-box .select-box__value {
    position: relative;
    display: block;
    padding: 10px 40px 10px 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    font-size: 1.15rem;
    color: #999;
    line-height: 1;
    min-height: 40px;
}

.select-box .select-box__value:after {
    position: absolute;
    right: 15px;
    top: 50%;
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #999;
    margin: -2px 0 0;
}

.select-box .select-box__value small,
.select-box .select-box__target .listing li a small {
    display: block;
    font-size: 0.8rem;
    margin: 5px 0 0;
}

.select-box .select-box__target {
    border: 1px solid #dddddd;
    background: #fff;
    max-height: 350px;
    overflow: auto;
    position: absolute;
    right: 0;
    z-index: 2;
    min-width: 200px;
    width: 100%;
}

.select-box .select-box__target .listing li {
    text-align: left;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.select-box .select-box__target .listing li a {
    font-size: 1.05rem;
    font-weight: 500;
    display: block;
    padding: 10px 20px;
    color: #999;
}

.select-box .select-box__target .listing li a:hover {
    background: rgba(0, 0, 0, 0.03);
}

.select-box.select-box--small {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 20px;
}

.select-box.select-box--small .select-box__value {
    padding: 0 40px 0 0;
    border-color: transparent;
    height: 30px;
    line-height: 28px;
    font-weight: 500;
    min-height: 1%;
}

.select-box.select-box--small .select-box__value:after {
    top: 13px;
}

.select-box.select-box--small .select-box__target {
    min-width: 200px;
}

.select-box.select-box--small .select-box__target .listing li a {
    font-weight: 400;
    font-size: 1rem;
}

.select-box--up.select-box .select-box__target {
    bottom: 100%;
    right: auto;
    width: auto;
    left: 0;
    min-width: 250px;
}


@media(max-width:568px) {
.timer-block .select-box .buttons-toggle{display: flex;}
.timer-block .select-box .buttons-toggle .btn:first-child{    width: 100%;}
.timer-block .timer.timer--small{    display: block;     text-align: center;}
.timer-block .btn.end_lesson_now{    width: 100%;
    text-align: center;  margin-top: 10px; }
}


.form .select-box .select-box__value {
    min-height: 50px;
    padding: 16px 40px 12px 20px;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07);
}

.form .select-box .select-box__target .listing li {
    padding: 10px;
}

.form .select-box .select-box__target .listing li label {
    display: block;
}

.box-btn-group .btn {
    margin: 10px 0 0;
}

.box--medium {
    padding: 40px;
    min-width: 800px;
}

.direction {
    margin: 0 0 0 30px;
}

.direction .direction__action {
    width: 30px;
    height: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2px;
    position: relative;
}

.direction .direction__action:hover {
    background: rgba(0, 0, 0, 0.1);
}

.direction .direction__action.direction__action-prev:before {
    width: 8px;
    height: 8px;
    content: "";
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin: -4px 0 0 -3px;
}

.direction .direction__action.direction__action-next:before {
    width: 8px;
    height: 8px;
    content: "";
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    margin: -4px 0 0 -5px;
}


.flex__row {
    display: table;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.flex-container {
    border: 1px solid #ddd;
    border-bottom: none;
    margin: 20px 0 0;
    position: relative;
}

.flex-container .flex__cell {
    height: 26px;
    display: table-cell;
    vertical-align: top;
    border-right: 1px solid #ddd;
    width: 12.5%;
    position: relative;
}

.flex-container .flex__cell:last-child {
    border-right: none;
}

.flex-container .flex__cell.flex__cell-head:first-child {
    vertical-align: bottom;
}

.flex-container .flex__cell.flex__cell-head {
    padding: 20px 10px;
}

.flex-container .flex__cell.flex__cell-head h3 {
    line-height: 1;
    margin: 0;
}

.flex-container .flex__cell:first-child {
    font-size: 0.85rem;
    padding: 6px 10px;
}


.flex-container .flex__cell.flex__cell-available.is-available .flex__cell-value {
    z-index: 3;
}

.flex-container .flex__cell.flex__cell-available .flex__cell-value {
    position: absolute;
    left: 4px;
    right: 4px;
    top: 4px;
    height: 175%;
    background: rgba(20, 224, 110, 0.3);
    border-radius: 3px;
    z-index: 1;
    cursor: pointer;
}

.flex-container .pop-over__overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 2;
}

.pop-over__content {
    position: relative;
    padding: 20px;
    background: #fff;
    border: 1px solid #e2e2e4;
    border-radius: 3px;
    width: 100%;
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.03);
    position: absolute;
    left: 50%;
    top: 200%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    z-index: 2;
    width: 350px;
}

.flex-container .pop-over h3 {
    margin: 0;
}

.flex-container .pop-over .flag,
.booking-view .flag {
    margin: 0 5px;
}

.booking-view {
    max-width: 300px;
    text-align: left;
}

.flex-container .pop-over .inline-list,
.booking-view .inline-list,
    {
    margin: 20px 0;
    width: 100%;
    display: inline-block;
}

.flex-container .pop-over .inline-list__value,
.booking-view .inline-list__value {
    margin: 5px 0;
    width: 100%;
    display: inline-block;
    padding: 5px 6px;
}

.flex-container .pop-over .inline-list__value.highlight,
.booking-view .inline-list__value.highlight {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.tag-inline {
    display: inline-block;
    vertical-align: middle;
}

.tag-inline .tag-inline__dot {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
}

.tag-inline .tag-inline__caption {
    display: inline-block;
    vertical-align: middle;
}

.tag-inline.tag-inline--on .tag-inline__dot {
    background: var(--color-primary);
}

.tag-inline.tag-inline--on .tag-inline__caption {
    color: var(--color-primary);
}

.tag-inline.tag-inline--off .tag-inline__dot {
    background: #999;
}

.tag-inline.tag-inline--off .tag-inline__caption {
    color: #999;
}

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

.floated-list li {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
}

.floated-list li a:hover {
    text-decoration: underline;
}

.section--lower {
    padding: 40px 0;
}

.section--icons .icon-col {
    margin: 50px 0 0 0;
    padding-right: 40px;
}

.section--icons .icon-col .icon + h4 {
    margin: 10px 0;
}

.section--icons .icon {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    position: relative;
    border: 1px solid #eaeaea;
    box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08);
    margin: 0 40px 20px 0;
    float: left;
}

.section--icons h2 {
    font-weight: normal;
}

.section--icons .icon img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}



.accordian-group {
    margin: 0 0 40px 0;
}

.accordian {
    border: 1px solid #ceced0;
    text-align: left;
    border-bottom: none;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.accordian:last-child {
    border-bottom: 1px solid #ceced0;
}

.accordian__title {
    cursor: pointer;
    position: relative;
    font-size: 1.3rem;
    font-weight: 600;
    padding: 30px 80px 30px 30px;
}

.accordian__title:before {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 30px;
    top: 20px;
    content: "+";
    color: #000;
    line-height: 34px;
    text-align: center;
    font-size: 2rem;
}

.accordian__body {
    padding: 0 20px 20px 30px;
    position: relative;
}

.accordian__body p {
    color: #888;
}

.accordian.is-active {
    box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08);
    background: #fff;
    border-color: #e0dfe2;
}

.accordian.is-active .accordian__title {
    padding-bottom: 10px;
}

.accordian.is-active .accordian__title:before {
    content: "-";
    font-size: 2.5rem;
}


.section--grey {
    background: #f3f2f5;
}

.section--centered .icon {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    position: relative;
    border: 1px solid #eaeaea;
    box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08);
    margin: 0 40px 20px 0;
    margin: 0 auto 20px;
}

.section--centered .icon img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}


.container--cms ul,
.container--cms ol {
    margin: 30px 0;
    font-size: 1.1rem;
}

.container--cms ul li {
    position: relative;
    padding: 0 0 10px 30px;
    color: inherit;
}

.container--cms ul li:before {
    position: absolute;
    left: 8px;
    top: 4px;
    content: "";
    width: 3px;
    height: 12px;
    background: #B7B7B7;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.container--cms ul li:after {
    position: absolute;
    left: 2px;
    top: 8px;
    content: "";
    width: 3px;
    height: 6px;
    background: #B7B7B7;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}

.container--cms ol {
    list-style: decimal;
}

.container--cms ol li {
    position: relative;
    padding: 0 0 15px 0;
    color: inherit;
    margin: 0 0 0 15px;
}

.container--cms ol li a {
    color: inherit;
}

.is-landing .section ul li {
    font-size: 1.1rem;
    color: #666;
}

.team {
    padding: 0 40px;
}

.team__media {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 40px auto 20px;
    overflow: hidden;
    border-radius: 100%;
}

.team__media:before {
    position: relative;
    padding-bottom: 100%;
    display: block;
    content: "";
}

.team__media img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.form-container {
    background: #fff;
    padding: 60px;
    width: 100%;
}

.address-box {
    margin: 40px 0 0;
}

.address-box h6 {
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 700;
    color: #444;
}

.address-box h6 img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.address-container {
    padding-top: 60px;
}

.section--page {
    padding: 40px 0;
}

.selection-list {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px;
}

.selection-list ul {
    margin: 0 -5px;
}

.selection-list ul li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0 -2px;
    padding: 5px;
}

.selection-list ul li .selection {
    display: inline-block;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 15px 15px 15px 40px;
    font-weight: 700;
    position: relative;
}

.selection-list ul li .selection small {
    line-height: 1.4;
    float: none !important;
    display: block;
    margin: 5px 0 0;
    text-transform: uppercase;
}

.selection-list ul li .selection .radio {
    vertical-align: top;
    position: absolute;
    left: 10px;
    top: 12px;
}

.selection-list ul li.is-active .selection {
    background: #f3f2f5;
    border-color: #f3f2f5;
}

.tabled {
    width: 100%;
    display: table;
    border-top: 1px solid #e5e5e5;
}

.tabled .tabled__cell {
    display: table-cell;
    vertical-align: top;
    padding: 25px 15px;
    border-right: 1px solid #e5e5e5;
    line-height: 1.4;
}

.tabled .tabled__cell:last-child {
    border-right: none;
}

.tabled .tabled__cell h3 {
    line-height: 1;
}

.tabs-gray {
    overflow: auto;
    max-height: 400px;
}

.tabs-gray ul {
    width: 100%;
    border: 1px solid #e9e8eb;
}

.tabs-gray ul li {
    border-bottom: 1px solid #e9e8eb;
}

.tabs-gray ul li:last-child {
    border-bottom: none;
}

.tabs-gray li a {
    display: block;
    font-size: 1rem;
    padding: 20px 20px;
    position: relative;
}

.tabs-gray ul li.is-active a {
    background: #e9e8eb;
    font-weight: 700;
    color: var(--color-secondary);
}

.tabs-gray li a img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100px;
}

.icon-payment {
    width: 200px;
    height: 100px;
    position: relative;
    border: 1px solid #e5e5e5;
}

.icon-payment img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 120px;
}


.table-total th {
    font-size: 0.9rem;
    font-weight: normal;
    color: #000;
    padding: 15px 20px 15px 20px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    text-align: left;
}

.table-total th:last-child,
.table-total td:last-child {
    text-align: right;
}

.table-total td {
    color: #666;
    padding: 10px 20px 6px 20px;
    vertical-align: top;
}

.table-total td h6 {
    font-size: 1.1rem;
}

.table-total tr.last td {
    border-top: 1px solid #ddd;
}

.table-total tr.last td h6 {
    font-size: 1.4rem;
}

.apply-coupon .btn.btn--gray.is-active {
    border-radius: 3px 3px 0 0;
}

.apply-coupon .btn.btn--gray.is-active:after {
    content: "+";
    position: absolute;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    font-size: 1.8rem;
    margin: -2px 0 0 10px;
}

.apply-coupon__target {
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 3px 3px;
}

.apply-coupon__target [class*="col-"] {
    padding: 0;
}

.apply-coupon__target input[type="submit"] {
    padding: 0 20px;
    text-transform: uppercase;
    display: block;
    width: 100%;
    border-radius: 0 3px 3px 0;
}

.apply-coupon__target input[type="text"] {
    border-radius: 3px 0 0 3px;
}

.applied-coupon {
    background: #ecfff4;
    border: dashed 1px var(--color-primary);
    padding: 15px;
    margin: 0 0 0;
    text-align: center;
    position: relative;
}



.nav-vertical li {
    margin: 0 0 20px 0;
}

.nav-vertical li a {
    display: block;
    padding: 0 20px 0 20px;
    position: relative;
    background: #fff;
    border-radius: 3px;
    font-size: 1.2rem;
    font-weight: 600;
    position: relative;
    height: 70px;
    line-height: 70px;
}

.nav-vertical li a img {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
}

.box--faqs .box__top h4 {
    display: inline-block;
}

.box--faqs .-padding-30 {
    padding-bottom: 15px;
}

.box--faqs .box__body.-padding-30 {
    padding-top: 0;
}

.vertical-links li {
    border-bottom: 1px solid #ddd;
}

.vertical-links li:last-child {
    border-bottom: none;
}

.vertical-links li a {
    display: block;
    padding: 15px 30px;
    font-size: 1.1rem;
    color: var(--color-secondary);
    line-height: 1.4;
}

.vertical-links li a:hover {
    background: rgba(0, 0, 0, 0.02);
}

.faq__action {
    margin: 0 15px 0 0;
}

.faq__action img {
    display: inline-block;
    vertical-align: top;
}




.avtars-list {
    display: inline-block;
    width: 100%;
    margin: 20px 0;
}

.avtars-list li {
    display: inline-block;
    vertical-align: top;
    margin: 0 -12px;
}

.avtars-list li .avtar {
    border: 4px solid #fff;
    z-index: 1;
}

.list-repeated {
    width: 100%;
    margin: 20px 0 0;
    display: inline-block;
}

.list-repeated .avtar {
    float: left;
    margin: 0 0 0;
    width: 40px;
    height: 40px;
}

.list-repeated .list-repeated__content {
    width: calc(100% - 40px);
    padding-left: 20px;
    float: left;
}

.list-repeated p {
    line-height: 1.2;
    margin: 0 0 5px;
    font-size: 1rem;
}

.avtars-list.avtars-list--sticky {
    position: absolute;
    left: 0;
    top: 10px;
    margin: 0;
}

.avtars-list.avtars-list--sticky .avtar.avtar--small {
    width: 35px;
    height: 35px;
}

.avtars-list.avtars-list--sticky li {
    margin: 0 -10px;
}

.nav.nav--primary > ul > li.nav__dropdown .avtar {
    margin: 0 6px 0 0;
}

.col-list-group {
    margin: 0 0 30px;
    width: 100%;
    display: inline-block;
}

.col-list {
    position: relative;
    width: 100%;
    min-height: 100px;
    background: #fff;
    margin: 10px 0 30px;
}

.col-list:last-child {
    margin-bottom: 0;
}

.col-list [class*="col-"] {
    padding: 15px;
}

.col-list [class*="col-"]:first-child {
    border-right: 1px solid #ddd;
}

.col-list .avtar {
    float: left;
    margin-right: 15px;
}

.col-list .avtar + h6 {
    margin: 15px 0 0;
}

.col-list p {
    line-height: 1.4;
    color: #666;
}

.schedule-list li {
    display: inline-block;
    width: 100%;
    line-height: 1.4;
}

.schedule-list li:first-child {
    padding-bottom: 10px;
}

.schedule-list li .span-left {
    width: 100px;
    float: left;
    padding: 0 0 0;
    color: #999;
}

.schedule-list li .span-right {
    width: calc(100% - 100px);
    float: left;
    padding: 0 0 0 15px;
}

.schedule-list li .span-right h4 {
    font-size: 1.3rem;
}


.res-desc p {
    font-size: 0.98rem;
    line-height: 1.4;
    margin: 10px 0 0;
}

.res-desc p a {
    color: var(--color-secondary);
}

.custom-colum__left {
    width: 260px;
    float: left;
}

.custom-colum__middle {
    width: calc(100% - 520px);
    float: left;
    padding: 0 30px;
}

.custom-colum__right {
    width: 260px;
    float: right;
}

.menu-vertical {
    background: #fff;
    border-radius: 2px;
    min-height: 300px;
}

.header__actionList .menu-vertical li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 0;
}

.menu-vertical li:last-child {
    border-bottom: none;
}

.menu-vertical li a {
    display: block;
    padding: 22px 15px 22px 55px;
    font-size: 1.1rem;
    font-weight: 400;
    position: relative;
}

.menu-vertical li.is-active a {
    background: rgba(131, 55, 230, 0.03);
}

.menu-vertical li a .menu-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    width: 26px;
    height: 26px;
    margin: -15px 0 0;
}

.menu-vertical li a .menu-icon svg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.menu-vertical li a .menu-icon .-color-fill {
    fill: var(--color-main);
}

.tab-swticher {
    width: 100%;
    display: inline-block;
    margin: 0 0 25px;
}

.tab-swticher .btn {
    width: 50%;
    float: left;
    background: #fff;
    color: #333;
    text-align: center;
    padding: 0 10px;
}

.tab-swticher .btn.is-active {
    background: var(--color-secondary);
    color: #fff;
    font-weight: 600;
}

.tab-swticher .btn:last-child {
    border-radius: 0 2px 2px 0;
}

.tab-swticher .btn:first-child {
    border-radius: 2px 0 0 2px;
}

.tab-swticher-small.tab-swticher {
    margin: 0;
}

.tab-swticher-small.tab-swticher .btn {
    width: auto;
    min-width: 80px;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
    font-size: 1.05rem;
}

.tab-swticher-small.tab-swticher .btn {
    border: 1px solid var(--color-secondary);
}

.page-head {
    margin: 0 0 1px;
    background: #fff;
    padding: 20px;
    border-radius: 2px;
}

.page-head h1 {
    font-size: 1.75rem;
    font-weight: normal;
    line-height: 40px;
}

.page-filters {
    padding: 20px 20px 5px;
    background: #fff;
    border-bottom: 1px solid #f3f2f5;
    margin: 0 0 30px;
}

.page-filters input[type="submit"] {
    height: 40px;
    line-height: 40px;
    font-size: 1rem;
    background: var(--color-primary);
    margin: 0 10px 5px 0;
    margin-right: 10px;
    padding: 0 25px;
}

.page-filters input[type="reset"],
.form--small input,
.form--small select {
    height: 40px;
    line-height: 40px;
    font-size: 1rem;
}

.page-panel__left {
    width: 220px;
    float: left;
}

.page-panel__right {
    width: calc(100% - 220px);
    float: right;
    padding: 0 0 0 30px;
}

.page-panel__inner-l {
    float: left;
    width: calc(100% - 220px);
    padding: 0 30px 0 0;
}

.page-panel__inner-r {
    float: right;
    width: 220px;
}

.buttons-toggle {
    position: relative;
    display: table;
}

.buttons-toggle .btn {
    padding: 0 20px;
    position: relative;
    float: left;
    color: #fff;
}

.buttons-toggle .btn:hover {
    background: var(--color-secondary);
}

.buttons-toggle .btn.btn--dropdown {
    padding: 0;
    width: 40px;
}

.buttons-toggle .btn.btn--dropdown:after {
    position: absolute;
    right: 15px;
    top: 50%;
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    margin: -2px 0 0;
}

.buttons-toggle .btn.btn--dropdown.is-active:after {
    border-top: 5px solid transparent;
    border-bottom: 5px solid #fff;
}

.buttons-toggle .btn:first-child {
    border-radius: 3px 0 0 3px;
}

.buttons-toggle .btn:last-child {
    border-radius: 0 3px 3px 0;
    margin-left: 1px;
}

.buttons-toggle .btn:only-child {
    border-radius: 3px;
}

.col-list [class*="col-"].col-positioned {
    text-align: right;
}

.col-list [class*="col-"].col-positioned .select-box {
    display: inline-block;
}

.circle-count {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    text-align: center;
    line-height: 160px;
    font-size: 3rem;
    font-weight: 700;
    margin: 10px auto 10px;
    background: #f5edff;
    color: var(--color-secondary);
    position: relative;
}

.circle-count.circle-count--danger {
    background: #fff3f3;
    color: #ff2b2b;
}

.circle-count.circle-count--success {
    background: #ecfff4;
    color: #0cd866;
}


.h1-heading {
    font-size: 2.4rem;
    font-weight: normal;
    margin: 0 0 15px;
}

.page__panel-narrow {
    margin: 30px auto;
}

.section--listing .-float-left {
    clear: left;
}


.box__data {
    padding: 40px 50px;
}

.box__listing li {
    font-size: 1.1rem;
    display: inline-block;
    border-bottom: 2px solid rgba(0, 0, 0, 0.05);
    width: 100%;
    padding: 15px 0;
    line-height: 1.6;
}

.box__listing li .box__caption {
    display: table-cell;
    vertical-align: top;
    width: 100px;
    font-weight: 700;
}

.box__listing li .box__value {
    display: table-cell;
    vertical-align: top;
    width: calc(100% - 100px);
}

.profile-info {
    display: flex;
    min-width: 220px;
}

.profile-info .profile-info__right {
    padding: 0 0 0 20px;
}

.profile-info .profile-info__right h6 {
    line-height: 1;
    color: #000;
    font-size: 1.1rem;
}

.profile-info .profile-info__right p {
    line-height: 1;
    margin: 5px 0 0;
    font-size: 0.95rem;
}

.inline-icon {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.inline-icon .svg-icon {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    overflow: hidden;
}

.inline-icon .-color-fill,
.inline-icon.-color-fill svg {
    fill: var(--color-secondary);
}


.grids-wrap {
    width: 100%;
}

.grids-wrap .wrap {
    height: 100%;
    padding: 30px 30px 10px;
    width: 100%;
}

.grids-wrap .wrap--yellow {
    background: #f9f8f0;
}

.grids-wrap .wrap--yellow .icon__wallet {
    float: left;
    width: 60px;
    margin: 0 20px 0 0;
}

.grids-wrap .wrap--yellow h2 {
    font-weight: 800;
    padding: 0;
}

.grids-wrap .wrap--yellow p {
    margin: 0;
    line-height: 1.6;
}

.grids-wrap .wrap--gray {
    background: rgba(131, 55, 230, 0.03);
}


/* notification page */
.controls {
    position: relative;
    display: inline-block;
    background: #fff;
    vertical-align: top;
    border: 1px solid #e9e8eb;
}

.controls:first-child {
    margin-right: 20px;
}

.controls li {
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #e9e8eb;
}

.controls li:last-child {
    border-right: none;
}

.controls li .checkbox {
    margin: 0 0 0 5px;
    vertical-align: top;
}

.controls li a,
.controls li > span {
    padding: 12px 15px;
    display: block;
    min-height: 46px;
}

.controls li a img {
    width: 20px;
    display: block;
    margin: auto;
}

.page-controls .-txt-normal {
    padding: 15px 20px;
    display: inline-block;
    color: #999;
    min-height: 50px;
}

.controls li a .svg-icon {
    width: 18px;
    height: 18px;
    display: block;
    margin: 1px auto;
    position: relative;
    overflow: hidden;
}

.controls li a .svg-icon svg {
    width: 100%;
    height: 100%;
    fill: var(--color-secondary);
}

.controls li.is-disabled a {
    opacity: 0.4;
    cursor: default;
}

.table-listing {
    width: 100%;
    border-spacing: 0 20px;
    font-size: 1.1rem;
    color: #333;
    border-collapse: separate;
}

.table-listing td {
    color: inherit;
    padding: 20px 20px 20px 0;
    position: relative;
    z-index: 1;
    background: #fff;
}

.table-listing tr {
    border-radius: 5px;
    position: relative;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.table-listing tr:nth-child(odd) td {
    background-color: #fff;
}

.table-listing td.td--check .checkbox {
    vertical-align: top;
}

.table-listing td:first-child {
    padding-left: 20px;
}

.table-listing td .avtar {
    display: inline-block;
    vertical-align: middle;
}

.table-listing tr.is-read td {
    color: #a7a7a7;
}

.table-listing tr.is-read td strong {
    font-weight: normal;
}

.table-listing .listing__desc {
    line-height: 1.4;
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.table-listing .listing__desc > a {
    display: block;
    color: inherit;
}

.table-listing .avtar__name {
    display: inline-block;
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.preview.preview--profile {
    text-align: center;
    background: rgba(0, 0, 0, 0.03);
    padding: 30px;
}

.preview.preview--profile .avtar {
    display: block;
    margin: 20px auto 0;
}

.preview.preview--profile .btn {
    display: block;
    margin: 0 auto 10px;
    max-width: 180px;
}


.tabs-inline {
    border-bottom: 1px solid #e9e8eb;
    background: #fff;
}

.tabs-inline li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0 10px 0 15px;
}

.tabs-inline li a {
    display: block;
    padding: 20px 0;
    font-size: 1.1rem;
    border-bottom: 2px solid transparent; color:#999;
}

.tabs-inline li.is-active a {
    background: #fff;
    font-weight: 700;
    border-bottom-color: var(--color-secondary);
    color:#000;
}

.tabs-offset {
    margin: -20px -20px 25px;
}

.tabs-small {
    border-bottom: 1px solid #e9e8eb;
    padding: 0 20px;
}

.tabs-small li {
    display: inline-block;
    vertical-align: top;
    font-size: 1.05rem;
}

.tabs-small li a {
    display: block;
    padding: 15px 20px;
    border: 1px solid transparent;
    border-top: none;
    border-bottom: none;
    position: relative;
}

.tabs-small li.is-active a:after {
    height: 4px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    content: "";
}

.tabs-small li.is-active a {
    background: #fff;
    border-color: #e9e8eb;
    color: var(--color-secondary);
    font-weight: 600;
}


.section-head {
    border-bottom: 1px solid #e9e8eb;
    margin: 0 -20px 20px;
    padding: 0 20px 20px;
}

.data-group h6 {
    line-height: 1;
    color: #000;
    font-size: 1.1rem;
    margin: 0 0 8px;
    word-wrap: anywhere;
}

.data-group p {
    line-height: 1;
    margin: 5px 0 0;
    font-size: 0.95rem;
}

.page-heading {
    color: var(--color-secondary);
}

.inline-action {
    font-size: 0;
    text-align: center;
    line-height: 46px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 50px;
    height: 50px;
    background: var(--color-primary);
    font-weight: 700;
    border-radius: 2px;
    border: 1px solid var(--color-primary);
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07);
    color: #fff;
    border-radius: 3px;
}

.inline-action.inline-action--add:before {
    font-size: 1.8rem;
    content: "+";
}

.inline-action.inline-action--minus {
    background: #333;
    border-color: #333;
}

.inline-action.inline-action--minus:before {
    font-size: 1.8rem;
    content: "-";
}

.row .inline-action.inline-action--minus {
    margin-bottom: 15px;
    font-size: 1rem;
    display: block;
    width: 100%;
}

.row .inline-action.inline-action--minus:before {
    display: none;
}

.inline-action.inline-action--add {
    margin-bottom: 20px;
}

.field_label {
    margin-bottom: 15px;
}

@media(max-width:767px) {

    .inline-action.inline-action--add:before,
    .inline-action.inline-action--minus:before {
        display: none;
    }

    .inline-action.inline-action--minus,
    .inline-action.inline-action--add {
        font-size: 1.1rem;
    }

    #teacherPreferencesFrm.form .field_label.-display-block {
        min-height: 17px;
    }
    
    .join-btns .btn {
        font-size: 14px;
    }

}

@media(max-width:500px) {
    #teacherPreferencesFrm.form .field_label.-display-block {
        min-height: 1%;
        margin: 0;
    }

}

.attachment-file {
    position: relative;
    padding: 0 0 0 30px;
    color: inherit;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-height: 24px;
    display: inline-block;
}

.attachment-file .inline-icon {
    position: absolute;
    left: 0;
    top: 2px;
}

.row--head {
    border-bottom: 1px solid #f3f2f5;
    border-top: 1px solid #f3f2f5;
    margin: 10px 0 5px;
    padding: 20px 0;
}

.row--head [class*="col-"] {
    padding: 0;
}

.row--addons .inline-action {
    width: 100%;
    /* margin-top: 3px; */
}

.box--minheight {
    min-height: 500px;
}




.-pattern,
.section--page,
.section--details,
.section--listing,
.blog-row {
    position: relative;
}

.-pattern:before,
.section--page:before,
.section--details:before,
.section--listing:before,
.blog-row:nth-child(even):before {
    /* background: url(images/patterns.svg) repeat;
    background-size: 24px 24px;
    opacity: 0.06;*/
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
}

.box.box--narrow .field_label {
    display: block;
    width: 100%;
}

.box.box--narrow .field_label .-link-underline {
    font-weight: normal;
}
.div-login-form .field_label .-link-underline {
    font-weight: normal;
}
/* .box.box--narrow .field_label:empty{display: none;} */



.section--offset {
    color: #333;
}

.section--offset .icon {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    position: relative;
    border: 1px solid #eaeaea;
    box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08);
    margin: -160px auto 20px;
    background: #fff;
}

.section--offset .icon img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}


/* [ blog css  */
.blog-row {
    padding: 80px 0;
    border-bottom: 1px solid #eee;
}

.blog-row h2 {
    font-size: 2.4rem;
}

.blog-row:nth-child(even) {
    direction: rtl;
    text-align: left;
}

.blog-row:nth-child(even) .blog__content {
    padding-left: 0;
    direction: ltr;
}

.section--blogs {
    padding: 0;
}

.banner .form-search {
    min-width: 700px;
}

.banner .form__element .form__input {
    border: none;
}

.section--nav {
    background: #e9e8eb;
    padding: 0;
}

.blog__subtitle {
    display: block;
    text-transform: uppercase;
}

.blog__subtitle .inline-icon {
    margin: 3px 0 0;
}

.blog__content {
    padding: 0 0 0 20px;
}

.blog__content h2 {
    margin: 5px 0 30px;
}

.blog__actions .blog__action {
    font-size: 1.15em;
    color: #666;
    margin: 0 10px 0 0;
}

.blog__media {
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
}

.blog__media:before {
    display: block;
    padding-bottom: 66%;
    content: "";
}

.blog__media img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.blog__author {
    display: block;
    margin: 0;
}

.blog__author .avtar {
    margin-right: 10px;
}

/* nav categories */

.nav-categories > ul {
    text-align: center;
}

.nav-categories > ul > li {
    display: inline-block;
    vertical-align: top;
}

.nav-categories > ul > li > a {
    display: block;
    padding: 30px 20px;
    font-size: 1.1rem;
}

.nav-categories > ul > li.is-active > a {
    font-weight: 700;
    color: var(--color-secondary);
}

.categories-target {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    z-index: 1;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    padding: 30px;
    display: none;
}

.nav-categories .nav-subcategories {
    text-align: left;
}

.nav-categories .nav-subcategories li {
    width: 25%;
    float: left;
    padding: 10px;
}

.nav-categories .nav-subcategories li a:hover {
    text-decoration: underline;
    color: var(--color-secondary);
}


/* toggle */
.categories-toggle {
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin: 26px 0 0 0;
    padding: 3px 1px !important;
    position: relative;
}

.categories-toggle span {
    width: 80%;
    height: 3px;
    background: #333;
    display: block;
    margin: 8px 0 0;
    position: relative;
}

.categories-toggle span:before {
    width: 100%;
    height: 3px;
    background: #333;
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
}

.categories-toggle span:after {
    width: 100%;
    height: 3px;
    background: #333;
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
}

.categories-toggle.is-active span {
    background: transparent;
}

.categories-toggle.is-active span:before {
    -webkit-transform: rotate(45deg) translate(4px, 5px);
    -ms-transform: rotate(45deg) translate(4px, 5px);
    transform: rotate(45deg) translate(4px, 5px);
}

.categories-toggle.is-active span:after {
    -webkit-transform: rotate(-45deg) translate(5px, -6px);
    -ms-transform: rotate(-45deg) translate(5px, -6px);
    transform: rotate(-45deg) translate(5px, -6px);
}

.section--paging {
    padding: 50px 0;
}

.section--paging .pagination {
    margin-top: 0;
}

.box__footer .social--share li {
    margin-top: 0;
}


.nav--toggled {
    width: 100%;
}

.nav--toggled > ul > li {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    display: block;
    font-size: 1.06rem;
}

.nav--toggled > ul > li:last-child {
    border-bottom: none;
}

.nav--toggled > ul > li .link--toggle {
    position: absolute;
    right: 0;
    top: 0;
    height: 46px;
    width: 40px;
    cursor: pointer;
}

.nav--toggled > ul > li > a {
    position: relative;
    padding: 14px 40px 14px 20px;
    color: #333;
    display: block;
}

.nav--toggled > ul > li > ul {
    background: #fafafa;
    margin: 0;
    padding: 10px;
}

.nav--toggled > ul > li > ul ul {
    margin: 0;
    padding: 5px 10px;
}

.nav--toggled > ul > li ul li .link--toggle {
    right: -10px;
}

.nav--toggled > ul > li ul li {
    padding: 0;
    position: relative;
    display: block;
}

.nav--toggled > ul > li ul li a {
    color: #999;
    padding: 10px 40px 10px 20px;
    display: block;
}

.nav--toggled > ul > li ul li a:hover {
    color: #333;
}

.nav--toggled > ul > li ul li.is--active a {
    color: #333;
    font-weight: 600;
}

.nav--toggled > ul > li.is-active > a,
.nav--vertical > ul > li > a.is-active {
    color: #000;
    font-weight: 600;
}

.nav--toggled > ul > li .link--toggle:before {
    width: 6px;
    height: 6px;
    margin: 0;
    position: absolute;
    right: 20px;
    top: 18px;
    content: "";
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #333;
    -webkit-transition: 0.4s all ease-in-out;
    pointer-events: none;
    -moz-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
}

.nav--toggled > ul > li .link--toggle.is-active:before {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

.nav--toggled > ul > li .link--toggle.is-active:hover {
    background: none;
}

.comments-list {
    width: 100%;
    display: inline-block;
    border: 1px solid #efefef;
    padding: 20px 20px 20px 100px;
    position: relative;
    margin: 0 0 0 0;
    background: #fff;
    margin: 15px 0 0;
}

.comments-list .date {
    float: right;
    text-transform: uppercase;
    color: #999;
    font-size: 0.9em;
}

.comments-list h5 {
    margin: 0;
    font-weight: 600;
    font-size: 1.1em;
    color: #333;
}

.comments-list h5 strong {
    font-weight: 600;
}

.comments-list .avtar {
    position: absolute;
    left: 20px;
    top: 15px;
    color: #000;
}

.comments-list .avtar img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.comments-list .comment__desc {
    margin: 10px 0;
}

.comments-list .link--underlined {
    font-weight: normal;
    text-decoration: underline;
    color: var(--color-secondary);
    font-weight: 600;
}

.comments-list.comments-list--replied {
    background: rgba(0, 0, 0, 0.03);
    margin: 0 0 0 50px;
    width: auto;
    border-top: none;
}

.comments-list.comments-list--replied .avtar {
    background: #fff;
}

.form--comments {
    background: rgba(0, 0, 0, 0.04);
    margin: 20px 0 0;
    padding: 30px;
}

.form--comments h4 {
    font-size: 1.4em;
    margin: 0 0 30px 0;
    color: #333;
}

.captchapic {
    display: inline-block;
    vertical-align: middle;
}

.reloadlink {
    display: inline-block;
    margin: 10px 0 0 10px;
    position: relative;
    vertical-align: middle;
}

.reloadlink img {
    width: 25px;
}

.width--narrow {
    max-width: 700px;
    margin: auto;
}

.width--narrow .form input[type="submit"] {
    width: 100%;
    display: block;
}

.box--cta-blog {
    margin: 0 0 30px;
}

.box--cta-blog .btn img {
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.blog-toggle {
    height: 60px;
    width: 60px;
    background: var(--color-secondary);
    float: left;
    display: none;
}

.blog-toggle span {
    width: 60%;
    height: 3px;
    background: #fff;
    display: block;
    margin: 28px auto 0;
    position: relative;
}

.blog-toggle span:before {
    width: 100%;
    height: 3px;
    background: #fff;
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
}

.blog-toggle span:after {
    width: 100%;
    height: 3px;
    background: #fff;
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
}

.section--upper {
    margin: -120px 0 0;
    padding: 60px 0;
}

/*  blog css ] */

.grid-group {
    margin: 0 0 0 -10px;
}

.grid-group .grid {
    display: inline-block;
    padding: 0 0 20px 10px;
    vertical-align: top;
}

.grid-group .grid span {
    background: #f9f5ff;
    padding:5px 15px;
    display: block;
    border-radius: 2px; line-height: 1.5; font-size: 0.9rem;
}

.txt-inline strong {
    font-weight: 600;
}

.txt-inline .txt-inline__tag {
    margin-bottom: 6px;
    display: inline-block;
    vertical-align: top;
}

.label-select {
    display: block;
    width: 100%;
    padding: 20px 20px 20px 60px;
    background: #e9e8eb;
    position: relative;
    margin: 0 0;
}

.label-select > label {
    display: block;
    width: 100%;
    margin: 0;
}

.label-select .checkbox,
.label-select .radio {
    position: absolute;
    left: 25px;
    top: 20px;
}

.label-select p {
    margin: 0;
    font-size: 0.95rem;
}

.listing-cell {
    width: 100%;
    margin: 6px 0 0;
    display: inline-block;
}

.listing-cell ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.listing-cell ul li {
    padding: 0 20px 0 0;
    flex-grow: 1;
}

.listing-cell ul li .boxwhite {
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 15px;
    display: block;
}

.listing-cell ul li .btn,
.listing-cell ul li form {
    margin-top: 14px;
}

.listing-cell ul li form .btn {
    margin-top: 0;
}

.listing-cell ul li form .caption-wraper {
    display: none;
}

.listing-cell ul li form .field-set {
    margin-bottom: 0;
}

.payments-container-inactive {
    position: relative;
}

.payments-container-inactive:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    content: "";
    z-index: 1;
}

.errorlist.erlist_agree {
    position: absolute !important;
}

.form .field_label {
    display: block;
    width: 100%;
}

/* .form .field_label:empty{display:none;} */
.img-description {
    display: inline-block;
    padding: 20px;
    background: #fff;
    width: 100%;
    text-align: center;
}

.img-description .btn {
    margin: 5px;
}

.rotator-info {
    display: inline-block;
    width: 100%;
    padding: 0 0 20px 0;
}

.rotator-actions {
    display: inline-block;
    background: #fff;
    width: 100%;
}

.form--processing {
    position: relative;
    pointer-events: none;
}

.form--processing:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    background: rgba(255, 255, 255, 0.85);
    z-index: 2;
    pointer-events: none;
}

.form--processing:before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    z-index: 3;
    border-top: 3px solid rgba(0, 0, 0, 0.2);
    content: "";
    border-radius: 100%;
    border-right: 3px solid rgba(0, 0, 0, 0.2);
    border-bottom: 3px solid rgba(0, 0, 0, 0.2);
    border-left: 3px solid #000;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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

.col-list--full.col-list {
    padding: 10px;
}


.col-list--full.col-list h6 {
    margin-bottom: 10px;
}



.screen-chat {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
}

.screen-chat .screen-chat__listing {
    position: absolute;
    right: 0;
    top: 0px;
    bottom: 0;
    width: 450px;
    z-index: 1;
    background: #fff;
    padding: 0;
    border: 15px solid #eee;
    overflow: auto;
}

.chat-container {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.chat-container:before {
    position: relative;
    display: block;
    padding-bottom: 100%;
    content: "";
}

.chat-container .cometChatBox {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#facebox .content h4 {
    margin-bottom: 20px;
}

body.is-screen-on {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

body.is-screen-on .header {
    z-index: 11;
    padding: 10px;
}

body.is-screen-on .header .container {
    max-width: 100%;
}

.timer .colorDefinition {
    border-color: transparent;
    background: var(--color-secondary) !important;
}

.timer .size_lg {
    font-size: 24px;
    padding: 0 10px;
}

@media(min-width:768px) {
    .timer .size_lg {
        font-size: 50px;

    }
}


.timer.timer--small .colorDefinition {
    background: #000 !important;
}

.timer.timer--small .size_lg {
    font-size: 30px;
    padding: 4px 10px;
    height: 50px;
    display: block;
}



div.filelink span.tag,
div.tagsinput span.tag {
    display: inline-block !important;
    vertical-align: top;
    background: #f5edff !important;
    color: var(--color-secondary) !important;
    padding: 5px 5px 5px 10px !important;
    border-radius: 3px !important;
    font-size: 0.9rem !important;
    border: 1px dashed var(--color-secondary) !important;
}

div.filelink span.tag span a,
div.tagsinput span.tag span a {
    color: var(--color-secondary);
}

div.filelink span.tag > a,
div.tagsinput span.tag > a {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0 0 0 10px;
    color: #fff !important;
    background: var(--color-secondary);
    text-align: center;
    line-height: 24px;
    border-radius: 3px;
}

div.tagsinput div {
    line-height: 1.6;
}

.form-search.form-search--single input {
    border-left-color: transparent;
    border-right-color: transparent;
    height: 60px;
}

.box__listing.box__listing--small li {
    padding: 6px 0 10px;
}

.btn.btn--action {
    width: 35px;
    height: 35px;
    padding: 2px;
    position: relative;
}

.btn.btn--action:hover {
    background: var(--color-primary);
}

.btn.btn--action .svg-icon {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.screen {
    position: fixed;
    left: 0;
    top: 91px;
    bottom: 0;
    right: 0;
    z-index: 10;
    background: #fff;
}

.screen .screen__left {
    position: absolute;
    left: 20px;
    top: 20px;
    bottom: 20px;
    right: 520px;
    background: #eee;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

.screen .screen__left:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: "";
    background: rgba(0, 0, 0, 0.6);
}

.screen .screen__right {
    position: absolute;
    right: 0;
    top: 0px;
    bottom: 0;
    width: 500px;
    z-index: 1;
    background: #fff;
    padding: 0;
    border: 15px solid #eee;
    overflow: auto;
}

.screen__center-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.tab-horizontal ul {
    display: flex;
    flex-wrap: wrap;
    background: #eee;
    text-align: center;
}

.tab-horizontal ul li {
    display: inline-block;
    vertical-align: top;
    flex-grow: 1;
}

.tab-horizontal ul li a {
    display: block;
    padding: 20px;
    font-size: 1.3rem;
}

.tab-horizontal ul li.is-active a {
    background: #fff;
    color: var(--color-secondary);
    font-weight: 700;
}

.screen-chat .btn--sticky {
    position: absolute;
    right: 160px;
    top: 20px;
    z-index: 10;
}

.col-list.col-list--full [class*="col-"] {
    padding: 0 15px;
}

.-no-padding {
    padding: 0 !important;
}

.-no-padding-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* [ added on 18 march 2019 */

.window {
    background: #fff;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
}

.window__left {
    width: 400px;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.window__left .scrollbar {
    padding-right: 0 !important;
    max-height: 629px;
    min-height: 629px;
}

.window__left .scrollbar-track {
    right: 5px !important;
}

.window__right {
    width: calc(100% - 400px);
    position: relative;
}

.-style-uppercase {
    text-transform: uppercase;
}

.msg-list {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

.msg-list.is-active {
    background: rgba(0, 0, 0, 0.02);
}

.msg-list .msg-count {
    position: absolute;
    right: 20px;
    top: 15px;
    background: var(--color-primary);
    border-radius: 3px;
    color: #fff;
    font-size: 0.9rem;
    padding: 3px 6px;
}

.msg-list.is-read {
    color: #999;
}

.msg-list.is-read h6 {
    font-weight: normal;
}

.msg-list__action {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
}

.msg-list p {
    margin-bottom: 5px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.msg-list small {
    font-size: 95%;
}

.msg-list__left {
    width: 50px;
}

.window .avtar {
    width: 50px;
    height: 50px;
}

.msg-list__right {
    width: calc(100% - 50px);
    padding-left: 15px;
}

.message-details {
    position: absolute;
    width: 100%;
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*display: none*/
    ;
    z-index: 9;
}

.message-container {
    padding: 20px 30px 30px;
    position: relative;
}

.message-container .scrollbar {
    /*max-height: 350px;
    min-height: 350px;*/
    max-height: 320px;
    min-height: 320px;
}

.message-head {
    padding: 15px 30px 15px;
    border-bottom: 1px solid #ddd;
    min-height: 80px;
    position: relative;
}

.message-head h6,
.message-head p {
    line-height: 1;
}

.message-head .msg-list {
    padding: 0;
    border-bottom: none;
}

.message-row {
    width: 100%;
    display: inline-block;
    padding: 4px 0 0;
    margin: 0 0 0;
    /* border-top:1px solid #d6d9db;*/
}

.message-row .grid_1 {
    float: left;
    width: 50px;
    text-align: center;
    padding: 0 0;
}

.message-row .grid_1 .avtar {
    display: block;
    margin: 0 auto 10px;
}

.message-row .grid_1 .postedname {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.message-row .grid_1 .postedname a {
    font-size: 15px;
    color: #0295fd;
}

.message-row .grid_1 .postedname span {
    font-size: 13px;
    color: #999;
    display: block;
}

.message-row .grid_2 {
    width: calc(100% - 50px);
    float: right;
    padding: 0 0 0 15px;
}

.message-row .secionreviews {
    display: inline-block;
    padding: 15px;
    background: #f5f3dc;
    border-radius: 5px;
    position: relative;
    color: #333;
    margin: 0 0 10px;
}

.message-row .secionreviews p {
    color: #333 !important;
    margin: 0;
    font-size: 1rem;
}

.message-row .secionreviews:before {
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #f5f3dc;
    position: absolute;
    left: -10px;
    top: 14px;
    content: "";
}

.message-row .datetext {
    text-transform: uppercase;
    font-size: 13px;
    color: #8a8a8a;
    padding: 0 0 5px 5px;
    display: block;
}

.message-row.my-message .grid_1 {
    float: right;
}

.message-row.my-message .grid_2 {
    float: left;
    padding: 0 15px 0 0;
}

.message-row.my-message .datetext {
    float: right;
    clear: right;
}

.message-row.my-message .secionreviews {
    float: right;
    clear: right;
    background: rgba(0, 0, 0, 0.04);
    border: none;
}

.message-row.my-message .secionreviews:before {
    left: auto;
    right: -20px;
    border-left: 10px solid rgba(0, 0, 0, 0.04);
    border-right: 10px solid transparent;
}

.message-row.my-message .secionreviews:after {
    display: none;
}

.message-reply {
    padding: 10px 30px 0;
    border-top: 1px solid #ddd;
}

.message-reply textarea {
    height: 70px;
}

.message-reply .caption-wraper .field_label:empty {
    display: none;
}

.window__search {
    position: relative;
    padding: 20px 15px;
    border-bottom: 1px solid #ddd;
    min-height: 80px;
}

.window__search-field {
    border: 1px solid #ddd;
    height: 40px;
    width: 100%;
    position: relative;
    display: block;
    line-height: 36px;
    padding: 0 20px;
    color: #666;
    font-size: 1.1rem;
}

.message-display--positioned.message-display {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.message-display--positioned.message-display .message-display__icon {
    opacity: 0.2;
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
}

.window__search-form {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
    z-index: 10;
    padding: 50px 20px 20px;
    display: none;
}

.window__search-form .form .field_label:empty {
    display: none;
}

.window__search-form .-link-close {
    z-index: 1;
}

@media(max-width:1023px) {
    .window {
        display: block;
    }

    .window__left {
        width: 100%;
    }

    .window__right {
        width: 100%;
        position: static;
    }

    .message-display--positioned.message-display {
        display: none;
    }

    .message-details {
        position: fixed;
        z-index: 20;
        overflow-y: auto;
        overflow-x: hidden;
    }

    html.show-message-details {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: hidden;
    }

    .message-container {
        padding: 15px;
    }

    .message-reply {
        padding: 10px 15px 0;
    }

    .message-head {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        background: #fff;
        z-index: 10;
    }

    .message-reply {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        z-index: 10;
    }

    .message-reply .row:last-child .field-set {
        margin-bottom: 0;
    }

    .window__left .scrollbar {
        min-height: 1%;
    }

    .message-body {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
       /*  height: calc(100% - 170px); */
        height:calc(100% - 225px);
        width: 100%;
        padding: 80px 0 0;
        overflow: auto;
    }

    .message-container .scrollbar {
        max-height: 650px;

    }
}

@media(max-width:767px) {
    .message-head {
        padding: 15px;
    }

    .message-head [class*="col-"]:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .message-head [class*="col-"]:last-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .message-reply textarea {
        height: 60px;
    }

}

/* ] */



/* [ added on 22 march 2019 */
.calendar-view {
    background: #fff;
    padding: 20px;
}

.calendar-view [class*="col-"]:last-child {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: flex-end;
}

.calendar-view .cal-status {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    align-items: center;
    margin-bottom: 10px;

}

.calendar-view p {
    margin: 0;
}

.calendar-view .fc-state-default {
    background: #fff;
}

.calendar-view .fc-state-disabled.fc-today-button.fc-button {
    cursor: default;
}

.calendar-view .fc button {
    height: 35px;
}

.calendar-view .fc-toolbar .fc-left h2 {
    font-size: 1.3rem;
    line-height: 35px;
}

.calendar-view .fc-unthemed th {
    padding: 30px 0 10px;
    /* border-color:#eee; */
}

.calendar-view .fc-unthemed th.fc-axis.fc-widget-header {
    width: 46px !important;
}

.calendar-view .fc-unthemed td {
    /* border-color:#eee;  */
    text-align: center;
}

.calendar-view .fc-unthemed .fc-today {
    background: #f9f5fe !important;
    font-weight: 700;
    color: var(--color-secondary);
}

.calendar-view .fc-unthemed .fc-today.fc-day-top {
    border-color: transparent !important;
}

.calendar-view .fc-unthemed .fc-today.fc-day {
    border-color: #eee !important;
}

.calendar-view .fc-unthemed .fc-row.fc-rigid .fc-content-skeleton {
    top: 10px;
}

.calendar-view .fc-unthemed .fc-more-cell {
    position: relative;
}

.calendar-view .fc-unthemed .fc-more-cell .fc-more {
    /* position:absolute;top:-70px;left:0;right:0; */
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--color-secondary);
    text-transform: uppercase;
    display: block;
    margin: 10px 0 0;
}

.calendar-view .fc-unthemed .fc-day-top .fc-day-number {
    float: none !important;
}

.calendar-view .fc-unthemed .fc-popover {
    padding: 15px;
    border-radius: 3px;
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.04);
}

.calendar-view .fc-unthemed .fc-popover .fc-header {
    padding: 0;
    background: #fff;
    margin-bottom: 10px;
}

/* .calendar-view .fc-more-popover .fc-event-container{padding:0;display: flex; flex-wrap: wrap;} */
.calendar-view .fc-event-container .fc-day-grid-event {
    background: var(--color-secondary);
    border: none;
    color: #fff;
    padding: 5px;
    text-align: left;
}

.calendar-view .fc-more-popover .fc-event-container {
    padding: 0;
}


.calendar-view .fc-more-popover .fc-event-container .fc-day-grid-event {
    background: var(--color-secondary);
    border: none;
    margin: 5px 0 0;
}

.calendar-view .fc-event-container .fc-day-grid-event .fc-content {
    color: #fff !important;
}

.calendar-view .fc-event-container .fc-day-grid-event .fc-content .avtar {
    float: left;
    margin-right: 10px;
}

.calendar-view .fc-day-grid-event .fc-time {
    font-weight: normal;
    text-transform: uppercase;
    padding: 0 0 0 10px;
    display: block;
}

.calendar-view .fc-day-grid-event .fc-title {
    font-weight: 600;
    display: block;
    font-size: 1rem;
}

.giftcard-cart.stickyCartMinimized.gift-cart-purchase {
    padding: 15px 11px;
}

.card-image {
    position: relative;
    font-size: 0.875em;
    font-weight: 600;
    border-radius: 3px;
    height: 340px;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 40px;
    background: var(--color-secondary);
}

.card-image:after {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
    content: "";
    border: 3px dashed #fff;
    pointer-events: none;
}

.card-image .gift-amount-large {
    font-size: 5rem;
    font-weight: 700;
}

.card-image .plan-text {
    text-transform: uppercase;
    font-size: 1.2rem;
}

.card-image .brand-logo {
    width: 150px;
    bottom: 20px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px;
}

.card-image .brand-logo img {
    display: inline-block;
}

.gift-block label {
    color: inherit;
}

.gift-block {
    position: relative;
    background: #fff;
    color: #fff;
    padding: 30px;
}

.gift-block:before {
    background: url(images/patterns.svg) repeat;
    background-size: auto;
    background-size: 24px 24px;
    opacity: 0.1;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
}

.gift-block .form input[type="submit"] {
    background: var(--color-primary);
}


.tooltipevent .btn {
    color: #fff !important;
    margin: 10px 0 0;
}

.tooltipevent {
    box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.03);
    background: #fff;
    padding: 35px 20px 20px;
    border: 1px solid #e2e2e4;
    line-height: 1.6;
    min-width: 280px;
    text-align: center;
}

.calendar-view #d_calendar td.fc-day.fc-past,
.calendar-view #w_calendar td.fc-day.fc-past {
    background: #fff;
}

.calendar-view #d_calendar .past_current_day,
.calendar-view #w_calendar .past_current_day {
    background: #f9f5fe !important;
}

.calendar-view .slot_available {
    background: rgba(20, 224, 110, 0.3) !important;
    border: 2px solid transparent !important;
    font-size: 0.9rem;
    opacity: 1 !important;
}

.coupon-offers li {
    border: 1px dashed rgba(0, 0, 0, 0.3);
    padding: 10px;
    margin: 10px 0 0;
}

.coupon-offers li p {
    margin: 0;
}

.coupon-offers li .coupon-code {
    font-weight: 700;
}

.apply-coupon__target .heading3 {
    font-weight: 600;
    font-size: 1.3rem;
}

/* ] */

.errorlist.erlist_terms {
    position: absolute;
    top: 80%;
}

.fc-time-grid-event {
    padding: 5px;
    color: #fff !important;
}

.fc-time-grid-event.slot_available {
    padding: 5px;
    color: #000 !important;
}


.fld-date {
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI3OC40MTkgMjc4LjQxOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjc4LjQxOSAyNzguNDE5IiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KICA8Zz4KICAgIDxnPgogICAgICA8cGF0aCBkPSJtMjM0LjkxNiwyNi4xMDJoLTM0LjgwMnYtOC43MDFjMC01LjIyLTMuNDgtOC43MDEtOC43MDEtOC43MDFzLTguNzAxLDMuNDgtOC43MDEsOC43MDF2OC43MDFoLTg3LjAwNXYtOC43MDFjMC01LjIyLTMuNDgtOC43MDEtOC43MDEtOC43MDEtNS4yMiwwLTguNzAxLDMuNDgtOC43MDEsOC43MDF2OC43MDFoLTM0LjgwMmMtMjQuMzYyLDAtNDMuNTAzLDE5LjE0MS00My41MDMsNDMuNTAzdjE1Ni42MTFjMCwyNC4zNjIgMTkuMTQxLDQzLjUwMyA0My41MDMsNDMuNTAzaDE5MS40MTNjMjQuMzYyLDAgNDMuNTAzLTE5LjE0MSA0My41MDMtNDMuNTAzdi0xNTYuNjExYzAtMjQuMzYyLTE5LjE0MS00My41MDMtNDMuNTAzLTQzLjUwM3ptLTIxNy41MTUsNDMuNTAzYy0xLjA2NTgxZS0xNC0xMy45MjEgMTIuMTgxLTI2LjEwMiAyNi4xMDItMjYuMTAyaDM0LjgwMnY4LjcwMWMwLDUuMjIgMy40OCw4LjcwMSA4LjcwMSw4LjcwMSA1LjIyLDAgOC43MDEtMy40OCA4LjcwMS04LjcwMXYtOC43MDFoODcuMDA2djguNzAxYzAsNS4yMiAzLjQ4LDguNzAxIDguNzAxLDguNzAxczguNzAxLTMuNDggOC43MDEtOC43MDF2LTguNzAxaDM0LjgwMmMxMy45MjEsMCAyNi4xMDIsMTIuMTgxIDI2LjEwMiwyNi4xMDJ2MjYuMTAyaC0yNDMuNjE4di0yNi4xMDJ6bTI0My42MTcsMTU2LjYxMWMwLDEzLjkyMS0xMi4xODEsMjYuMTAyLTI2LjEwMiwyNi4xMDJoLTE5MS40MTNjLTEzLjkyMSwwLTI2LjEwMi0xMi4xODEtMjYuMTAyLTI2LjEwMnYtMTEzLjEwOGgyNDMuNjE3djExMy4xMDh6IiBmaWxsPSIjMDAwMDAwIi8+CiAgICAgIDxwYXRoIGQ9Im02MC45MDQsMjI2LjIxNmM1LjIyLDAgOC43MDEtMS43NCAxMi4xODEtNS4yMiAzLjQ4LTMuNDggNS4yMi04LjcwMSA1LjIyLTEyLjE4MXMtMS43NC04LjcwMS01LjIyLTEyLjE4MWMtNi45Ni02Ljk2LTE3LjQwMS02Ljk2LTI0LjM2MiwwLTMuNDgsMy40OC01LjIyLDYuOTYtNS4yMiwxMi4xODEgMCwzLjQ4IDEuNzQsOC43MDEgNS4yMiwxMi4xODFzNi45NjEsNS4yMiAxMi4xODEsNS4yMnoiIGZpbGw9IiMwMDAwMDAiLz4KICAgICAgPHBhdGggZD0ibTYwLjkwNCwxNzQuMDEyYzUuMjIsMCA4LjcwMS0xLjc0IDEyLjE4MS01LjIyczUuMjItOC43MDEgNS4yMi0xMi4xODEtMS43NC04LjcwMS01LjIyLTEyLjE4MWMtNi45Ni02Ljk2LTE3LjQwMS02Ljk2LTI0LjM2MiwwLTMuNDgsMy40OC01LjIyLDYuOTYtNS4yMiwxMi4xODEgMCw1LjIyMSAxLjc0LDguNzAxIDUuMjIsMTIuMTgxczYuOTYxLDUuMjIgMTIuMTgxLDUuMjJ6IiBmaWxsPSIjMDAwMDAwIi8+CiAgICAgIDxwYXRoIGQ9Im0xMTMuMTA4LDIyNi4yMTZjNS4yMiwwIDguNzAxLTEuNzQgMTIuMTgxLTUuMjIgMy40OC0zLjQ4IDUuMjItOC43MDEgNS4yMi0xMi4xODFzLTEuNzQtOC43MDEtNS4yMi0xMi4xODFjLTYuOTYtNi45Ni0xNy40MDEtNi45Ni0yNC4zNjIsMC0zLjQ4LDMuNDgtNS4yMiw4LjcwMS01LjIyLDEyLjE4MXMxLjc0LDguNzAxIDUuMjIsMTIuMTgxYzMuNDgsMy40OCA2Ljk2MSw1LjIyIDEyLjE4MSw1LjIyeiIgZmlsbD0iIzAwMDAwMCIvPgogICAgICA8cGF0aCBkPSJtMTEzLjEwOCwxNzQuMDEyYzUuMjIsMCA4LjcwMS0xLjc0IDEyLjE4MS01LjIyIDMuNDgtMy40OCA1LjIyLTguNzAxIDUuMjItMTIuMTgxcy0xLjc0LTguNzAxLTUuMjItMTIuMTgxYy02Ljk2LTYuOTYtMTcuNDAxLTYuOTYtMjQuMzYyLDAtMy40OCwzLjQ4LTUuMjIsOC43MDEtNS4yMiwxMi4xODFzMS43NCw4LjcwMSA1LjIyLDEyLjE4MWMzLjQ4LDMuNDggNi45NjEsNS4yMiAxMi4xODEsNS4yMnoiIGZpbGw9IiMwMDAwMDAiLz4KICAgICAgPHBhdGggZD0ibTE2NS4zMTEsMjI2LjIxNmM1LjIyLDAgOC43MDEtMS43NCAxMi4xODEtNS4yMiAzLjQ4LTMuNDggNS4yMi02Ljk2IDUuMjItMTIuMTgxIDAtNS4yMjEtMS43NC04LjcwMS01LjIyLTEyLjE4MS02Ljk2LTYuOTYtMTcuNDAxLTYuOTYtMjQuMzYyLDAtMy40OCwzLjQ4LTUuMjIsOC43MDEtNS4yMiwxMi4xODFzMS43NCw4LjcwMSA1LjIyLDEyLjE4MSA2Ljk2MSw1LjIyIDEyLjE4MSw1LjIyeiIgZmlsbD0iIzAwMDAwMCIvPgogICAgICA8cGF0aCBkPSJtMTY1LjMxMSwxNzQuMDEyYzUuMjIsMCA4LjcwMS0xLjc0IDEyLjE4MS01LjIyczUuMjItNi45NiA1LjIyLTEyLjE4MWMwLTMuNDgtMS43NC04LjcwMS01LjIyLTEyLjE4MS02Ljk2LTYuOTYtMTcuNDAxLTYuOTYtMjQuMzYyLDAtMy40OCwzLjQ4LTUuMjIsOC43MDEtNS4yMiwxMi4xODFzMS43NCw4LjcwMSA1LjIyLDEyLjE4MSA2Ljk2MSw1LjIyIDEyLjE4MSw1LjIyeiIgZmlsbD0iIzAwMDAwMCIvPgogICAgICA8cGF0aCBkPSJtMjE3LjUxNSwyMjYuMjE2YzUuMjIsMCA4LjcwMS0xLjc0IDEyLjE4MS01LjIyIDMuNDgtMy40OCA1LjIyLTguNzAxIDUuMjItMTIuMTgxcy0xLjc0LTguNzAxLTUuMjItMTIuMTgxYy02Ljk2LTYuOTYtMTcuNDAxLTYuOTYtMjQuMzYyLDAtMy40OCwzLjQ4LTUuMjIsNi45Ni01LjIyLDEyLjE4MSAwLDMuNDggMS43NCw4LjcwMSA1LjIyLDEyLjE4MSAzLjQ4LDMuNDggNi45NjEsNS4yMiAxMi4xODEsNS4yMnoiIGZpbGw9IiMwMDAwMDAiLz4KICAgICAgPHBhdGggZD0ibTIxNy41MTUsMTc0LjAxMmM1LjIyLDAgOC43MDEtMS43NCAxMi4xODEtNS4yMnM1LjIyLTYuOTYgNS4yMi0xMi4xODFjMC0zLjQ4LTEuNzQtOC43MDEtNS4yMi0xMi4xODEtNi45Ni02Ljk2LTE3LjQwMS02Ljk2LTI0LjM2MiwwLTMuNDgsMy40OC01LjIyLDguNzAxLTUuMjIsMTIuMTgxczEuNzQsOC43MDEgNS4yMiwxMi4xODFjMy40OCwzLjQ4IDYuOTYxLDUuMjIgMTIuMTgxLDUuMjJ6IiBmaWxsPSIjMDAwMDAwIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) 11px;
    background-size: 16px 16px;
}

.table--cols.table {
    border: 1px solid #eee;
}

.table--cols.table td {
    vertical-align: top;
}

.screen__center-content .btn {
    margin: 5px;
}

.box.box--faqs {
    margin-bottom: 30px;
}

.box.box--faqs:last-child {
    margin-bottom: 0;
}

.table .td__data .btn {
    margin: 5px 5px 5px 0;
}

.tab-data-container.tab-data-container-preview > .-padding-20 {
    background: #fff;
}

.tab-data-container.tab-data-container-preview .col-list-group:first-child {
    margin-top: 20px;
}


.box-bordered {
    border: 1px solid #eee;
    padding: 20px;
    position: relative;
}

.box-bordered:before {
    background: url(images/patterns.svg) repeat;
    background-size: auto;
    background-size: 24px 24px;
    opacity: 0.06;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
}

.iframe-box {
    position: relative;
    width: 100%;
}

.iframe-box:before {
    position: relative;
    padding-bottom: 75%;
    content: "";
    display: block;
}

.iframe-box iframe {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    margin-top: 0 !important;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 0;
    top: 0;
}


.listing--selection li label .errorlist {
    order: 3;
    margin-left: 10px;
}

/****************************************** media queries *****************************************************/

@media(min-width:1199px) {
    .table-cols td:first-child {
        width: 25%;
    }

    /*.nav ul > li > a:hover,.nav ul > li:hover > a{background: #fff; color: #333;z-index: 3;border-color: #333;}*/
    .nav ul > li.nav__dropdown:hover > a {
        background: none;
        border-color: transparent;
    }

    .nav ul > li.nav__dropdown > a:hover:after,
    .nav ul > li.nav__dropdown:hover > a:after {
        border-top: 5px solid #333;
    }

    .nav.nav--vertical li a:hover {
        background: rgba(0, 0, 0, 0.05);
        border-radius: 3px;
    }

    /*.header.is-fixed .nav.nav--primary > ul > li > a:hover{border-color: #333;}*/
    .header.is-fixed .nav.nav--primary > ul > li.nav__dropdown > a:hover {
        border-color: transparent;
    }

    .box__slip-data {
        min-width: 300px;
        white-space: nowrap;
    }

    #left__fixed.stick {
        position: fixed;
        width: 376px;
    }

    .menu-vertical li a:hover {
        background: rgba(131, 55, 230, 0.03);
    }

    .nav__dropdown-target .menu-vertical {
        display: none;
    }

    .table-listing tr:hover {
        box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);
        margin: -5px;
    }

    .inline-action:hover {
        box-shadow: 1px 6px 6px 1px rgba(0, 0, 0, 0.05);
    }

    .blog-row:hover .blog__media {
        box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 40px 0px;
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
    }

    .blog__content h2 a:hover {
        color: var(--color-secondary);
    }

    .col-list--full.col-list [class*="col-"]:nth-child(2) {
        border-right: 1px solid #ddd;
    }

    .screen-chat .btn--sticky:hover {
        background: #fff;
        border-color: #fff;
        color: #000;
    }

    /* html.show-facebox{overflow:hidden;} */
}

@media(min-width:767px) {


    .table--cols.table td:first-child {
        padding-left: 15px;
        width: 25%;
    }
}


@media(max-width:1599px) {

    .section--content .row {
        padding: 50px 0;
    }

    .section--page {
        padding: 30px 0;
    }

    .section--content {
        padding: 0;
    }



    .section--hiw:before {
        top: 115px;
        bottom: 50px;
    }

    .section--hiw .media {
        margin-top: 40px;
    }

    .is-landing .section--gray [class*="col-"]:last-child {
        padding-right: 150px;
    }

    .is-landing .section--gray [class*="col-"].col__content {
        padding-right: 15px;
        /*pading changes done here*/
        /*Took default column padding*/
        /*To overwrite property of padding-right for home page tabs section, mentioned in above*/
    }

    .section--search,
    .section--listing {
        padding: 20px 0;
    }

    .section--hiw .col__content:before {
        top: 7px;
    }

    .section--slider {
        padding-bottom: 100px;
    }

    .section--lower {
        padding: 20px 0;
    }

    .section--content .icon {
        margin-bottom: 20px;
    }

    .section--content h2 {
        margin-bottom: 10px;
    }

    .avtars-list li .avtar {
        width: 50px;
        height: 50px;
    }


    .section--offset .icon {
        margin-top: -120px;
    }

    .section--nav,
    .section--blogs {
        padding: 0;
    }

    .blog-row {
        padding: 50px 0;
    }

    .blog-row h2 {
        font-size: 2.2rem;
    }

    .section--upper {
        margin: -80px 0 0;
    }
}


@media(min-width:1199px) and (max-width:1599px) {
    /* .page-panel__left,.page-panel__inner-r{width: 220px;}
.page-panel__right,.page-panel__inner-l{width: calc(100% - 220px)} */

    .menu-vertical li a {
        padding: 18px 15px 18px 55px;
    }

    .tabled .tabled__cell {
        padding: 15px;
    }

    .box--earning .row {
        display: block;
    }

    .box--earning .row > [class*="col-"] {
        display: block;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* .page-panel__inner-l .col-list .col-positioned {position: absolute;right: 10px;top: 10px;}
.page-panel__inner-l .col-list [class*="col-"].col-positioned {text-align: right;}
.page-panel__inner-l .schedule-list li {width: 50%;margin: 0 -2px;vertical-align: top;}
.page-panel__inner-l .col-list [class*="col-lg-"]{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.page-panel__inner-l .col-list > .d-lg-flex{display: block!important;}  */
    .screen__center-content {
        width: 95%;
    }
}

@media(max-width:1199px) {
    .page-panel__left .menu-vertical {
        display: none;
    }

    .nav__dropdown-target {
        min-width: 250px;
    }

    .menu-vertical li a {
        padding: 16px 15px 16px 55px;
    }

    .toggle--nav {
        display: inline-block;
    }

    .banner__content,
    .banner .slick-dots {
        margin: 0;
        left: 20px;
        z-index: 2;
    }

    .header {
        background: #fff;
        color: #333;
        padding: 10px 0;
        box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.07);
    }

    .is-landing .header {
        color: #333;
    }

    .nav.nav--primary > ul > li > a.btn {
        color: #fff;
    }

    .header .header__logo-white {
        display: none;
    }

    .header .header__logo-black {
        display: block;
    }

    .header .nav.nav--primary > ul > li.nav__dropdown > a:after {
        border-top: 5px solid #333;
    }

    .header__logo {
        width: 100px;
        /*  height: 50px; */
        height: auto;
        margin: 0;
    }

    .nav.nav--primary-offset {
        bottom: 0;
        background: #fff;
        padding: 0;
        box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);
        left: 0;
        margin: 0;
        overflow: auto;
        position: fixed;
        text-align: left;
        top: 0;
        transform: translate3d(-100%, 0px, 0px);
        -webkit-transform: translate3d(-100%, 0px, 0px);
        -ms-transform: translate3d(-100%, 0px, 0px);
        transition: all 300ms ease 0s;
        -webkit-transition: all 300ms ease 0s;
        -ms-transition: all 300ms ease 0s;
        opacity: 0;
        visibility: hidden;
        z-index: 11;
        width: 280px;
    }

    html.show-nav-js .nav.nav--primary-offset {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate3d(0px, 0px, 0px);
        visibility: visible;
    }

    html.show-nav-js, html.show-dashboard-js {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    html.show-nav-js .overlay--nav{
        display: block;
    }




    .nav.nav--primary-offset > ul > li {
        display: block;
        border-bottom: 1px solid #eee;
        padding: 0;
    }

    .nav.nav--primary-offset > ul > li > a {
        padding: 0 15px;
    }

    .nav.nav--primary > ul > li.nav__dropdown > a.is-active:after {
        border-top: 5px solid transparent;
        border-bottom: 5px solid #333;
        top: 12px;
    }

    .subheader .nav.nav--primary > ul > li.nav__dropdown > a.is-active:after {
        border-bottom: 0px solid #333;
    }

    .nav.nav--primary-offset > ul > li .nav__dropdown-target {
        min-width: 100%;
        position: relative;
        box-shadow: none;
        border-top: 1px solid #eee;
        top: auto;
        right: auto;
    }

    .nav__dropdown-target {
        opacity: 1;
        visibility: visible;
        display: none;
        padding: 10px;
        top: 45px;
        right: 0;
        left: auto;
    }

    .banner__content h1 {
        margin-bottom: 0;
        font-size: 2rem;
    }

    body.is-landing .body,
    .body {
        padding-top: 80px;
    }

    .media-group .media.media--small {
        right: 0;
    }

    .section--content .row:nth-child(2n) .media-group .media.media--small {
        left: 0;
    }

    .banner .slick-dots {
        bottom: 20px;
    }

    .section--content h2 br,
    .section--gray h2 br {
        display: none;
    }

    .section--content h2,
    .section--gray h2 {
        margin-bottom: 10px;
    }

    .tabs-vertical li a {
        padding-left: 60px;
    }

    .section--hiw:before {
        bottom: 20px;
    }

    .section--hiw .col__content:before {
        bottom: -30px;
    }

    .section--slider {
        padding-bottom: 100px;
    }

    .section--slider .quote__col-right {
        padding: 0 30px 0 30px;
    }

    .section--slider .slick-dots {
        position: relative;
        bottom: auto;
    }


    .tag-list li a {
        height: 30px;
        line-height: 30px;
    }

    .tag-list li a.tag__clickable:after {
        top: 5px;
        right: 5px;
    }

    .form-filters .form__element .svg-icon {
        left: 15px;
    }

    .form-filters .form__element:after {
        right: 14px;
    }

    .form-filters .form__element .form__input {
        padding-left: 40px;
        padding-right: 30px;
    }

    .section--listing,
    .section {
        padding: 30px 0;
    }

    .section--search {
        padding: 20px 0;
    }

    .filters {
        bottom: 0;
        background: #fff;
        padding: 0;
        box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);
        left: 0;
        margin: 0;
        overflow: auto;
        position: fixed;
        text-align: left;
        top: 0;
        transform: translate3d(-100%, 0px, 0px);
        -webkit-transform: translate3d(-100%, 0px, 0px);
        -ms-transform: translate3d(-100%, 0px, 0px);
        transition: all 300ms ease 0s;
        -webkit-transition: all 300ms ease 0s;
        -ms-transition: all 300ms ease 0s;
        opacity: 0;
        visibility: hidden;
        z-index: 11;
        width: 280px;
    }

    html.show-filters-js .filters {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate3d(0px, 0px, 0px);
        visibility: visible;
    }

    html.show-filters-js {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    html.show-filters-js .overlay--filters {
        display: block;
    }

    .form__element .form__target {
        min-width: 500px;
    }

    .tabled-box {
        margin: 0 -10px;
    }

    .tabled-box ul {
        width: 100%;
        display: table;
        table-layout: fixed;
    }

    .tabled-box ul li {
        display: table-cell !important;
        vertical-align: top;
        padding: 0 10px;
    }

    .box__slip {
        padding: 10px;
    }

    .video {
        height: 200px;
    }

    .video:before,
    .box__slip .video:before {
        padding-bottom: 0;
    }

    .video iframe {
        position: relative;
        left: auto;
        top: auto;
        bottom: auto;
        right: auto;
    }

    .-padding-30 {
        padding: 20px;
    }

    .banner__content.banner__content--centered {
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        text-align: center;
        max-width: 80%;
        right: 20px;
        margin: auto;
    }

    .section--hiw .col__content:before {
        bottom: -10px;
        top: 20px;
    }

    .-hide-responsive {
        display: none !important;
    }

    .vertical-links li a {
        padding: 15px 20px;
    }

    .box--faqs .box__footer .d-sm-block {
        display: inline-block !important;
    }

    .box--faqs .box__footer [class*="col-"]:last-child .btn {
        margin-top: 10px;
    }


    .nav.nav--primary > ul > li.nav__dropdown > a:after {
        right: 5px;
    }

    .nav.nav--primary.nav--primary-offset > ul > li.nav__dropdown > a:after {
        right: 15px;
    }

    .custom-colum__left {
        width: 100%;
        float: none;
    }

    .tab-swticher {
        max-width: 300px;
        margin: 0;
        display: table;
    }

    .page-head {
        border-top: 2px solid var(--color-secondary);
    }

    .custom-colum__middle {
        width: calc(100% - 260px);
        padding: 0 30px 0 0;
    }


    .page-panel__left {
        width: 100%;
        float: none;
    }

    .page-panel__right {
        width: 100%;
        float: none;
        padding: 0 0 0 0;
    }

    .page-panel__inner-l {
        float: left;
        width: calc(100% - 260px);
        padding: 0 30px 0 0;
    }

    .page-panel__inner-r {
        float: right;
        width: 260px;
    }

    .page-panel__inner-l .schedule-list li {
        width: 50%;
        margin: 0 -2px;
        vertical-align: top;
    }

    .page-panel__inner-l .col-list .col-positioned {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .page-panel__inner-l .col-list [class*="col-lg-"] {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .page-panel__inner-l .col-list > .d-lg-flex {
        display: block !important;
    }

    .banner__content.banner__content--centered {
        top: 50%;
    }


    /* [ blog css for resposive  */

    .section--nav {
        padding: 0;
    }

    .nav-categories > ul > li {
        display: block;
        text-align: left;
    }

    .nav-categories > ul > li > a {
        padding: 10px;
        font-size: 1rem;
    }

    .nav-categories > ul > li > a.categories-toggle {
        display: none;
        margin: auto;
    }

    .nav-categories > ul > li > .categories-target {
        display: block !important;
        background: transparent;
        position: relative;
        box-shadow: none;
        padding: 0;
        left: auto;
        right: auto;
        top: auto;
    }

    .nav-categories .nav-subcategories li {
        float: none;
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }

    .nav-categories {
        bottom: 0;
        background: #fff;
        padding: 0;
        box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);
        left: 0;
        margin: 0;
        overflow: auto;
        position: fixed;
        text-align: left;
        top: 0;
        transform: translate3d(-100%, 0px, 0px);
        -webkit-transform: translate3d(-100%, 0px, 0px);
        -ms-transform: translate3d(-100%, 0px, 0px);
        transition: all 300ms ease 0s;
        -webkit-transition: all 300ms ease 0s;
        -ms-transition: all 300ms ease 0s;
        opacity: 0;
        visibility: hidden;
        z-index: 11;
        width: 350px;
    }

    html.show-categories-js .nav-categories {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate3d(0px, 0px, 0px);
        visibility: visible;
    }

    html.show-categories-js {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    html.show-categories-js .overlay--blog {
        display: block;
    }

    .form-search {
        position: relative;
        width: 100%;
        display: inline-block;
    }

    .banner .form-search form {
        width: calc(100% - 60px);
        float: right;
        padding-left: 20px;
    }

    .blog-row h2 {
        font-size: 2rem;
    }

    .section--blogs {
        padding: 0;
    }

    .blog-row {
        padding: 40px 0;
    }

    .form-search.form-search--blog {
        padding: 15px;
        background: #fff;
        border: 1px solid #e5e5e5;
        display: block;
    }

    .form-search.form-search--blog:after {
        display: block;
        clear: both;
        content: "";
    }

    .form-search.form-search--blog .form__input {
        border: 1px solid #e5e5e5;
    }

    .form-search.form-search--blog .form__input {
        border-top: 1px solid #e5e5e5 !important;
    }

    .banner .form-search.form-search--blog {
        padding: 0;
        background: none;
        min-width: 600px;
        border: none;
    }

    .banner .blog-toggle {
        display: block;
    }

    .section--upper {
        margin: 0;
        padding: 60px 0;
    }

    /* blog css ]  */
    .section--offset .icon {
        margin-top: 0;
    }

    .screen,
    body.is-screen-on {
        top: auto;
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .screen .screen__left {
        position: relative;
        height: 740px;
        right: auto;
        left: auto;
        top: auto;
        bottom: auto;
    }

    .screen .screen__right {
        position: relative;
        width: 100%;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        border: none;
        padding: 0 0;
        margin: 20px 0 0;
    }

    .screen .screen__right .page-head {
        border-top: none;
    }

    .form-search.form-search--single form {
        width: 100%;
        padding: 0;
    }

    .screen {
        padding: 0 15px 15px;
        background: none;
    }

    .tabs-inline li {
        margin: 0 15px;
    }

    .offset-min-12 {
        margin-left: 33.333333%;
    }

    .box.box--preview .offset-min-12 {
        margin-left: 0;
    }

    .form input[type="submit"],
    .form input[type="button"],
    .form input[type="reset"] {
        padding: 0 20px;
    }

    .box--cta .btn.btn--block {
        width: auto;
        display: inline-block;
        padding: 0 30px;
    }

    .fc-view-container {
        overflow: auto;
    }

    .fc-view-container .fc-view {
        width: 1000px;
    }

    .fc-view-container .fc-view .fc-body .fc-row {
        min-height: 10em;
    }


}

@media(max-width:1023px) {

    .-clear-right,
    .-clear-left {
        clear: none !important;
        float: none !important;
    }

    .section--content [class*="col-"] {
        min-height: 400px;
    }

    .section--hiw:before,
    .section--hiw .col__content:before,
    .section--slider .container--fixed:before,
    .section--slider .container--fixed:after {
        display: none;
    }



    .section--hiw .col__content {
        padding: 15px;
        background: #f3f2f5;
        margin-top: 20px;
    }

    .section--hiw .media {
        margin: 0;
    }

    .section--slider {
        background: #f3f2f5;
    }

    .section--slider .quote__col-right {
        padding: 30px 15px 0;
    }

    .section.section--hiw {
        padding-bottom: 0;
    }

    .section--slider {
        padding-bottom: 50px;
    }

    .box__slip {
        width: 70%;
    }

    .section.section--details .box.box--toggle:last-child {
        margin-bottom: 30px;
    }

    .-float-left,
    .-float-right {
        float: none !important;
    }

    .page-panel__inner-l {
        float: none;
        width: 100%;
        padding: 0 0 0;
    }

    .page-panel__inner-r {
        float: none;
        width: 100%;
    }

    .box__count {
        float: right !important;
    }

    .table-listing .listing__desc {
        max-width: 500px;
    }

    .schedule-list li {
        width: 50%;
        margin: 0 -2px;
        vertical-align: top;
    }

    .col-list .col-positioned {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .preview.preview--profile {
        margin-bottom: 20px;
    }

    .tabs-inline ul,
    .tabs-small ul {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .blog-row h2 {
        font-size: 1.5rem;
    }

    .blog__content {
        padding-left: 0;
    }

    /* [ blog css for resposive  */
    .form-search.form-search--blog .blog-toggle {
        display: block;
    }

    .form-search form {
        width: calc(100% - 60px);
        float: right;
        padding-left: 20px;
    }

    .blog-filters {
        bottom: 0;
        background: #fff;
        padding: 0;
        box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);
        left: 0;
        margin: 0;
        overflow: auto;
        position: fixed;
        text-align: left;
        top: 0;
        transform: translate3d(-100%, 0px, 0px);
        -webkit-transform: translate3d(-100%, 0px, 0px);
        -ms-transform: translate3d(-100%, 0px, 0px);
        transition: all 300ms ease 0s;
        -webkit-transition: all 300ms ease 0s;
        -ms-transition: all 300ms ease 0s;
        opacity: 0;
        visibility: hidden;
        z-index: 11;
        width: 350px;
    }

    html.show-categories-js .blog-filters {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate3d(0px, 0px, 0px);
        visibility: visible;
    }

    html.show-categories-js {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    html.show-categories-js .overlay--blog {
        display: block;
    }

    .form-search.form-search--blog + .-gap {
        display: none;
    }

    .form-search.form-search--blog {
        border-bottom: none;
    }

    /*  blog css for resposive ] */

    .gift-block {
        padding: 20px;
    }

    .box.box--preview .offset-min-12 {
        margin-left: 33.333333%;
    }

    body.is-message-view-active {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }

    .box.box--narrow .-float-right {
        float: right !important;
    }

    .div-login-form .-float-right {
        float: right !important;
    }

    .message-reply textarea {
        height: 50px;
    }
}




@media(max-width:767px) {

    .section--content .row {
        padding: 50px 0;
    }



    .section--footer {
        padding: 0;
    }

    .section--footer .container,
    .section--footer .container [class*="col-"] {
        padding: 0;
    }

    .section--footer .container .row {
        margin: 0;
    }


    .footer .toggle__trigger {
        width: 100%;
        display: inline-block;
        position: relative;
        text-align: left;
        position: relative;
        margin: 1px 0 0 0;
        cursor: pointer;
        font-size: 1.1em;
        text-transform: uppercase;
        padding: 15px 10px 15px 15px !important;
        color: #fff;
        background: var(--color-black);
    }

    .footer .toggle__trigger:before,
    .settings-group .btn.btn--bordered-inverse:before {
        position: absolute;
        right: 15px;
        top: 18px;
        width: 10px;
        height: 10px;
        content: "";
        border-left: 2px solid rgba(255, 255, 255, 1);
        border-bottom: 2px solid rgba(255, 255, 255, 1);
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -webkit-transition: 0.3s all ease-in-out;
        -moz-transition: 0.3s all ease-in-out;
        -o-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;
    }

    .footer .toggle__trigger.is-active:before,
    .settings-group .btn.btn--bordered-inverse.is-active:before {
        top: 19px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
    }

    .footer .toggle__target {
        display: none;
        padding: 10px 15px 10px 15px;
    }

    .nav.nav--actions > ul > li {
        margin: 0 0 0 4px;
        padding: 0;
    }

    .nav.nav--actions > ul > li > a {
        width: 40px;
        height: 40px;
        position: relative;
        font-size: 0;
        padding: 0;
    }

    .nav.nav--actions > ul > li > a img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 60%;
    }

    .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--notification {
        margin-left: 5px;
        margin-right: 5px;
    }

    .nav.nav--primary > ul > li.nav__dropdown > a {
        padding-right: 0;
    }

    .nav.nav--actions > ul > li {
        position: static;
    }

    .nav.nav--actions > ul > li .nav__dropdown-target .nav--vertical {
        width: 100%;
    }

    .nav.nav--actions > ul > li .nav__dropdown-target .nav--vertical li {
        border-bottom: 1px solid #ddd;
    }

    .nav.nav--actions > ul > li .nav__dropdown-target .nav--vertical li a {
        font-size: 1.2rem;
        padding: 15px;
    }

    .nav.nav--actions > ul > li .nav__dropdown-target {
        left: 0;
        right: 0;
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 100;
        padding: 50px 0 20px 0;
        overflow-y: auto;
        overflow-x: hidden;
    }


    html.show-dropdown-js {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        overflow: hidden;
    }

    .list-container {
        padding-bottom: 10px;
    }

    .settings {
        margin: 1px 0 0 0;
    }

    .settings-group {
        margin: 0 0;
    }

    .settings-group .btn.btn--bordered-inverse {
        background: var(--color-secondary);
        color: #fff;
        text-align: left;
        font-weight: 600;
        text-transform: uppercase;
        border-color: transparent;
        border-radius: 0;
        padding: 0 15px;
    }



    /*.show-setting-js .settings-group{position: fixed;left: 0;right: 0;top: 0; bottom: 0;z-index: 100;background: #fff;padding: 50px;display: block;}
.settings-group .btn.btn--bordered-inverse{color: #333; border-color: #333;}
.settings{margin: 0 0 10px 0;}
.settings .settings__target{bottom: auto;position: relative;left: auto;right:auto;border: 1px solid #333;margin: 10px 0;text-align: center;}*/
    .banner__content {
        position: relative;
        top: auto;
        max-width: 100%;
        margin: -4px 0 0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        left: auto;
        background: #333;
        padding: 20px;
        text-align: center;
    }

    .search-form input[type="submit"] {
        position: relative;
        right: auto;
        top: auto;
        border-radius: 40px;
        margin: 10px 0;
        height: 40px;
        line-height: 40px;
        width: 100%;
    }

    .search-form input[type="text"] {
        text-align: center;
        height: 40px;
    }

    .banner:after {
        display: none;
    }

    .search-form {
        /*  max-width: 300px;
        margin: auto;*/
    }

    .section.section--content .media-group {
        max-width: 70%;
    }

    .section--content .icon {
        margin-bottom: 20px;
    }

    .section--content [class*="col-"] {
        min-height: 250px;
    }

    .media-group .media.media--small {
        right: 20px;
        width: 50%;
    }

    .section--content .row:nth-child(2n) .media-group .media.media--small {
        left: auto;
        right: 20px;
    }

    .section--content .row {
        padding: 50px 0;
    }

    .section--content .icon {
        width: 80px;
        height: 80px;
    }

    .section--content .icon img {
        width: 50%;
    }



    .gototop {
        background: var(--color-primary);
        border-radius: 100%;
        box-shadow: 0 2px 10px rgba(232, 76, 61, .6);
        -moz-box-shadow: 0 2px 10px rgba(232, 76, 61, .6);
        -webkit-box-shadow: 0 2px 10px rgba(232, 76, 61, .6);
    }

    .box--narrow {
        min-width: 1%;
    }

    .box--narrow {
        padding: 20px;
    }

    .form__element .form__target {
        min-width: 1%;
    }

    .box-list__head {
        display: block !important;
    }

    .box-list__head .btn--fav {
        margin: 10px 0;
    }

    .box__description {
        min-height: 1%;
    }

    .section--search {
        padding: 20px 0;
    }

    .box__slip {
        width: 100%;
        text-align: left;
        z-index: 1;
    }

    .form-search .form__element .form__input {
        border-top: none;
    }

    .form-filters .form__element:first-child input {
        border-bottom: none;
    }

    .form-filters .form__element {
        width: 100%;
        float: none;
    }

    .form-filters .form__element:first-child input {
        border-right: 1px solid #e5e5e5;
    }

    .form-filters .form__element:after {
        right: 26px;
    }

    .content-repeated [class*="col-"]:last-child {
        padding-left: 15px;
    }

    .content-repeated .avtar + h6 + p {
        margin-bottom: 25px;
    }

    .-small-title {
        font-size: 1.15rem;
    }

    .box__body-target {
        display: none;
    }

    .box.box--toggle {
        margin: 10px 0 0;
    }

    .box .box__head {
        padding: 15px;
    }

    .box__head-trigger {
        padding-right: 40px;
        cursor: pointer;
        position: relative;
    }

    .box__head-trigger:after {
        position: absolute;
        right: 20px;
        top: 15px;
        content: "+";
        font-size: 1.6rem;
        line-height: 1;
    }

    .box__head-trigger.is-active:after {
        content: "-";
    }

    .offset-min-12 {
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .box--medium {
        padding: 20px;
        min-width: 1%;
    }

    .flex-container {
        width: 600px;
    }

    #facebox .box--medium .box__body {
        overflow-x: auto;
    }

    .floated-list li:first-child {
        display: block;
    }

    .banner__content.banner__content--centered {
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        right: auto;
    }

    .section--icons .icon-col {
        margin-top: 20px;
        text-align: center;
    }

    .section--icons .icon {
        float: none;
        margin: auto;
    }

    .accordian__title {
        padding: 20px 50px 20px 20px;
        line-height: 1.6;
    }

    .accordian__body {
        padding: 0 20px 20px 20px;
    }

    .accordian__title:before {
        right: 10px;
        top: 16px;
    }

    .section--footer {
        padding-bottom: 0;
    }

    .team:first-child .team__media {
        margin-top: 0;
    }

    .form-container {
        padding: 20px;
    }

    .address-container {
        padding-top: 30px;
        text-align: center;
    }

    .address-box:nth-child(2) {
        margin-top: 30px;
    }


    .section .section__head {
        padding-bottom: 10px;
    }

    .selection-list ul li {
        width: 100%;
    }

    .tabs-gray ul {
        display: block;
        overflow: auto;
        flex-wrap: nowrap;
        white-space: nowrap;
        margin: 0 0 20px;
    }

    .tabs-gray ul li {
        display: inline-block;
        vertical-align: top;
        white-space: normal;
        margin: 0 -4px 0 0;
    }

    .tabs-gray ul li a img {
        position: relative;
        top: 16px;
    }

    .box--faqs .box__footer {
        text-align: center;
        padding: 25px;
    }

    .box--faqs .box__footer [class*="col-"] {
        background: rgba(0, 0, 0, 0.04);
        padding: 15px;
    }

    .box--faqs .box__footer [class*="col-"]:last-child {
        padding-top: 20px;
    }

    .nav.nav--actions > ul > li.nav__dropdown.nav__dropdown--account > a img {
        width: 100%;
    }

    .-padding-30 {
        padding: 15px;
    }

    .calendar-scroll {
        overflow: auto;
    }

    .calendar-scroll .calendar {
        width: 650px;
    }

    .col-list .col-positioned {
        position: relative;
        right: auto;
        top: auto;
        padding-top: 0;
    }

    .col-list .avtar + h6 {
        font-size: 1.4rem;
    }

    .list-container .list p {
        font-size: 1rem;
    }

    .section--page {
        padding: 20px 0;
    }

    .tab-swticher {
        max-width: 300px;
        margin: auto;
        display: table;
    }

    . .custom-colum__left {
        width: 100%;
        float: none;
    }

    .custom-colum__middle {
        padding: 0;
        width: 100%;
        float: none;
    }

    .page-head {
        padding: 15px;
        border-radius: 0 0 2px 2px;
    }

    .-padding-20 {
        padding: 15px;
    }

    .custom-colum__right {
        float: none;
        width: 100%;
    }

    .page-head h1 {
        font-size: 1.5rem;
    }

    .page-filters {
        padding: 15px 15px 0;
        margin-bottom: 20px;
    }

    .tab-swticher-small.tab-swticher .btn {
        padding: 0 15px;
        min-width: 1%;
    }

    .select-box .select-box__value {
        line-height: 1.4;
    }

    .select-box .select-box__value:after {
        margin-top: -3px;
    }

    .col-list [class*="col-"].col-positioned {
        text-align: left;
    }

    .col-list [class*="col-"].col-positioned .select-box {
        padding-left: 115px;
    }

    .nav.nav--primary-offset > ul > li > a {
        font-size: 1.2rem;
        height: 45px;
        line-height: 45px;
    }

    .select-box.select-box--small .select-box__value:after {
        top: 16px;
    }

    .direction {
        margin: 0 0 0 5px;
    }

    .select-box.select-box--small .select-box__value {
        padding-right: 30px;
    }

    .select-box.select-box--small {
        margin-left: 5px;
    }

    .calender-actions .select-box.select-box--small {
        float: right;
    }

    .page-panel__inner-r {
        padding-top: 20px;
    }

    .menu-vertical li.-show-responsive {
        display: block !important;
    }

    .box__data {
        padding: 0;
    }

    .row--actions {
        margin: 0 -5px;
    }

    .row--actions .btn {
        padding: 0 5px;
        margin-top: 10px;
    }

    .row--actions [class*="col-"] {
        padding: 5px;
    }

    .h1-heading {
        font-size: 2rem;
    }

    .grids-wrap .wrap {
        padding: 15px;
        height: auto;
        margin-bottom: 20px;
    }

    .grids-wrap .wrap h4 {
        font-size: 1.2rem;
    }

    .table-listing .listing__desc {
        max-width: 100%;
        overflow: visible;
        white-space: normal;
        text-overflow: inherit;
        line-height: 1.6;
    }

    .table-listing tr {
        display: inline-block;
        width: 100%;
        background: #fff;
        margin: 0 0 10px 0;
    }

    .table-listing td {
        display: inline-block;
        width: 100%;
        padding: 15px;
    }

    .table-listing td.td--check {
        width: auto;
        padding-right: 0;
        padding-bottom: 0;
    }

    .table-listing td.td--avtar {
        width: auto;
        padding-bottom: 0;
    }

    .controls li a,
    .controls li > span {
        padding: 12px;
    }

    .list-container__footer {
        padding: 10px;
    }

    .page-panel__inner-l .col-list .col-positioned {
        position: relative;
        right: auto;
        top: auto;
    }

    .page-panel__inner-l .schedule-list li {
        width: 100%;
        margin: 0;
    }

    .load-more .btn {
        margin-top: 0;
    }

    .page-heading {
        font-size: 1.4rem;
    }

    .section-head {
        padding-bottom: 15px;
    }

    .row--addons {
        padding-bottom: 20px;
    }

    .row--addons [class*="col-"] {
        width: 50%;
    }

    .row--addons [class*="col-"]:last-child {
        width: 100%;
    }

    .data-group p {
        font-size: 1rem;
    }

    .box--minheight {
        min-height: 1%;
    }

    .inline-icon {
        width: 16px;
        height: 16px;
    }

    .attachment-file {
        padding-left: 25px;
    }

    .section--offset .icon {
        margin-top: 20px;
    }

    .banner .form-search {
        min-width: 1%;
    }

    .section--nav {
        padding: 0;
    }

    .section--blogs {
        padding: 0;
    }

    /* [ blog css for resposive  */
    .blog-row {
        padding: 20px 0;
    }

    .blog-row .btn.btn--large {
        height: 40px;
        line-height: 40px;
        font-size: 1rem;
        min-width: 1%;
    }

    .blog__content {
        padding-left: 0;
    }

    .blog-row h2 {
        font-size: 1.3rem;
    }

    .blog__actions .blog__action {
        margin-bottom: 10px;
        vertical-align: top !important;
    }

    .blog__actions .blog__action .inline-icon,
    .blog__subtitle .inline-icon {
        width: 20px;
        height: 20px;
    }

    .blog__actions + .-gap {
        height: 5px;
    }

    .blog__content h2 {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .blog__subtitle {
        font-size: 0.9rem;
    }

    .nav-categories {
        width: 280px;
    }

    .blog__actions {
        margin-top: 15px;
    }

    .comments-list .avtar {
        position: relative;
        left: auto;
        top: auto;
        float: left;
        margin: 0 15px 0 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .comments-list {
        padding: 0 0 15px 0;
        border: none;
        border-bottom: 1px solid #ddd;
        margin: 20px 0 0;
    }

    .comments-list .date {
        float: none;
        font-size: 0.85em;
        margin: 0 0 0;
        display: block;
    }

    .comments-list .comment__desc {
        width: 100%;
        display: inline-block;
    }

    .comments-list.comments-list--replied {
        margin: 0;
        padding: 10px;
    }

    .comments-list .avtar:before {
        font-size: 1.1em;
    }

    .form--comments {
        padding: 20px;
    }

    .banner .form-search.form-search--blog {
        min-width: 1%;
    }

    /*  blog css for resposive ]  */

    .box-list__head .btn--fav {
        font-size: 1rem;
    }

    .grid-group .grid span {
        padding: 6px 10px;
    }

    .grid-group .grid {
        padding-bottom: 10px;
    }

    .grid-group {
        margin-bottom: 10px;
    }

    .box-list__body .grid-group .grid span strong {
        word-break: break-all;
    }

    .banner__content.banner__content--centered {
        max-width: 100%;
    }

    .label-select {
        padding: 15px 15px 15px 15px;
    }

    .label-select label h6 {
        padding: 0 0 0 30px;
    }

    .label-select .checkbox,
    .label-select .radio {
        left: 15px;
        top: 12px;
    }

    .listing-cell {
        margin-top: 15px;
    }

    .listing-cell ul li .btn {
        margin-top: 8px;
    }

    .screen .screen__left {
        height: 400px;
    }

    .card-image {
        height: 260px;
        margin-bottom: 20px;
    }

    .card-image .gift-amount-large {
        font-size: 4rem;
    }

    .table--cols.table td {
        padding: 0 0 5px;
    }

    .table--cols.table tr {
        padding: 15px;
    }

    #frm_fat_id_frmBlogContribution.form .field_label:empty {
        display: none;
    }

    .col-list [class*="col-"]:first-child {
        border-right: 0;
    }

    .box-bordered .form.form--small {
        margin: 5px 0 10px;
    }

    .section--lower {
        padding: 10px 0;
    }


    .social-links {
        margin: 0;
    }

    .table tr:last-child {
        border-bottom: none;
    }

    .field_label {
        min-height: 1%;
    }

    .tab-swticher .btn:last-child {
        border-radius: 0 2px 0 0;
    }

    .tab-swticher .btn:first-child {
        border-radius: 2px 0 0 0;
    }

    .schedule-list li {
        padding-bottom: 8px;
    }

    .schedule-list li:last-child {
        padding-bottom: 0;
    }

    .window__search {
        border-top: 2px solid var(--color-secondary);
    }

    .screen__center-content {
        width: 95%;
    }

    .box--faqs .box__footer [class*="col-"]:last-child .btn {
        margin-top: 0;
    }

    .schedule-list li:nth-child(2) {
        /* padding-left: 60px;*/
    }

    .section--content {
        padding: 0;
    }

    .tabled-box {
        margin-bottom: 25px;
    }


    .tabled-box ul li {
        display: block !important;
    }

    .sort-by {
        margin: 0 0 10px;
    }
}

@media(max-width:600px) {

    .box-list,
    .box__profile-head {
        text-align: center;
    }

    .box__profile-head .avtar {
        margin-bottom: 20px;
    }

    .box__profile-head .location {
        display: table;
        margin: 10px auto 0;
    }

    .txt-inline .txt-inline__tag.last {
        margin: 5px 0 0;
        display: block;
    }

    .box-list__head {
        margin: 15px 0;
    }

    .tick-listing.tick-listing--onehalf li {
        width: 100%;
        margin-right: 0;
    }

    .sort-form [class*="col-"] {
        margin-bottom: 15px;
    }

    .offset-min-12 {
        margin-left: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .box__calender li .time {
        min-width: 50px;
    }

    .box--faqs .box__footer .d-sm-block {
        display: block !important;
        margin-bottom: 10px;
    }

    .schedule-list li {
        width: 100%;
    }

    .page-controls,
    .page-controls .-align-right {
        text-align: left !important;
    }

    .page-controls .-txt-normal {
        padding-left: 0;
    }

    .controls {
        margin-bottom: 20px;
    }

    .controls:first-child {
        margin-right: 10px;
    }

    .row--addons [class*="col-"] {
        width: 100%;
    }

    .row--addons [class*="col-"] .field_label {
        min-height: 1%;
    }

    .row--addons [class*="col-"] .inline-action {
        width: 100%;
    }

    .blog__content {
        padding-top: 20px;
    }

    .grid-group {
        margin: 0 0 15px;
    }

    /*New added in Language page*/
    .inline-action.inline-action--minus,
    .inline-action.inline-action--add {
        width: 100%;
    }

    /* [ blog css for resposive  */
    .row.row--cols [class*="col-"].-align-right {
        text-align: left !important;
    }

    .box__footer .social--share {
        margin-top: 20px;
    }

    /* blog css for resposive ]  */
    .listing-cell ul li {
        padding: 10px 0 0;
        width: 100%;
    }

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

    .screen-chat .btn--sticky {
        position: relative;
        right: auto;
        top: 0;
        display: table;
        border-color: var(--color-secondary);
        color: var(--color-secondary);
        margin: 10px auto 0;
    }

    .box.box--preview .offset-min-12 {
        margin-left: 0;
    }

}


@media(max-width:400px) {
    .box-list .box-list__body .btn.btn--bordered {
        min-width: 200px;
        margin: 0 5px;
        display: block;
    }

    /*.select-box.select-box--small{margin: 15px 0 0;}
.direction{float: right;}*/
    .-block-on-mobile {
        display: block;
        text-align: center;
    }

    .direction {
        margin: 10px 0 5px;
    }

    .calender-actions .select-box.select-box--small {
        margin-top: 10px;
    }

    /*.row--actions [class*="col-"]{padding-top:10px; -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}*/

    /* [ blog css for resposive  */
    .blog-filters {
        width: 280px;
    }

    /* blog css for resposive ]  */

    .tab-swticher-small.tab-swticher {
        margin-left: 10px;
    }

}

@media(max-width:500px) {
    .row--actions.row {
        width: 100%;
        display: block;
    }

    .row--actions.row [class*="col-"] {
        width: 100%;
        display: block;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row--actions .btn {
        width: 100%;
        display: block;
    }

    .tab-swticher {
        max-width: 100%;
        margin: auto;
        display: flex;
    }

    .tab-swticher .btn {
        float: none;
    }

    .box--cta .btn.btn--block {
        width: 100%;
        display: block;
        padding: 0 10px;
    }

    .box--faqs .box__footer [class*="col-"]:last-child .btn {
        margin-top: 10px;
    }

    .schedule-list li:nth-child(2) {
        padding-left: 0;
    }
}

.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    overflow: hidden !important;
}


.construction-message-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0 0 30px 0;
}

.construction-message {
    margin: 0 auto;
    text-align: center;
}

.svg-maintenance {
    width: calc(40.5% + 0.3vw);
    height: auto;
    margin: 30px 0;
}

.svg-maintenance .-color-secondary {
    stroke: var(--color-secondary);
}

.svg-maintenance .-color-primary {
    stroke: var(--color-primary);
}



/*==============================OVERWRITE CSS FROM OTHERS========================*/
.checkbox .input-helper:after {
    border-bottom-color: var(--color-main);
    border-left-color: var(--color-main);
}

.box-language .col:first-child {
    margin-bottom: 10px;
}

/*===========================Increasing languages======================*/
.box-language .language,
.border-box .language,
.my_teacher_langauges .language {
    display: inline-block;
    position: relative;
    margin: 0;
    width: 100%;
}

.box-language .language span,
.border-box .language span,
.my_teacher_langauges .language span {
    float: left;
    line-height: 24px;
    margin: 0px 3px;
    position: relative;
    font-size: 0.9rem;
}

.my_teacher_langauges .language span:first-child {
    margin-left: 0;
}

.my_teacher_langauges .language ul li span.plus {
    margin-left: 5px;
}

.box-language .language span.main-language:after {
    content: ",";
    position: absolute;
}

.box-language .language span.main-language:last-child:after {
    content: "";
}

.box-language .language ul,
.border-box .language ul,
.my_teacher_langauges .language ul {
    margin-left: 0px;
}

.box-language .language .more_listing ul:after,
.border-box .language .more_listing ul:after,
.my_teacher_langauges .language .more_listing ul:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--color-secondary);
    content: " ";
    position: absolute;
    top: -7px;
    right: 11px;
}



.box-language .language ul li,
.border-box .language ul li,
.my_teacher_langauges .language ul li {
    position: relative;
}

.box-language .language .plus,
.my_teacher_langauges .language .plus {
    background: var(--color-secondary);
    border-radius: 3px;
    padding: 0px 9px;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    float: left;
    cursor: pointer;
    height: 24px;
    position: relative;
    line-height: 24px;
}



.border-box .language .plus {
    background: var(--color-secondary);
    border-radius: 3px;
    padding: 1px 9px;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    float: left;
    cursor: pointer;
    height: 32px;
    position: relative;
    line-height: 32px;
}



.box-language .language .more_listing,
.border-box .language .more_listing,
.my_teacher_langauges .language .more_listing {
    display: none;
    width: 150px;
    position: absolute;
    left: 0px;
    padding-top: 35px;
}

.box-language .language ul li:hover .more_listing,
.border-box .language ul li:hover .more_listing,
.my_teacher_langauges .language ul li:hover .more_listing {
    display: block;
}

.box-language .language .more_listing ul,
.border-box .language .more_listing ul,
.my_teacher_langauges .language .more_listing ul {
    background: var(--color-secondary);
    margin-top: 20px;
    z-index: 555;
    border-radius: 2px;
    margin: 0px;
    position: relative;
    padding: 6px;
}

.box-language .language .more_listing li a,
.border-box .language .more_listing li a,
.my_teacher_langauges .language .more_listing li a {
    color: #fff;
    display: block;
    padding: 5px 7px;
}

.border-box .language span {
    background: var(--color-grey-light);
    padding: 3px 6px;
    font-size: 0.857rem;
    color: var(--color-dark);
    margin: 0 5px;
}

.border-box .box-body .tags .language li {
    background: transparent;
    padding: 0px;
    color: var(--color-dark);
    margin: 0px;
}

.border-box .language .more_listing {
    padding-top: 45px;
}


.my_teacher_lang_heading {
    display: inline;
}

.language .more_listing ul li a {
    word-break: break-all;
}

/*==========================New CSS for button with new class=================*/
.btn--status-correct {
    background: #14892c;
}

.btn--status-top {
    background: #f79232;
}

.myTeacherTable .profile-info__right {
    width: 100%;
}

.field_resp_block a {
    margin-left: 5px;
}

.field_cover label.field_resp_block {
    display: block;
}

/*************/
.footer .settings .settings__target {
    z-index: 99;
}

.btn_faq {
    margin-top: 10px;
}

.user_url_string {
    margin-top: 10px;
    margin-bottom: 0;
}

.moreTextHide,
.lessTexthide {
    display: none;
}

.link-color {
    color: var(--color-primary);
}

.readMore {
    float: right;
}

.links--vertical.footer_contact_details li {

    font-size: 0.96rem !important;
    color: #fff !important;
}



.messageCheckbox {
    text-align: right;
    margin-top: 15px;
}

.IssueBlockquote {
    border-left: 3px solid;
    border-color: var(--color-primary);
    padding-left: 15px;
    margin-bottom: 30px;
}

.IssueBlockquote h6 {
    margin-bottom: 15px;
}

.IssueBlockquote ul {
    list-style: disc;
    list-style-position: inside;
}

.IssueBlockquote ul li {
    padding: 3px;
}

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

.issueReportLink {
    margin-top: 20px;
}

.issueReportLink a {
    color: #fff;
    font-size: 1.2rem;
}

.isuueOptions {
    max-height: 300px;
    overflow-y: auto;
}

.issueDetailPopup {
    overflow-y: auto;
}

.links--vertical.footer_contact_details li {
    font-size: 0.857rem !important;
    color: #fff !important;
    display: flex;
    line-height: 1.5;

}

.links--vertical.footer_contact_details li img {
    max-width: 20px;
    margin-right: 10px;
}

@media (max-width: 767px) {
.links--vertical.footer_contact_details li {
color: var(--color-dark)!important;
}
}

#loaderCalendar {
    position: absolute;
    width: 100%;
    background: rgba(255,255,255, 0.5);
    height: 100%;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}


ul.actions li {
  margin: 0 10px 4px 0;
}
.loader {
    width: 90px;
    height: 90px;
}

.box-hint {
    width: 15px;
    height: 15px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    line-height: 1;
}

.available-box {
    background: rgba(20, 224, 110, 0.3);
}

.disabled-box {
    background: #d9d9d9;
}

.booked-box {
    background: var(--color-secondary);
}

html.show-facebox body {
    overflow-y: hidden;
}

.calendar-view .fc-toolbar .fc-left h6 {
    color: #519cea;
	margin-right:0 !important;
}

.calendar-view .fc-toolbar .fc-left h6 .timer{margin:0}

.calendar-view .fc-toolbar .fc-right h2 {
    font-size: 1.3rem;
    line-height: 35px;
}


@media (max-width: 992px){

    .col-list .col-positioned {
        position: relative;
        right: auto;
        top: auto;
        padding-top: 0;
    }


}
@media (max-width:1024px){

}

.message-container .scrollbar{overflow-y:auto;}

@media (max-width:1024px){
	.tooltipevent{ left:50%!important; transform:translateX(-50%) !important;
-moz-transform:translateX(-50%) !important; -webkit-transform:translateX(-50%) !important;}
/* html.show-dashboard-js .overlay { */
        /* display: none; */
    /* } */
}

/* added on 23rd July 2020  */
.profile-progress{
	font-weight: 500;
	font-size: 13px;
	color:#000;
}
.progress--top{display:flex;width:100%;padding-bottom:4px;justify-content:space-between;}
.progress-wrapper{max-width:180px;}
.search-lesson-listing strong{font-weight:500;font-size:13px;}
strong.span-right{font-weight:500;font-size:13px;}
.schedule-list .timer .label{font-weight:500;font-size:13px;}
.terms_wrap  label{display: inline-block;}
.fc-toolbar.fc-header-toolbar{margin-top:20px;}
.calendar-view .fc-toolbar .fc-left h6{padding-top:5px;}
.ml-0{margin-left:0;}
.timer-head{font-size: 2.2rem;
margin-bottom: 25px;
color: #fff;}


@media screen and (min-width:1200px) and (max-width:1599px){
  .schedule-list .timer .span-right{
    flex-direction: column;
    align-items: flex-end!important;
    text-align: right;
  }
  .schedule-list .timer .span-right .label{margin-right:0;padding-right:0;}
  .col-list-container .col-list [class*="col-"] {padding: 15px 5px;}
}
@media screen and (max-width:767px){
	ul.actions{
		justify-content:flex-start;
		padding-top:15px;
	}
  ul.actions li {
		margin: 0 10px 4px 0;
	}
	.progress-wrapper{
		margin:10px 0;
	}
  .schedule-list .timer .span-right{
    align-items: flex-start!important;
    justify-content: flex-start!important;
    padding-left: 0;
  }
  .schedule-list .timer .span-right .label{
    padding-lefT:0;
  }
}
@media screen and (max-width:575px){
  .alert a{display:block;margin-top:5px;}
	.progress-wrapper{
		flex-wrap:wrap;
	}
	.progress-wrapper .profile-progress{
		width:100%;
	}
	.progress-wrapper .progress {width: 200px;}
	.profile-progress {
		padding-right: 0;
		padding-bottom: 10px;
	}
  .calendar-view .fc-toolbar .fc-right{float:left;margin-top:10px;}
  .fc-toolbar.fc-header-toolbar {
	margin-top: 10px;}
}
@media screen and (max-width:400px){
    .terms_wrap  label{margin-bottom:10px;}
}

.google-btn{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #4285f4;
    color: #ffff;
    font-size: 14px;
    font-weight: 600;
    height: 46px;
    max-width: 191px;
    margin:auto;
    padding-right:10px;
}
.google-btn span{
  display: inline-flex;
  padding-left: 5px;
}
.group.group--social a .google-btn img{
  width:auto;
}
.group.group--social a{display:inline-block;}
.group.group--social .btn--social-fb.btn{width: 184px;
    display: inline-block;
    height: 46px;
    vertical-align: top;
    margin-top: 0;
    margin-right: 15px;float:none;}

@media screen and (max-width:1220px){
  .group.group--social .btn--social-fb.btn{
      margin-right: 5px;
  }
}
@media screen and (max-width:1200px){
  .group.group--social .btn--social-fb.btn,
  .group.group--social a{
    display:block;
  }
  .group.group--social .btn--social-fb.btn{margin-bottom:10px;}
}

.loading-wrapper {
    background: rgba(0, 0, 0, 0.65);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 1000;
    bottom: 0;
    left: 0;
    right: 0; }
.loading-wrapper .loading {
    width: 100px;
    height: 80px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -50px; 
}
.loading-wrapper .loading .inner {
    -webkit-animation: rotate 0.8s linear infinite;
    animation: rotate 0.8s linear infinite;
    margin-top: 20px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
}
.loading-wrapper .loading .rotate-one {
    left: 50%;
    margin-left: -25px;
    border-top: 2px solid #fff; 
}
.loading-wrapper .loading .rotate-two {
    top: -10px;
    left: 30px;
    border-left: 2px solid #fff;
}
.loading-wrapper .loading .rotate-three 
{
    top: -10px;
    right: 30px;
    border-right: 2px solid #fff; 
}

@-webkit-keyframes rotate {
    0% {
      -webkit-transform: rotateZ(0deg); }
    100% {
      -webkit-transform: rotateZ(360deg); } 
}
  
@keyframes rotate {
    0% {
      -webkit-transform: rotateZ(0deg);
              transform: rotateZ(0deg); }
    100% {
      -webkit-transform: rotateZ(360deg);
              transform: rotateZ(360deg); } }




/* Demo header  */

.sticky-demo-header .demo-header {
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 2rem;
    line-height: 4rem;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  }
  .sticky-demo-header .demo-header .restore-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sticky-demo-header .demo-header .restore-wrapper > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    padding: 10px 0;
  }
  .sticky-demo-header .demo-header .restore-wrapper .restore__counter {
    padding: 0px 8px;
    font-size: 1rem;
    color: var(--color-secondary);
    margin: 0.1rem 0;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 4px;
  }
  .sticky-demo-header .demo-header .restore-wrapper .restore__progress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4px;
    width: 100%;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 2rem;
    margin: 0.25rem 0;
    max-width: 96px;
  }
  .sticky-demo-header .demo-header .restore-wrapper .restore__progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: var(--color-secondary);
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
  }
  .sticky-demo-header .demo-header .restore-wrapper .restore__content {
    font-size: 0.675rem;
    color: #525252;
    font-weight: 600;
    margin-bottom: 0.25rem;
    line-height: 1.5;
  }
  .sticky-demo-header .demo-header .btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
  }
  .sticky-demo-header .demo-header .btn.btn-outline-primary {
    background: none;
    border-color: var(--color-secondary);
    color: var(--color-secondary);
    border: 1px solid;
  }
  .demo-cta {
    display: flex;
    align-items: center;
  }
  .sticky-demo-header .header {
    padding: 0;
  }
  .sticky-demo-header .main-bar {
    padding: 20px 0;
  }
  .sticky-demo-header .header {
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    z-index: 10;
    top: 0;
    width: 100%;
    background: #fff;
    border-bottom: none;
    border-bottom: solid 1px #dee2e6;
  }
  .sticky-demo-header .body {
    padding: 0;
  }
  .close-layer {
    z-index: 2;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .close-layer:hover {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 1;
  }
  .close-layer:before,
  .close-layer:after {
    position: absolute;
    left: 15px;
    content: " ";
    height: 18px;
    width: 2px;
    background-color: #000;
  }
  .close-layer:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .close-layer:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .close-layer.close-layer--white:before,
  .close-layer.close-layer--white:after {
    background-color: #fff;
  }
  .demo-cta .close-layer {
    position: relative;
    right: auto;
    top: auto;
    -webkit-margin-start: 1rem;
    -moz-margin-start: 1rem;
    margin-left: 1rem;
  }
  /*--------27-11-2020--------*/
  .terms_wrap .errorlist.erlist_agree {
    bottom: -10px;
    }
    .timer-block .actions {
        margin-left: 10px;
    }
   /*-------end--------*/ 
  @media (max-width: 1199px) {
    .sticky-demo-header .demo-header {
      display: none;
    }
  }

  .banner--main:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    content: "";
    height: 100%;
    pointer-events: none;
    z-index: 1;
    opacity: 0.7;
    background: -moz-linear-gradient(right, rgba(0,117,229,0.65) 0%, rgba(250,50,90,0.3) 100%);
    background: -webkit-linear-gradient(right, rgba(0,117,229,0.65) 0%, rgba(250,50,90,0.3) 100%);
    background: linear-gradient(to right, rgba(0,117,229,0.65) 0%, rgba(250,50,90,0.3) 100%);
    width: 100%;
}

/*-------------12/10/2020----------*/
.google__Sync {
    text-align: center;
    padding: 16px 25px;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    border: 1px solid #e9e8eb;
    border-radius: 5px;
}
.google__Sync p {
    font-size: 14px;
    margin-bottom: 8px;
}
.google__Sync a{
    display: inline-block;
}
/*----------end----------*/