/**************** CBOX ****************//**************** CBOX ****************//**************** CBOX ****************/
/**************** CBOX ****************//**************** CBOX ****************//**************** CBOX ****************/
/**************** CBOX ****************//**************** CBOX ****************//**************** CBOX ****************/

.cbox {background: var(--white); border-radius: 12px; box-shadow: 0px 6px 36px -6px hsla(0,0%,0%,0.12);}
.cbox.square {border-radius: 0px;} .cbox.clean {background: none; border-radius: 0px; box-shadow: none;}

.cbox-center-big-bbox {padding: 36px 24px 36px 24px;}

.cbox-border {width: 100%; height: 1px; background-color: var(--br-grey);}


@media screen and (max-width: 750px) {
    .cbox-center-big-bbox {padding: 24px 18px 24px 18px;}
}



/**************** CBOX COMPONENTS ****************//**************** CBOX COMPONENTS ****************//**************** CBOX COMPONENTS ****************/
/**************** CBOX COMPONENTS ****************//**************** CBOX COMPONENTS ****************//**************** CBOX COMPONENTS ****************/
/**************** CBOX COMPONENTS ****************//**************** CBOX COMPONENTS ****************//**************** CBOX COMPONENTS ****************/

/**************** CBOX TITLE ****************/

.cbox-ttl {padding: 13px 24px 14px 24px; background: var(--bg-grey-light); border-radius: 12px 12px 0px 0px;}
.cbox-ttl.center {text-align: center;}
.cbox-ttl h4 {font-size: 24px; line-height: 33px; color: var(--black);}


@media screen and (max-width: 750px) {
    .cbox-ttl {padding: 12px 18px 13px 18px;}
    .cbox-ttl h4 {font-size: 20px; line-height: 29px; color: var(--black);}
}



/**************** CBOX CONTENT TAGS ****************/

.cbox-content-tags {width: 100%; padding: 21px 36px 21px 36px; border-top: solid 1px var(--br-grey);}
.cbox-content-tags > .lnk {margin: 1px 12px 0px 0px;}
.cbox-content-tags .mbox {flex: 1 1 auto; -webkit-flex: 1 1 auto; margin: -6px -6px -6px -6px;}
.cbox-content-tags .mbox .lnk {margin: 7px 6px 6px 6px;}


@media screen and (max-width: 750px) {
    .cbox-content-tags {padding: 21px 18px 21px 18px;}
}



/**************** CBOX SLIDE ****************/

.cbox .cbox-slide-ttl {padding-right: 60px; cursor: pointer;}
.cbox .cbox-slide-ttl.nohover {cursor: inherit;}
.cbox .cbox-slide-ttl .cbox-slide-icon {
    position: absolute; top: 50%; right: 18px; width: 36px; height: 36px; margin-top: -18px; font-size: 24px; line-height: 38px; text-align: center;
    transform: rotate(0deg); transition: transform ease 360ms; z-index: 10;
}
.cbox.open .cbox-slide-ttl .cbox-slide-icon {transform: rotate(180deg);}
.cbox .cbox-slide-inbox {display: none; width: 100%;}


@media screen and (max-width: 750px) {
    .cbox .cbox-slide-ttl {padding-right: 48px;}
    .cbox .cbox-slide-ttl .cbox-slide-icon {right: 12px; font-size: 20px;}
}



/**************** CBOX TABS ****************/

.cbox-tabs-line {z-index: 10;}
.cbox-tabs-line .cbox-tab.btn {margin: 0px 3px 0px 0px; color: var(--black); background: var(--bg-grey-light); border-radius: 9px 9px 0px 0px;}
.cbox-tabs-line .cbox-tab.btn.sel {background: var(--white); pointer-events: none;}
.cbox-tabs-line .cbox-tab.tab-header {background: var(--white); pointer-events: none;}
.cbox-tabs-line + .cbox {border-radius: 0px 12px 12px 12px;}
.cbox-tabs-line-mobi {display: none;}
.cbox-tab-menu .tab-menu-ellipsis {height: 48px; padding: 6px 12px 6px 12px; font-size: 24px; line-height: 36px; text-align: center; color: var(--black); box-sizing: border-box;}
.cbox-tab-menu .tab-menu-dropbox {
    position: absolute; top: 100%; right: -6px; margin-top: -6px; padding: 12px 12px 6px 12px;
    background: var(--white); border-radius: 12px; box-shadow: 0px 6px 36px -6px hsla(0,0%,0%,0.12);
    transform: translate(0px,-6px); opacity: 0; pointer-events: none; transition: all ease 240ms; overflow: hidden; z-index: 15;
}
.cbox-tab-menu:hover .tab-menu-dropbox {transform: translate(0px,0px); opacity: 1; pointer-events: auto;}
.cbox-tab-menu .tab-menu-dropbox .cbox-tab.lnk {margin-bottom: 6px; padding: 15px 12px 14px 12px; border-radius: 9px;}
.cbox-tab-menu .tab-menu-dropbox .cbox-tab.lnk.sel {background: var(--bg-grey-light);}
.cbox-tab-inbox {display: none;}


@media screen and (max-width: 750px) {
    .cbox-tabs-line-desk {display: none;}
    .cbox-tabs-line-mobi {display: flex;}
}



/**************** CBOX COMPLETE ****************//**************** CBOX COMPLETE ****************//**************** CBOX COMPLETE ****************/
/**************** CBOX COMPLETE ****************//**************** CBOX COMPLETE ****************//**************** CBOX COMPLETE ****************/
/**************** CBOX COMPLETE ****************//**************** CBOX COMPLETE ****************//**************** CBOX COMPLETE ****************/

/**************** CBOX ARTICLES IMG LIST ITEM ****************/

.cbox.article-img-li {display: block; position: relative; width: 100%; padding: 0px 0px 36px 0px; background: none; border-radius: 0px; box-shadow: none;}
.cbox.article-img-li .img-box {display: block; position: relative; width: 100%; padding-top: 78%;}
.cbox.article-img-li .img-box .img {
    display: flex !important; display: -webkit-flex !important;
    flex-direction: column; -webkit-flex-direction: column;
    flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: flex-end; -webkit-justify-content: flex-end;
    align-items: center; -webkit-align-items: center;
    align-content: center; -webkit-align-content: center;
    
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 12px; overflow: hidden;
}
.cbox.article-img-li .img-box .img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.cbox.article-img-li .tbox {
    display: block; position: absolute; bottom: 0px; left: 12px; right: 12px; padding: 9px 18px 12px 18px;
    background: hsla(0,0%,100%,0.72); border-radius: 12px; box-shadow: 0px 6px 36px -6px hsla(0,0%,0%,0.12);
    -webkit-backdrop-filter: blur(60px) saturate(120%); backdrop-filter: blur(60px) saturate(120%);
    transform: translate3d(0,0px,0); transition: transform ease 240ms;
}
/* FF */ body.firefox .cbox.article-img-li .tbox {background: hsla(0,0%,100%,1);}
.cbox.article-img-li .tbox .options {display: block; padding: 7px 0px 6px 0px;}
.cbox.article-img-li .tbox .options .mbox {margin: -6px -6px -6px -6px;}
.cbox.article-img-li .tbox .options .mbox .lnk {margin: 6px 6px 6px 6px;}
.cbox.article-img-li .tbox .name {display: block; padding: 0px 0px 3px 0px; font-size: 16px; line-height: 23px; color: var(--black);}
.cbox.article-img-li .tbox .data {display: block; padding: 3px 0px 1px 0px; font-size: 14px; line-height: 20px; color: var(--grey);}

.cbox.article-img-li:hover .tbox {transform: translate3d(0,-12px,0);}



/**************** CBOX SCIENCE LIST ITEM ****************/

.cbox.article-science-li {padding: 0px 24px 0px 24px;}
.cbox.article-science-li .name {padding: 18px 0px 12px 0px; font-size: 20px; line-height: 29px; color: var(--black);}
.cbox.article-science-li .data {font-size: 14px; line-height: 20px; color: var(--grey);}
.cbox.article-science-li .bottom-box {padding: 12px 0px 18px 0px;}



/**************** CBOX CONTACTS BOX ****************/

.cbox.contacts-box {padding: 24px 24px 0px 24px;}
.cbox.contacts-box pre {display: block; margin: -3px 0px 6px 0px; font-weight: 800; font-size: 12px; line-height: 18px; text-transform: uppercase; letter-spacing: 1px; color: var(--grey);}
.cbox.contacts-box p {padding: 0px 0px 18px 0px; font-weight: 700; font-size: 18px; line-height: 24px; color: var(--black);}


@media screen and (max-width: 750px) {
    .cbox.contacts-box {padding: 24px 18px 0px 18px;}
}



/**************** CBOX DONATE BOX ****************/

.cbox.donate-box .top {width: 100%; margin: 0px 0px 0px 0px;}
.cbox.donate-box .mbox {margin: 0px -12px 0px 0px;}
.cbox.donate-box .sum {
    height: 60px; width: calc(33.333% - 12px); margin: 0px 12px 12px 0px; padding: 9px 9px 9px 54px;
    font-weight: 700; font-size: 18px; line-height: 42px; text-align: center;
    background: var(--bg-grey); border-radius: 9px; cursor: pointer;
}
.cbox.donate-box .sum:before {
    content: ''; display: block; position: absolute; top: 50%; left: 18px; width: 18px; height: 18px; margin-top: -9px;
    background: var(--white); border-radius: 100%; transition: background ease 240ms;
}
.cbox.donate-box .sum.sel {box-shadow: 0px 0px 0px 2px var(--br-main);}
.cbox.donate-box .sum.sel:before {background: var(--main);}
.cbox.donate-box .sum input {height: 42px; width: 100%; font-weight: 700; font-size: 18px; text-align: center;}
.cbox.donate-box .fitem.error input {border: solid 1px var(--br-red);}

.cbox.donate-box .bottom {width: 100%;}
.cbox.donate-box .bottom .fitem {width: 50%;}


@media screen and (max-width: 500px) {
    .cbox.donate-box .sum {width: calc(100% - 12px);}
    .cbox.donate-box .nomobi {display: none;}
    .cbox.donate-box .bottom .fitem {width: 100%;}
}


/**************** CBOX FAQ BOX ****************/

.faq-list {padding-bottom: 12px;}
.cbox.faq-box {margin-bottom: 24px !important; box-shadow: 0px 6px 36px -6px hsla(0,0%,0%,0); transition: box-shadow linear 360ms;}
.cbox.faq-box.open {box-shadow: 0px 6px 36px -6px hsla(0,0%,0%,0.12);}
.cbox.faq-box .cbox-ttl {padding: 19px 60px 20px 24px;}
.cbox.faq-box h4 {font-size: 20px; line-height: 29px;}
.cbox.faq-box article.article {padding: 18px 24px 6px 24px;}

@media screen and (max-width: 750px) {
    .cbox.faq-box .cbox-ttl {padding: 13px 48px 14px 18px;}
    .cbox.faq-box h4 {font-size: 16px; line-height: 23px;}
    .cbox.faq-box article.article {padding: 18px 18px 6px 18px;}
}


/**************** CBOX PAYCARDS BOX ****************/

.cbox .paycard-box {padding: 0px 24px 0px 24px;}
.cbox .paycard-box .card .name {padding: 18px 0px 12px 0px; font-size: 18px; line-height: 25px; color: var(--black);}
.cbox .paycard-box .card .date {font-size: 16px; line-height: 22px; color: var(--grey);}
.cbox .paycard-box .bbox {padding: 18px 0px 18px 0px;}


@media screen and (max-width: 750px) {
    .cbox .paycard-box {padding: 0px 18px 0px 18px;}
}



/**************** CBOX PERSON USER AREA LIST ITEM ****************/

.cbox.person-uarea-li {
    display: block; position: relative; margin: 0px; padding: 0px 18px 0px 18px;
    font-size: 14px; line-height: 20px; color: var(--grey);
    transform: translate(0px,0px); cursor: pointer; transition: background ease 240ms;
}
.cbox.person-uarea-li:hover {background: var(--bg-main-light);}
.cbox.person-uarea-li .name-box {flex-wrap: nowrap; -webkit-flex-wrap: nowrap; padding: 12px 0px 0px 0px;}
.cbox.person-uarea-li .name-box .img {display: block; width: 72px; height: 72px; margin: 6px 18px 0px 0px; border-radius: 9px; overflow: hidden;}
.cbox.person-uarea-li .name-box .img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.cbox.person-uarea-li .name-box .text-box {flex: 1 1 auto; -webkit-flex: 1 1 auto; display: block;}
.cbox.person-uarea-li .name-box .img + .text-box {padding: 3px 0px 0px 0px;}
.cbox.person-uarea-li .name-box .name {display: block; max-width: 100%; padding: 0px 18px 0px 0px; font-size: 16px; line-height: 23px; color: var(--black); box-sizing: border-box;}
.cbox.person-uarea-li .name-box .code {display: block; padding: 7px 0px 0px 0px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
.cbox.person-uarea-li .name-box .type {display: block; padding: 6px 0px 0px 0px;}
.cbox.person-uarea-li .data-box {display: block; padding: 12px 0px 6px 0px;}
.cbox.person-uarea-li .data { border-bottom: dashed 1px var(--br-grey);}
.cbox.person-uarea-li .data:last-child {border-bottom: none;}
.cbox.person-uarea-li .data i {display: block; width: 50%; padding: 6px 6px 6px 0px; font-style: normal; box-sizing: border-box;}
.cbox.person-uarea-li .data b {display: block; width: 50%; padding: 6px 0px 6px 6px; font-style: normal; box-sizing: border-box; color: var(--black);}
.cbox.person-uarea-li .data b.grey {color: var(--grey);}
.cbox.person-uarea-li .data b.green {color: var(--green);}
.cbox.person-uarea-li .alarm {position: absolute; top: 12px; right: 12px;}

.cbox.person-uarea-li .onair {position: absolute; top: 12px; right: 12px; animation: splash 1800ms infinite linear forwards;}
@keyframes splash { 0% {opacity: 1;} 25% {opacity: 1;} 50% {opacity: 0;} 75% {opacity: 1;} 100% {opacity: 1;} }

/**************** CBOX PSYCHILOGIST IMG LIST ITEM ****************/

.psychologist-img-li {display: block; position: relative; padding: 18px 0px 0px 0px; box-sizing: border-box;}
.psychologist-img-li span {display: block; position: relative; box-sizing: border-box;}
.psychologist-img-li .cbox {
    position: relative; margin: 0px !important; padding: 18px 18px 18px 18px; cursor: pointer; box-sizing: border-box;
    background: hsla(0,0%,100%,0.72); -webkit-backdrop-filter: blur(60px) saturate(120%); backdrop-filter: blur(60px) saturate(120%); z-index: 2;
}
.psychologist-img-li .cbox .img-box {
    width: 100%; margin-top: -36px; border-radius: 12px; box-shadow: 0px 6px 36px -6px hsla(0,0%,0%,0.12);
    transform: translate(0px,0px); transition: transform ease 240ms; overflow: hidden;
    
}
.psychologist-img-li:hover .cbox .img-box {transform: translate(0px,-6px);}
.psychologist-img-li .img-box .img {width: 100%; padding-top: 100%; border-radius: 12px; overflow: hidden;}
.psychologist-img-li .img-box .img img {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover;}

.psychologist-img-li .cbox .txt {padding: 12px 0px 0px 0px;}
.psychologist-img-li .cbox .txt .name {max-width: 100%; font-size: 18px; line-height: 25px; color: var(--black);}
.psychologist-img-li .cbox .txt .type {width: 100%; padding: 9px 0px 9px 0px; font-size: 14px; line-height: 20px; color: var(--grey);}
.psychologist-img-li .cbox .txt .type .mbox {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap;
    justify-content: flex-start; -webkit-justify-content: flex-start; align-items: flex-start; -webkit-align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start;
    margin: -3px -12px -3px -12px;
}
.psychologist-img-li .cbox .txt .type .mbox > span {margin: 3px 12px 3px 12px;}

.psychologist-img-li .cbox .sub-box {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: flex-start; -webkit-justify-content: flex-start; align-items: flex-start; -webkit-align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start;
    width: 100%; padding: 6px 0px 0px 0px;
}
.psychologist-img-li .cbox .methods {
    display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: flex-end; -webkit-justify-content: flex-end; align-items: flex-start; -webkit-align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start;
    flex: 1 1 auto; -webkit-flex: 1 1 auto; width: calc(100% - 105px); height: 54px;
}
.psychologist-img-li .cbox .methods .bbox {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap;
    justify-content: flex-start; -webkit-justify-content: flex-start; align-items: flex-start; -webkit-align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start;
    max-width: 100%; padding: 0px 0px 12px 0px;
}
.psychologist-img-li .cbox .methods .bbox:last-child {padding: 0px 0px 0px 0px;}
.psychologist-img-li .cbox .methods .method {max-width: 100%; padding: 5px 6px 5px 6px; background: var(--bg-grey); border-radius: 4px;}
.psychologist-img-li .cbox .methods .method b {
    display: block; margin-bottom: -1px; font-weight: 700; font-size: 10px; line-height: 12px; color: var(--black);
    text-transform: uppercase; letter-spacing: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.psychologist-img-li .cbox .price {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap;
    justify-content: flex-end; -webkit-justify-content: flex-end; align-items: flex-start; -webkit-align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start;
    flex: 0 0 auto; -webkit-flex: 0 0 auto; width: 105px;
}
.psychologist-img-li .cbox .price .pval {display: block; padding: 12px 0px 9px 0px; font-weight: 700; font-size: 20px; line-height: 22px; color: var(--black); border-top: solid 1px var(--br-grey);}
.psychologist-img-li .cbox .price .ptxt {display: block; margin: 0px 0px -2px 0px; font-size: 10px; line-height: 12px; text-transform: uppercase; letter-spacing: 1px; color: var(--grey);}

/**************** CBOX MARATHONS IMG LIST ITEM ****************/

.marathon-img-li {display: block; position: relative; padding: 18px 0px 0px 0px; box-sizing: border-box;}
.marathon-img-li span {display: block; position: relative; box-sizing: border-box;}
.marathon-img-li .cbox {
    position: relative; margin: 0px !important; padding: 18px 18px 18px 18px; cursor: pointer; box-sizing: border-box;
    background: hsla(0,0%,100%,0.72); -webkit-backdrop-filter: blur(60px) saturate(120%); backdrop-filter: blur(60px) saturate(120%); z-index: 2;
}
.marathon-img-li .cbox .img-box {
    width: 100%; margin-top: -36px; border-radius: 12px; box-shadow: 0px 6px 36px -6px hsla(0,0%,0%,0.12);
    transform: translate(0px,0px); transition: transform ease 240ms; overflow: hidden;
    
}
.marathon-img-li:hover .cbox .img-box {transform: translate(0px,-6px);}
.marathon-img-li .img-box .img {width: 100%; padding-top: 100%; border-radius: 12px; overflow: hidden;}
.marathon-img-li .img-box .img img {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover;}
.marathon-img-li .img-box .grad {
    display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
    background: -moz-linear-gradient(bottom, hsla(0,0%,0%,0.6) 0%, hsla(0,0%,0%,0.42) 50%, hsla(0,0%,0%,0.24) 100%);
    background: -webkit-linear-gradient(bottom, hsla(0,0%,0%,0.6) 0%, hsla(0,0%,0%,0.42) 50%, hsla(0,0%,0%,0.24) 100%);
    background: linear-gradient(to top, hsla(0,0%,0%,0.6) 0%, hsla(0,0%,0%,0.42) 50%, hsla(0,0%,0%,0.24) 100%);
    opacity: 1; transition: opacity ease 240ms; z-index: 2;
}
.marathon-img-li .img-box .name {
    position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0px 12px 18px 12px; text-align: center; font-size: 20px; line-height: 29px;
    color: var(--white); text-shadow: 0px 3px 3px hsla(0,0%,0%,0.24);
    box-sizing: border-box; transform: translate3d(0,0px,0); transition: transform ease 240ms; z-index: 3;
}
.marathon-img-li .cbox .sub-box {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
    width: 100%; padding: 18px 0px 0px 0px;
}
.marathon-img-li .cbox .sub-box .price {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap;
    justify-content: flex-start; -webkit-justify-content: flex-start; align-items: flex-start; -webkit-align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start;
    padding: 2px 0px 0px 0px; font-weight: 700; font-size: 24px; line-height: 1; text-align: center; color: var(--black);
}
.marathon-img-li .cbox .sub-box .price .old {margin: 0px 12px 0px 0px;}
.marathon-img-li .cbox .sub-box .price .old::after {content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 103%; height: 2px; background-color: var(--black); transform: rotate(12deg); transform-origin: 0% 0%;}
.marathon-img-li .cbox .sub-box .price .old ~ .value {color: var(--red);}

/**************** CBOX MARATHON MAIN IMG ****************/

.marathon-main-img {width: 100%; aspect-ratio: 2; overflow: hidden;}
.marathon-main-img img {display: block; width: 100%; height: 100%; object-fit: cover;}

/**************** CBOX MARATHON PRICE BOX ****************/

.marathon-price-box {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap;
    justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
    width: 100%; padding: 24px;
    
}
.marathon-price-box .no-login {padding: 6px 0px 6px 0px; font-weight: 700; font-size: 20px; line-height: 26px; text-align: center; color: var(--black);}
.marathon-price-box .qty {padding: 0px 0px 8px 0px; font-weight: 700; font-size: 14px; line-height: 1; text-transform: uppercase; letter-spacing: 1px; color: var(--grey); border-bottom: solid 1px var(--br-grey);}
.marathon-price-box .price {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap;
    justify-content: center; -webkit-justify-content: center; align-items: flex-start; -webkit-align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start;
    padding: 8px 0px 0px 0px; font-weight: 700; font-size: 24px; line-height: 1; text-align: center; color: var(--black);
}
.marathon-price-box .price .old {margin: 0px 12px 0px 0px;}
.marathon-price-box .price .old::after {content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 103%; height: 2px; background-color: var(--black); transform: rotate(12deg); transform-origin: 0% 0%;}
.marathon-price-box .price .old ~ .value {color: var(--red);}
.marathon-price-box .price.purchased {padding: 2px 0px 0px 0px; font-weight: 700; font-size: 30px; color: var(--green);}

@media screen and (max-width: 600px) {
    .marathon-price-box {justify-content: center; -webkit-justify-content: center;}
    .marathon-price-box .price {width: 100%; padding: 0px 0px 18px 0px;}
}

/**************** CBOX MARATHON TEXT BOX ****************/

.marathon-text-box {width: 100%;}

/**************** CBOX PSYHO ABOUT TEXT ****************/

.cbox.psyho-about-text-box {}
.cbox.psyho-about-text-box .about {padding: 12px 24px 12px 24px; font-size: 16px; line-height: 22px; color: var(--black-ow);}
.cbox.psyho-about-text-box .about .mbox .txt {width: 100%; height: 110px; overflow: hidden;}
.cbox.psyho-about-text-box .about .mbox .txt p {padding: 6px 0px 6px 0px;}
.cbox.psyho-about-text-box .about .mbox .txt:after {
    content: ''; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 66px; z-index: 5;
    background: -moz-linear-gradient(bottom, hsla(0,0%,100%,1) 0%, hsla(0,0%,100%,0) 100%);
    background: -webkit-linear-gradient(bottom, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0) 100%);
    background: linear-gradient(to top, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0) 100%);
}
.cbox.psyho-about-text-box .about .mbox .more-lbox {padding: 6px 0px 6px 0px;}

.cbox.psyho-about-text-box .about .mbox.more .txt {height: auto;}
.cbox.psyho-about-text-box .about .mbox.more .txt:after {display: none;}
.cbox.psyho-about-text-box .about .mbox.more .more-lbox {display: none;}


@media screen and (max-width: 750px) {
    .cbox.psyho-about-text-box .about {padding: 12px 18px 12px 18px;}
}


/**************** CBOX PSYHO DATE SELECT ****************/

.cbox.psyho-date-select-box {}
.cbox.psyho-date-select-box .date-list-box {padding: 0px 24px 0px 24px;}
.cbox.psyho-date-select-box .date-list-box .mbox .date-list .date {display: none; border-bottom: dashed 1px var(--br-grey);}
.cbox.psyho-date-select-box .date-list-box .mbox .date-list .date:nth-child(1) {display: block; border-bottom: none;}

.cbox.psyho-date-select-box .date-list-box .mbox .date-list .date .day {padding: 18px 0px 6px 0px; font-weight: 700; font-size: 18px; line-height: 24px; color: var(--black);}
.cbox.psyho-date-select-box .date-list-box .mbox .date-list .date .times {padding: 6px 0px 24px 0px;}
.cbox.psyho-date-select-box .date-list-box .mbox .date-list .date .times .mbox {margin: -6px -6px -6px -6px;}
.cbox.psyho-date-select-box .date-list-box .mbox .date-list .date .times .time {width: calc(14.285714% - 12px); margin: 6px 6px 6px 6px; padding-left: 6px !important; padding-right: 6px !important;}

.cbox.psyho-date-select-box .date-list-box .mbox .more-lbox {margin-top: -6px; padding: 0px 0px 18px 0px;}

.cbox.psyho-date-select-box .date-list-box .mbox.more .date-list .date {display: block !important; border-bottom: dashed 1px var(--br-grey) !important;}
.cbox.psyho-date-select-box .date-list-box .mbox.more .date-list .date:last-child {border-bottom: none !important;}
.cbox.psyho-date-select-box .date-list-box .mbox.more .more-lbox {display: none;}
.cbox.psyho-date-select-box .date-list-box .empty-list {padding: 30px 18px 30px 18px; font-weight: 700; font-size: 20px; line-height: 26px; color: var(--black);}
.cbox.psyho-date-select-box .date-list-box .empty-list p {max-width: 100%; text-align: center;}
.cbox.psyho-date-select-box .date-list-box .empty-list + .more-lbox {display: none;}

.psyho-date-select-text {margin-top: -24px; padding: 0px 12px 30px 12px; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; color: var(--grey);}
.psyho-date-select-text span {font-weight: 700;}


@media screen and (max-width: 750px) {
    .cbox.psyho-date-select-box .date-list-box {padding: 0px 18px 0px 18px;}
}

@media screen and (max-width: 500px) {
    .cbox.psyho-date-select-box .date-list-box .mbox .date-list .date .times .time {width: calc(25% - 12px);}
}



/**************** CBOX PSYHO DIPLOMAS LIST ****************/

.cbox.psyho-diplomas-list-box {}
.cbox.psyho-diplomas-list-box .psyho-diploma-add > b {margin-bottom: -2px;}
.cbox.psyho-diplomas-list-box .psyho-diplomas-list {padding: 0px 24px 0px 24px;}
.cbox.psyho-diplomas-list-box .psyho-diplomas-txt {padding: 18px 0px 18px 0px; font-weight: 700; font-size: 16px; line-height: 22px; text-align: center; color: var(--black); border-bottom: dashed 1px var(--br-grey);}
.cbox.psyho-diplomas-list-box .form {margin: 0px -24px;}

.cbox.psyho-diplomas-list-box .psyho-diploma {margin-top: 24px; padding: 0px 24px 0px 24px; background: var(--bg-grey-light); border-radius: 12px;}
.cbox.psyho-diplomas-list-box .psyho-diploma:last-child {border-bottom: none;}
.cbox.psyho-diplomas-list-box .psyho-diploma .ttl {margin-bottom: -6px; padding: 18px 30px 0px 0px; font-weight: 700; font-size: 20px; line-height: 26px; color: var(--black);}
.cbox.psyho-diplomas-list-box .psyho-diploma .psyho-diploma-remove {position: absolute; top: 13px; right: 12px; width: 36px; height: 36px; font-size: 24px; line-height: 36px; text-align: center; z-index: 10;}
.cbox.psyho-diplomas-list-box .psyho-diploma .form .fitem.desc {width: 75%;}
.cbox.psyho-diplomas-list-box .psyho-diploma .form .fitem.fimgs {width: 25%;}
.cbox.psyho-diplomas-list-box .psyho-diploma .form .fitem.fimgs .fibox .img {width: calc(100% - 12px); padding-top: 124px;}
.cbox.psyho-diplomas-list-box .psyho-diploma .form .fitem.fimgs .fibox .img:nth-last-child(2) {display: none;}


@media screen and (max-width: 750px) {
    .cbox.psyho-diplomas-list-box .psyho-diplomas-list {padding: 0px 18px 0px 18px;}
    .cbox.psyho-diplomas-list-box .psyho-diploma {padding: 0px 18px 0px 18px;}
    .cbox.psyho-diplomas-list-box .form {margin: 0px -18px;}
    .cbox.psyho-diplomas-list-box .psyho-diploma .form .fitem.desc {width: 100%;}
    .cbox.psyho-diplomas-list-box .psyho-diploma .form .fitem.fimgs {width: 100%;}
    .cbox.psyho-diplomas-list-box .fbbox.settings .btn {padding: 17px 20px 17px 20px;}
    .cbox.psyho-diplomas-list-box .fbbox.settings .btn b {display: none;}
}



/**************** CBOX PSYHO EDU LIST ****************/

.cbox.psyho-edu-list-box {}
.cbox.psyho-edu-list-box .edu-list-box {padding: 0px 24px 0px 24px;}
.cbox.psyho-edu-list-box .edu-list-box .mbox .edu-list {height: 121px; overflow: hidden;}
.cbox.psyho-edu-list-box .edu-list-box .mbox .edu-list .edu {
    flex-wrap: nowrap; -webkit-flex-wrap: nowrap; padding: 18px 0px 18px 0px;
    font-size: 16px; line-height: 22px; color: var(--black); border-bottom: dashed 1px var(--br-grey);
}
.cbox.psyho-edu-list-box .edu-list-box .mbox .edu-list:after {
    content: ''; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 66px; z-index: 5;
    background: -moz-linear-gradient(bottom, hsla(0,0%,100%,1) 0%, hsla(0,0%,100%,0) 100%);
    background: -webkit-linear-gradient(bottom, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0) 100%);
    background: linear-gradient(to top, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0) 100%);
}
.cbox.psyho-edu-list-box .edu-list-box .mbox .edu-list .edu:last-child {border-bottom: none;}
.cbox.psyho-edu-list-box .edu-list-box .mbox .edu-list .edu .year {width: 60px; padding: 0px 0px 12px 0px;}
.cbox.psyho-edu-list-box .edu-list-box .mbox .edu-list .edu .txt {flex: 1 1 auto; -webkit-flex: 1 1 auto;}
.cbox.psyho-edu-list-box .edu-list-box .mbox .more-lbox {padding: 18px 0px 18px 0px;}

.cbox.psyho-edu-list-box .edu-list-box .mbox.more .edu-list {height: auto;}
.cbox.psyho-edu-list-box .edu-list-box .mbox.more .edu-list:after {display: none;}
.cbox.psyho-edu-list-box .edu-list-box .mbox.more .more-lbox {display: none;}


@media screen and (max-width: 750px) {
    .cbox.psyho-edu-list-box .edu-list-box {padding: 0px 18px 0px 18px;}
}

@media screen and (max-width: 500px) {
    .cbox.psyho-edu-list-box .edu-list-box .mbox .edu-list .edu {flex-wrap: wrap; -webkit-flex-wrap: wrap;}
    .cbox.psyho-edu-list-box .edu-list-box .mbox .edu-list .edu .year {width: 100%; padding: 0px 0px 12px 0px;}
    .cbox.psyho-edu-list-box .edu-list-box .mbox .edu-list .edu .txt {width: 100%;}
}


/**************** CBOX PSYHO MAIN IMG BOX ****************/

.psyho-main-img-box {width: 100%; padding: 24px 0px 0px 0px;}
.psyho-main-img-box .cbox {width: 100%; padding: 24px 24px 24px 24px;}
.psyho-main-img-box .img-box {width: 40%; margin-top: -48px; border-radius: 12px; box-shadow: 0px 6px 36px -6px hsla(0,0%,0%,0.12); overflow: hidden;}
.psyho-main-img-box .img-box .img {width: 100%; padding-top: 100%;}
.psyho-main-img-box .img-box .img img {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover;}
.psyho-main-img-box .cbox .txt {width: 60%; margin-top: -6px; padding: 0px 0px 0px 24px;}
.psyho-main-img-box .cbox .txt .name {max-width: 100%; padding: 3px 0px 6px 0px; font-size: 18px; line-height: 25px; color: var(--black);}
.psyho-main-img-box .cbox .txt .type {width: 100%; padding: 3px 0px 9px 0px; font-size: 14px; line-height: 20px; color: var(--grey);}
.psyho-main-img-box .cbox .txt .type .mbox {margin: -3px -12px -3px -12px;}
.psyho-main-img-box .cbox .txt .type .mbox > * {margin: 3px 12px 3px 12px;}
.psyho-main-img-box .cbox .txt .price {padding: 6px 0px 0px 0px;}
.psyho-main-img-box .cbox .txt .price .pval {padding: 12px 0px 9px 0px; font-weight: 700; font-size: 20px; line-height: 22px; color: var(--black); border-top: solid 1px var(--br-grey);}
.psyho-main-img-box .cbox .txt .price .ptxt {margin: 0px 0px -2px 0px; font-size: 10px; line-height: 12px; text-transform: uppercase; letter-spacing: 1px; color: var(--grey);}

.psyho-main-img-box .cbox .txt .price.supervisor .pval {padding: 12px 0px 12px 0px; font-weight: 700; font-size: 30px; line-height: 30px; color: var(--black); border-top: none;}
.psyho-main-img-box .cbox .txt .price.supervisor .ptxt {margin: 0px 0px 0px 0px; font-weight: 800; font-size: 12px; line-height: 18px; text-transform: uppercase; letter-spacing: 1px; color: var(--black);}

.psyho-main-img-box .methods-list {width: 100%; padding: 18px 0px 0px 0px;}
.psyho-main-img-box .methods-list .methods-ttl {padding: 3px 0px 12px 0px; font-weight: 800; font-size: 12px; line-height: 18px; text-transform: uppercase; letter-spacing: 1px; color: var(--black);}
.psyho-main-img-box .methods-list .methods-ttl b {display: block; font-weight: 800;}
.psyho-main-img-box .methods-list .methods-ttl .lnk {display: block; margin: -1px 0px -1px 12px; font-size: 18px; line-height: 20px;}
.psyho-main-img-box .methods-list .mbox {margin: -3px -12px -9px -12px;}
.psyho-main-img-box .methods-list .li {margin: 3px 12px 3px 12px; font-size: 14px; line-height: 20px; color: var(--grey);}


@media screen and (max-width: 750px) {
    .psyho-main-img-box {padding: 18px 0px 18px 0px;}
    .psyho-main-img-box .cbox {margin-bottom: 18px; padding: 18px 18px 18px 18px;}
    .psyho-main-img-box .img-box {margin-top: -36px;}
    .psyho-main-img-box .cbox .txt {padding: 0px 0px 0px 18px;}
    .psyho-main-img-box .main-img-box {width: 100%; padding: 18px 0px 0px 0px;}
    .psyho-main-img-box .main-img-box .cbox {padding: 18px 18px 24px 18px;}
    .psyho-main-img-box .main-img-box .cbox .img-box {margin-top: -36px;}
    .psyho-main-img-box .side-box {width: 100%; padding: 0px 0px 0px 0px;}
    .psyho-main-img-box .side-box .cbox {padding: 18px 18px 18px 18px;}
}

@media screen and (max-width: 500px) {
    .psyho-main-img-box .img-box {width: 100%;}
    .psyho-main-img-box .cbox .txt {width: 100%; margin-top: 0px; padding: 18px 0px 0px 0px;}
}



/**************** CBOX PSYHO PHOTOS LIST ****************/

.cbox.psyho-photos-list-box {}
.cbox.psyho-photos-list-box .psyho-photos-list {padding: 0px 24px 0px 24px;}
.cbox.psyho-photos-list-box .psyho-photos-list .form {margin: 0px -24px;}
.cbox.psyho-photos-list-box .psyho-photos-list-txt {padding: 18px 0px 18px 0px; font-weight: 700; font-size: 16px; line-height: 22px; text-align: center; color: var(--black); border-bottom: dashed 1px var(--br-grey);}
.cbox.psyho-photos-list-box .form .fbbox {margin-top: -24px;}

@media screen and (max-width: 750px) {
    .cbox.psyho-photos-list-box .psyho-photos-list {padding: 0px 18px 0px 18px;}
    .cbox.psyho-photos-list-box .psyho-photos-list .form {margin: 0px -18px;}
}



/**************** CBOX PSYHO WORKTIME EDITOR ****************/

.psyho-autorenew-box {width: 100%;}
.psyho-autorenew-toggle-box {width: 100%;}
.psyho-autorenew-toggle {padding: 0px 0px 18px 0px;}
.psyho-autorenew-toggle .toggle {width: 66px; height: 36px; background: var(--bg-grey-dark); border-radius: 6px; cursor: pointer;}
.psyho-autorenew-toggle .toggle:after {content: ''; display: block; position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: var(--white); border-radius: 5px;}
.psyho-autorenew-toggle .name {padding: 0px 0px 0px 18px; font-weight: 800; font-size: 24px; line-height: 36px; color: var(--grey);}
.psyho-autorenew-toggle.on .toggle {background: var(--bg-green);}
.psyho-autorenew-toggle.on .toggle:after {left: auto; right: 4px;}
.psyho-autorenew-toggle.on .name {color: var(--black);}
.psyho-autorenew-text {width: 100%; max-width: 800px; padding: 0px 0px 24px 0px; font-size: 14px; line-height: 20px; color: var(--grey);}

@media screen and (max-width: 1000px) {
    .psyho-autorenew-toggle-box {justify-content: center; -webkit-justify-content: center;}
    .psyho-autorenew-text {max-width: 1000px; text-align: center;}
}

@media screen and (max-width: 750px) {
    .psyho-autorenew-toggle .toggle {width: 54px; height: 30px; border-radius: 6px;}
    .psyho-autorenew-toggle .toggle:after {width: 22px; height: 22px; border-radius: 4px;}
    .psyho-autorenew-toggle .name {font-weight: 800; font-size: 22px; line-height: 30px;}
}


/**************** CBOX PSYHO WORKTIME EDITOR ****************/

.cbox-psyho-worktime-editor {padding: 24px 24px 24px 24px;}

.cbox-psyho-worktime-editor .time {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap;
    justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
    
    height: 49px; font-size: 14px; line-height: 20px; text-align: center; color: var(--black); border-bottom: solid 1px var(--br-grey);
}
.cbox-psyho-worktime-editor .time.header {font-weight: 700; background: var(--bg-grey-light);}

.cbox-psyho-worktime-editor .time .check {position: absolute; top: 13px; left: 50%; width: 24px; height: 24px; margin-left: -12px; background: var(--white); border: solid 1px; border-color: var(--br-grey-dark); border-radius: 4px; transition: border-color ease 240ms;}
.cbox-psyho-worktime-editor .time .check .fa-check {display: none; position: absolute; top: 0px; left: 0px; width: 23px; height: 22px; font-size: 20px; line-height: 22px; text-align: center; color: var(--main);}
.cbox-psyho-worktime-editor .time:hover .check {border-color: var(--br-main);}
.cbox-psyho-worktime-editor .time.check .check {border-color: var(--br-main);}
.cbox-psyho-worktime-editor .time.check .check .fa-check {display: block;}

.cbox-psyho-worktime-editor .time .client {display: none; position: absolute; top: 12px; left: 50%; width: 24px; height: 24px; margin-left: -12px; color: var(--main);}
.cbox-psyho-worktime-editor .time .client .fa-user {width: 24px; height: 24px; font-size: 24px; line-height: 24px; text-align: center;}
.cbox-psyho-worktime-editor .time.client .check {display: none;}
.cbox-psyho-worktime-editor .time.client .client {display: block;}

.cbox-psyho-worktime-editor .time.pass {background: var(--bg-grey-dark);}
.cbox-psyho-worktime-editor .time.pass .check {display: none;}
.cbox-psyho-worktime-editor .time.pass.client .client {color: var(--grey);}

.cbox-psyho-worktime-editor .time .fa-spinner {
    display: none; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin: -15px 0px 0px -15px;
    font-size: 24px; line-height: 30px; text-align: center; color: var(--main); animation: sync 1800ms infinite linear forwards;
}
.cbox-psyho-worktime-editor .time.sync {cursor: default !important; pointer-events: none;}
.cbox-psyho-worktime-editor .time.sync > * {opacity: 0;}
.cbox-psyho-worktime-editor .time.sync > .fa-spinner {display: block; opacity: 1;}

.cbox-psyho-worktime-editor .worktime-time {width: 12.5%; background: var(--bg-grey-light);}
.cbox-psyho-worktime-editor .worktime-week {width: 87.5%;}
.cbox-psyho-worktime-editor .worktime-day {width: 14.285714%;}
.cbox-psyho-worktime-editor .worktime-day.day6, .cbox-psyho-worktime-editor .worktime-day.day7 {background: var(--bg-red-light);}
.cbox-psyho-worktime-editor .worktime-day.day6  .time.header, .cbox-psyho-worktime-editor .worktime-day.day7  .time.header {color: var(--red);}
.cbox-psyho-worktime-editor .worktime-day .time {cursor: pointer;}
.cbox-psyho-worktime-editor .worktime-day .time.pass {cursor: default;}
.cbox-psyho-worktime-editor .worktime-day .time.pass.client {cursor: pointer;}


@media screen and (max-width: 750px) {
    .cbox-psyho-worktime-editor {padding: 18px 18px 18px 18px;}
    .cbox-psyho-worktime-editor .worktime-time {width: 60px;}
    .cbox-psyho-worktime-editor .worktime-week {width: auto;}
    .cbox-psyho-worktime-editor .worktime-day {width: 60px;}
}

/**************** CBOX PSYHO THEMES LIST BOX ****************/

.cbox.psyho-themes-list-box {}
.cbox.psyho-themes-list-box .psyho-themes-list {padding: 18px 24px 18px 24px;}
.cbox.psyho-themes-list-box .psyho-themes-list .mbox {margin: -3px -12px -3px -12px;}
.cbox.psyho-themes-list-box .psyho-themes-list .li {margin: 3px 12px 3px 12px; font-size: 14px; line-height: 20px; color: var(--grey);}


@media screen and (max-width: 750px) {
    .cbox.psyho-themes-list-box .psyho-themes-list {padding: 18px 18px 18px 18px;}
}



/**************** CBOX RESEARCH LIST ITEM ****************/

.cbox.research-li {display: block; position: relative; margin: 0px;} 
.cbox.research-li .main-box {padding: 12px 24px 12px 24px;}
.cbox.research-li .options.lbox {display: block; padding: 10px 0px 6px 0px;}
.cbox.research-li .options.lbox .mbox {margin: -6px -6px -6px -6px;}
.cbox.research-li .options.lbox .mbox .lnk {margin: 6px 6px 6px 6px;}
.cbox.research-li .options.bbox {display: block; padding: 6px 0px 6px 0px;}
.cbox.research-li .options.bbox .mbox {margin: -6px -12px -6px -12px;}
.cbox.research-li .options.bbox .mbox .lnk {margin: 6px 12px 6px 12px;}
.cbox.research-li .name {display: block; padding: 6px 0px 6px 0px; font-size: 24px; line-height: 33px; color: var(--black);}
.cbox.research-li .data {display: block; padding: 6px 0px 6px 0px; font-size: 14px; line-height: 20px; color: var(--grey);}
.cbox.research-li .data .mbox {margin: -6px -12px -6px -12px;}
.cbox.research-li .data .mbox > * {margin: 6px 12px 6px 12px;}
.cbox.research-li .progress {margin: 0px 0px 12px 0px; background: var(--bg-grey-light); overflow: hidden;}
.cbox.research-li .progress .bar {position: absolute; top: 0px; left: 0px; height: 100%; z-index: 1; background: var(--bg-main-sublight);}
.cbox.research-li .progress b {color: var(--black); z-index: 2;}
.cbox.research-li .center-box {padding: 0px 24px 12px 24px;}
.cbox.research-li .bottom-box {padding: 18px 24px 18px 24px; border-top: solid 1px var(--br-grey);}
.cbox.research-li .bottom-box .mbox {margin: -6px -18px -6px -18px;}
.cbox.research-li .bottom-box .mbox .lnk {margin: 6px 18px 6px 18px;}


@media screen and (max-width: 750px) {
    .cbox.research-li .main-box {padding: 12px 18px 12px 18px;}
    .cbox.research-li .name {font-size: 20px; line-height: 29px;}
    .cbox.research-li .center-box {padding: 0px 18px 12px 18px;}
    .cbox.research-li .bottom-box {padding: 18px 18px 18px 18px;}
    .cbox.research-li .bottom-box.flex-end {justify-content: center; -webkit-justify-content: center;}
    .cbox.research-li .bottom-box .mbox.flex-between {justify-content: center; -webkit-justify-content: center;}
}



/**************** CBOX RESEARCH ONE CHECK LIST ****************/

.cbox.research-one-check-list {}
.cbox.research-one-check-list .lipad {width: 100% !important; padding: 0px 24px 0px 24px; border-bottom: solid 1px var(--br-grey);}
.cbox.research-one-check-list .lipad:last-child {border-bottom: none;}
.cbox.research-one-check-list .content-check-li {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: flex-start; -webkit-justify-content: flex-start; align-items: stretch; -webkit-align-items: stretch; align-content: center; -webkit-align-content: center;
}
.cbox.research-one-check-list .content-check-li .check {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
}
.cbox.research-one-check-list .content-check-li .check i {display: block; width: 28px; font-size: 36px; line-height: 36px; color: var(--br-grey); text-align: center;}
.cbox.research-one-check-list .content-check-li .check.passed i {color: var(--main);}
.cbox.research-one-check-list .content-check-li .text-box {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
    flex: 1 1 auto; -webkit-flex: 1 1 auto;
}
.cbox.research-one-check-list .content-check-li .text {flex: 1 1 auto; -webkit-flex: 1 1 auto; padding: 12px 24px 12px 24px;}
.cbox.research-one-check-list .content-check-li .options {display: block; padding: 10px 0px 6px 0px;}
.cbox.research-one-check-list .content-check-li .options .mbox {margin: -6px -6px -6px -6px;}
.cbox.research-one-check-list .content-check-li .options .mbox .lnk {margin: 6px 6px 6px 6px;}
.cbox.research-one-check-list .content-check-li .name {display: block; padding: 6px 0px 6px 0px; font-size: 20px; line-height: 29px; color: var(--black);}
.cbox.research-one-check-list .content-check-li .data {display: block; padding: 6px 0px 6px 0px; font-size: 14px; line-height: 20px; color: var(--grey);}
.cbox.research-one-check-list .content-check-li .data .mbox {margin: -6px -12px -6px -12px;}
.cbox.research-one-check-list .content-check-li .data .mbox > * {margin: 6px 12px 6px 12px;}

.cbox.research-one-check-list .content-check-li .btn-box {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
    padding: 15px 0px 15px 0px;
}
.cbox.research-one-check-list .content-check-li .btn-box .btn {min-width: 112px;}


@media screen and (max-width: 750px) {
    .cbox.research-one-check-list .lipad {width: 100%; padding: 0px 18px 0px 18px;}
    .cbox.research-one-check-list .content-check-li .text-box {display: block !important;}
    .cbox.research-one-check-list .content-check-li .text {padding: 12px 0px 12px 18px;}
    .cbox.research-one-check-list .content-check-li .btn-box {padding: 0px 0px 24px 18px;}
}



/**************** CBOX SESSION USER AREA OPTIONS ITEM ****************/

.cbox.session-uarea-options-box {}
.cbox.session-uarea-options-box .main-box {padding: 18px 24px 18px 24px;}
.cbox.session-uarea-options-box .main-box .ttl {font-weight: 700; font-size: 20px; line-height: 29px; text-align: center; color: var(--black);}
.cbox.session-uarea-options-box .main-box .ttl.grey {color: var(--grey);}
.cbox.session-uarea-options-box .main-box .time-clock-box {padding: 18px 0px 6px 0px;}
.cbox.session-uarea-options-box .main-box .pay {padding: 12px 0px 0px 0px; font-weight: 700; font-size: 20px; line-height: 26px; text-align: center;}
.cbox.session-uarea-options-box .main-box .pay.red {color: var(--red);}
.cbox.session-uarea-options-box .main-box .pay.green {color: var(--green);}
.cbox.session-uarea-options-box .main-box .txt {padding: 12px 0px 0px 0px; font-size: 14px; line-height: 20px; text-align: center; color: var(--black);}
.cbox.session-uarea-options-box .main-box .btn {margin: 18px 0px 6px 0px;}
.cbox.session-uarea-options-box .sub-box {padding: 18px 24px 6px 24px; border-top: solid 1px var(--br-grey);}
.cbox.session-uarea-options-box .sub-box .lnk {margin: 0px 0px 12px 0px;}
.cbox.session-uarea-options-box .sub-box.active {background: var(--bg-grey-light);}


@media screen and (max-width: 750px) {
    .cbox.session-uarea-options-box .main-box {padding: 18px 18px 18px 18px;}
    .cbox.session-uarea-options-box .sub-box {padding: 18px 18px 6px 18px;}
}



/**************** CBOX SUPERVISION REPORTS LIST ITEM ****************/

.cbox-supervisions-reports-list {width: 100%;}
.cbox-supervisions-reports-list .report {width: 100%; padding: 18px 24px 18px 24px; border-bottom: solid 1px var(--br-grey);}
.cbox-supervisions-reports-list .report:last-child {border-bottom: none;}
.cbox-supervisions-reports-list .report .ttl {padding: 0px 0px 12px 0px; font-weight: 700; font-size: 16px; line-height: 22px; color: var(--black);}
.cbox-supervisions-reports-list .report .txt {font-size: 14px; line-height: 20px; color: var(--black); white-space: pre-line;}
.cbox-supervisions-reports-list .report .txt.grey {color: var(--grey);}
.cbox-supervisions-reports-list .report .bbox {padding: 12px 0px 0px 0px;}


@media screen and (max-width: 750px) {
    .cbox-supervisions-reports-list .report {padding: 18px 18px 18px 18px;}
}



/**************** CBOX TABLE ****************/

.cbox-table-box {width: 100%; padding: 3px 24px 3px 24px; font-size: 16px; line-height: 22px; color: var(--grey);}
.cbox-table-box .table-tr {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap;
    justify-content: flex-start; -webkit-justify-content: flex-start; align-items: flex-start; -webkit-align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start;
    width: 100%; padding: 9px 0px 9px 0px; border-bottom: dashed 1px var(--br-grey);
}
.cbox-table-box .table-tr:last-child {border-bottom: none;}
.cbox-table-box .table-td {flex: 0 0 auto; -webkit-flex: 0 0 auto; padding: 6px 6px 6px 6px;}
.cbox-table-box .table-td.nofix {flex: 1 1 auto; -webkit-flex: 1 1 auto;}
.cbox-table-box .table-td:first-child {padding-left: 0px;}
.cbox-table-box .table-td:last-child {padding-right: 0px;}
.cbox-table-box .table-td.dark-td {font-weight: 700; color: var(--black);}
.cbox-table-box .table-td.dark-td.red {color: var(--red);}
.cbox-table-box .table-td.dark-td.orange {color: var(--orange);}
.cbox-table-box .table-td.dark-td.green {color: var(--green);}

.cbox-table-box.table-50-50 {}
.cbox-table-box.table-50-50 .table-td {width: 50%;}

.cbox-table-box.payhistory .table-tr {flex-wrap: nowrap; -webkit-flex-wrap: nowrap;}
.cbox-table-box.payhistory .table-td {padding: 6px 0px 6px 0px;}
.cbox-table-box.payhistory .table-td.date {width: 144px; color: var(--black);}
.cbox-table-box.payhistory .table-td.sum {width: 144px; font-weight: 700; text-align: center; color: var(--black);}
.cbox-table-box.payhistory .table-td.sum.green {color: var(--green);}

@media screen and (max-width: 750px) {
    .cbox-table-box {width: 100%; padding: 6px 18px 6px 18px;}
    .cbox-table-box.table-50-50 .table-td {width: 100%; padding: 6px 0px 6px 0px;}
}

@media screen and (max-width: 500px) {
    .cbox-table-box.payhistory .table-tr {flex-wrap: wrap; -webkit-flex-wrap: wrap;}
    .cbox-table-box.payhistory .table-td.date {width: 60%;}
    .cbox-table-box.payhistory .table-td.sum {width: 40%; text-align: right;}
    .cbox-table-box.payhistory .table-td.desc {width: 100%;}
}



/**************** CBOX TEST IMG LIST ITEM ****************/

.cbox.test-img-li {display: block; position: relative; width: 100%; padding-top: 100%; overflow: hidden;}
.cbox.test-img-li .img {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1;}
.cbox.test-img-li .img img {display: block; width: 100%; height: 100%; object-fit: cover;}
.cbox.test-img-li .grad {
    display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
    background: -moz-linear-gradient(bottom, hsla(0,0%,0%,0.6) 0%, hsla(0,0%,0%,0.42) 50%, hsla(0,0%,0%,0.24) 100%);
    background: -webkit-linear-gradient(bottom, hsla(0,0%,0%,0.6) 0%, hsla(0,0%,0%,0.42) 50%, hsla(0,0%,0%,0.24) 100%);
    background: linear-gradient(to top, hsla(0,0%,0%,0.6) 0%, hsla(0,0%,0%,0.42) 50%, hsla(0,0%,0%,0.24) 100%);
    opacity: 1; transition: opacity ease 240ms; z-index: 2;
}
.cbox.test-img-li .options {position: absolute; top: 0px; left: 0px; width: 100%; z-index: 3;}
.cbox.test-img-li .options .btn {border-radius: 0px 0px 6px 6px;}
.cbox.test-img-li .name {
    position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 0px 12px 18px 12px; text-align: center; font-size: 20px; line-height: 29px;
    color: var(--white); text-shadow: 0px 3px 3px hsla(0,0%,0%,0.24);
    box-sizing: border-box; transform: translate3d(0,0px,0); transition: transform ease 240ms; z-index: 3;
}

.cbox.test-img-li:hover .grad {opacity: 0.84;}
.cbox.test-img-li:hover .name {transform: translate3d(0,-12px,0);}



/**************** CBOX TEST RESULT LIST ITEM ****************/

.cbox.test-result-li {padding: 0px 24px 0px 24px;}
.cbox.test-result-li .name {padding: 18px 0px 0px 0px; font-size: 20px; line-height: 29px; color: var(--black);}
.cbox.test-result-li .bottom-box {margin: 0px -12px 0px -12px; padding: 12px 0px 0px 0px;}
.cbox.test-result-li .bottom-box .date {margin: 0px 12px 12px 12px;padding: 3px 0px 1px 0px; font-size: 14px; line-height: 20px; color: var(--grey);}
.cbox.test-result-li .bottom-box .lnk {margin: 0px 12px 12px 12px;}


@media screen and (max-width: 750px) {
    .cbox.test-result-li {padding: 0px 18px 0px 18px;}
    .cbox.test-result-li .name {font-size: 18px; line-height: 25px;}
    .cbox.test-result-li .bottom-box {padding: 6px 0px 0px 0px;}
}

@media screen and (max-width: 350px) {
    .cbox.test-result-li .date-text {display: none;}
}



.cbox.test-help-ads {display: block; padding: 18px 24px 18px 24px; font-size: 16px; line-height: 22px; color: var(--black); background: hsla(213,90%,84%,1);}
.cbox.test-help-ads .lnk {font-weight: 700; color: var(--green);}



/**************** CBOX VIDEO CHAT BOX ****************/

.cbox.video-chat-box {display: none; height: 400px; background: var(--black); overflow: hidden;}
.cbox.video-chat-box > div {}

.cbox.video-chat-box .connect {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 138px 24px 138px 24px;}
.cbox.video-chat-box .connect > div {width: 100%; text-align: center;}
.cbox.video-chat-box .connect .connect-ttl {display: none; padding: 18px 0px 18px 0px; font-size: 30px; line-height: 39px; color: var(--white);}
.cbox.video-chat-box .connect .connect-text {display: none; padding: 18px 0px 18px 0px; font-weight: 400; font-size: 16px; line-height: 22px; color: var(--white);}
.cbox.video-chat-box .connect .connect-bbox {padding: 24px 0px 24px 0px;}
.cbox.video-chat-box .connect .connect-bbox.btn-404 {display: none;}
.cbox.video-chat-box .connect .connect-bbox.btn-connect {position: absolute; bottom: 36px; left: 0px; width: 100%;}

.cbox.video-chat-box .wait {display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 138px 24px 138px 24px;}
.cbox.video-chat-box .wait .flex-acenter {width: 100%; height: 100%;}
.cbox.video-chat-box .wait .wait-ttl {width: 100%; padding: 18px 0px 18px 0px; font-size: 30px; line-height: 39px; text-align: center; color: var(--white);}

.cbox.video-chat-box[data-cam="off"] .connect .cam-404 {display: block;}
.cbox.video-chat-box[data-mic="off"] .connect .mic-404 {display: block;}
.cbox.video-chat-box[data-mic="off"] .connect .mic-404-text {display: block;}
.cbox.video-chat-box[data-mic="off"] .connect-bbox {display: none;}
.cbox.video-chat-box[data-mic="off"] .connect-bbox.btn-404 {display: block;}
.cbox.video-chat-box[data-cam="off"][data-mic="off"] .connect .cam-404 {display: none;}
.cbox.video-chat-box[data-cam="off"][data-mic="off"] .connect .mic-404 {display: none;}
.cbox.video-chat-box[data-cam="off"][data-mic="off"] .connect .cam-mic-404 {display: block;}
.cbox.video-chat-box[data-connect="on"] .connect {display: none;}
.cbox.video-chat-box[data-connect="on"] .wait {display: block;}

.cbox.video-chat-box .remote {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.cbox.video-chat-box .remote div {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: var(--black);}
.cbox.video-chat-box .remote video {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: var(--black);}
.cbox.video-chat-box[data-connect="on"] .remote {display: block;}

.cbox.video-chat-box .local {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.cbox.video-chat-box .local .local-size {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.cbox.video-chat-box .local video {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.cbox.video-chat-box[data-connect="on"] .local {top: 18px; left: 18px; width: 18%; height: auto;}
.cbox.video-chat-box[data-connect="on"] .local .local-size {height: auto; padding-top: 100%;}
.cbox.video-chat-box[data-connect="on"] .local video {width: auto; max-width: 100%; height: auto; max-height: 100%;}

.cbox.video-chat-box .test-bbox {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 138px 24px 138px 24px;}
.cbox.video-chat-box .test-bbox .flex-acenter {width: 100%; height: 100%;}
.cbox.video-chat-box[data-test="wait"] .test-bbox {display: block;}
.cbox.video-chat-box[data-test="wait"] .connect {display: none;}
.cbox.video-chat-box[data-test="start"] .test-bbox {display: none;}
.cbox.video-chat-box[data-test="start"] .connect {display: block;}
.cbox.video-chat-box[data-test="start"][data-cam="on"] .connect-ttl {display: none;}
.cbox.video-chat-box[data-test="start"][data-cam="on"] .connect-text {display: none;}
.cbox.video-chat-box[data-test="start"][data-cam="off"] .connect-ttl {display: block;}
.cbox.video-chat-box[data-test="start"][data-cam="off"] .connect-text {display: block;}

.cbox.video-chat-box .controls {display: none; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 108px; padding: 0px 18px 18px 18px;}
.cbox.video-chat-box .controls .controls-bbox {width: 100%; max-width: 440px; padding: 18px 9px 18px 9px; background: hsla(0,0%,0%,0.24); border-radius: 12px;}
.cbox.video-chat-box .controls .controls-bbox .btn {min-width: 54px; margin: 0px 9px 0px 9px; padding-left: 0px; padding-right: 0px;}
.cbox.video-chat-box .controls .controls-bbox .btn i {width: 28px; font-size: 24px;}
.cbox.video-chat-box .controls .controls-bbox .btn.btn-mute {background: var(--black);}
.cbox.video-chat-box .controls .controls-bbox .btn.btn-fullscreen {background: var(--black);}
.cbox.video-chat-box .controls .controls-bbox .btn.btn-fullscreen .fa-compress {display: none;}

.cbox.video-chat-box[data-connect="on"] .controls {display: block;}
.cbox.video-chat-box[data-mute="on"] .controls .controls-bbox .btn.btn-mute {background: var(--bg-red);}
.cbox.video-chat-box[data-mute="on"] .controls .controls-bbox .btn.btn-mute:after {
    content: ''; display: block; position: absolute; top: 46%; left: 12%; width: 80%; height: 3px; background: var(--white); transform: rotate(40deg);
}

.cbox.video-chat-box.fullscreen .controls .controls-bbox .btn.btn-fullscreen .fa-expand {display: none;}
.cbox.video-chat-box.fullscreen .controls .controls-bbox .btn.btn-fullscreen .fa-compress {display: block;}

/**/ #body.ios .cbox.video-chat-box[data-connect="on"] .local {display: none !important;}
/**/ #body.ios .cbox.video-chat-box .controls .controls-bbox .btn.btn-fullscreen {display: none !important;}


@media screen and (max-width: 750px) {
    .cbox.video-chat-box {height: 540px;}
    .cbox.video-chat-box[data-connect="on"] .local {width: 36%;}
    .cbox.video-chat-box .wait .wait-ttl {font-size: 24px; line-height: 33px;}
}



/**************** CBOX MIC TEST BOX ****************/

.mic-test-box {width: 100%; padding: 0px 0px 60px 0px;}
.mic-test-box .test-box {width: 100%;} 
.mic-test-box .icon {width: 100%; padding: 0px 0px 24px 0px; font-size: 60px; line-height: 1; text-align: center;}
.mic-test-box .icon i {color: var(--grey);}
.mic-test-box .text {display: none; width: 100%; font-size: 16px; line-height: 22px; text-align: center; color: var(--black);}
.mic-test-box.start.error .icon i {color: var(--red);}
.mic-test-box.start.error .text.error {display: block;}
.mic-test-box.start.ok .text.ok {display: block;}
.mic-test-box.start.ok[data-test="0"] .icon i {color: var(--grey); transition: color ease 300ms;}
.mic-test-box.start.ok[data-test="1"] .icon i {color: hsla(132,66%,42%,1); transition: color ease 0ms;}
.mic-test-box.start .start-bbox {display: none;}



/**************** POPUP ****************//**************** POPUP ****************//**************** POPUP ****************/
/**************** POPUP ****************//**************** POPUP ****************//**************** POPUP ****************/
/**************** POPUP ****************//**************** POPUP ****************//**************** POPUP ****************/

.popup-wrap {
    display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;
    background: hsla(0,0%,90%,0.9); opacity: 0; transition: opacity ease 360ms; z-index: 10000;
}
.popup-wrap.open {opacity: 1;}
.popup-pad {
    display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
    width: 100%; min-height: 100vh; padding: 24px 24px 24px 24px;
}
.popup-close {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; cursor: pointer;}

.popup {display: none; width: 100%; max-width: 420px; opacity: 0; transform: translate3d(0px,24px,0); transition: all ease 360ms;}
.popup.open {opacity: 1; transform: translate3d(0px,0px,0);}
.popup.mw300 {max-width: 300px;}
.popup.mw360 {max-width: 360px;}
.popup.mw480 {max-width: 480px;}
.popup.mw540 {max-width: 540px;}
.popup.mw600 {max-width: 600px;}
.popup.mw660 {max-width: 660px;}
.popup.mw720 {max-width: 720px;}
.popup.mw780 {max-width: 780px;}
.popup.mw840 {max-width: 840px;}
.popup.mw900 {max-width: 900px;}

.popup .cbox-ttl {padding-right: 60px;}
.popup .ppclose-lnk {position: absolute; top: 12px; right: 18px; width: 36px; height: 36px; font-size: 24px; line-height: 38px; text-align: center; z-index: 10;}

/**/ #body.touch .popup-wrap .scrollbox {width: 100%; height: 100%;}
/**/ #body.touch .popup-wrap .scrollbar {width: 100%; height: 100%;}
/**/ #body.touch .popup-wrap .scrollpad {width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto;}
/**/ #body.touch .popup-wrap .popup-pad {width: 100%; min-height: 100%;}


@media screen and (max-width: 750px) {
    .popup-pad {min-height: 0px; padding: 18px 18px 18px 18px;}
    .popup-close {display: none;}
    .popup {max-width: 100% !important; transform: translate3d(0px,0px,0);}
    .popup .cbox-ttl {padding-right: 48px;}
    .popup .ppclose-lnk {top: 9px; right: 12px; font-size: 20px;}
    
}



/**************** POPUP DEFINITE ****************//**************** POPUP DEFINITE ****************//**************** POPUP DEFINITE ****************/
/**************** POPUP DEFINITE ****************//**************** POPUP DEFINITE ****************//**************** POPUP DEFINITE ****************/
/**************** POPUP DEFINITE ****************//**************** POPUP DEFINITE ****************//**************** POPUP DEFINITE ****************/

/**************** NOCLK ****************/

#noclk {display: none; position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 99999999999999999999;}



/**************** AGREEMENT ****************/

#agreement-pp .popup.agreement .agreement-text {height: 342px; padding: 12px 12px 12px 12px; font-size: 14px; line-height: 20px; color: var(--black);}
#agreement-pp .popup.agreement .agreement-text .scrollbox {background: var(--bg-grey-light); border-radius: 9px; overflow: hidden;}
#agreement-pp .popup.agreement .agreement-text .scrollpad {padding: 12px 18px 0px 18px; }
#agreement-pp .popup.agreement .agreement-text p {padding-bottom: 12px;}
#agreement-pp .popup.agreement .agreement-text h1,
#agreement-pp .popup.agreement .agreement-text h2,
#agreement-pp .popup.agreement .agreement-text h3,
#agreement-pp .popup.agreement .agreement-text h4 {padding-top: 11px; padding-bottom: 11px; font-family: 'Nunito', sans-serif; font-style: normal; font-weight: 700; font-size: 20px; line-height: 24px;}
#agreement-pp .popup.agreement .agreement-text a {color: var(--main); opacity: 1; cursor: pointer; transition: opacity ease 240ms;}
#agreement-pp .popup.agreement .agreement-text a:hover {opacity: 0.72;}



/**************** QUEST ****************/

.popup.quest .quest-box {padding: 12px 24px 12px 24px; text-align: center; color: var(--black);}
.popup.quest .quest-ttl {padding: 6px 0px 6px 0px; font-weight: 700; font-size: 20px; line-height: 26px;}
.popup.quest .quest-txt {padding: 6px 0px 6px 0px; font-weight: 400; font-size: 16px; line-height: 22px;}
.popup.quest .quest-bbox {padding: 12px 0px 6px 0px;}


/**************** SCHEDULE CLIENT ****************/

.popup.client-session-schedule .schedule-box {width: 100%; padding: 0px 24px 0px 24px;}
.popup.client-session-schedule .schedule-box .times-day {padding: 18px 0px 6px 0px; font-weight: 700; font-size: 18px; line-height: 24px; color: var(--black);}
.popup.client-session-schedule .schedule-box .times-box {padding: 6px 0px 24px 0px; border-bottom: dashed 1px var(--br-grey);}
.popup.client-session-schedule .schedule-box .times-box:last-child {border-bottom: none;}
.popup.client-session-schedule .schedule-box .times-box .mbox {margin: -6px -6px -6px -6px;}
.popup.client-session-schedule .schedule-box .times-box .time {margin: 6px 6px 6px 6px; width: calc(20% - 12px);}
.popup.client-session-schedule .schedule-box .times-box .time.err {opacity: 1; cursor: default;}
.popup.client-session-schedule .schedule-box .times-bbox {padding: 12px 12px 24px 12px;}


@media screen and (max-width: 750px) {
    .popup.client-session-schedule .schedule-box {padding: 0px 18px 0px 18px;}
    .popup.client-session-schedule .schedule-box .times-box .time {width: calc(25% - 12px);}
}



/**************** SCHEDULE PSYHO ****************/

.popup.psyho-session-schedule .schedule-wrap {width: 100%; overflow: hidden;}
.popup.psyho-session-schedule .schedule-line {width: 200%; left: 0%; transition: height ease 360ms, left ease 360ms;}
.popup.psyho-session-schedule .schedule-line[data-box="days"] {left: 0%;}
.popup.psyho-session-schedule .schedule-line[data-box="times"] {left: -100%;}
.popup.psyho-session-schedule .schedule-box {width: 50%; padding: 12px 12px 12px 12px; transition: opacity ease 360ms;}
.popup.psyho-session-schedule .schedule-box.hide {opacity: 0;}

.popup.psyho-session-schedule .schedule-box.days .days-box {width: 100%; padding: 12px 12px 12px 12px;}
.popup.psyho-session-schedule .schedule-box.days .days-inner {width: 100%;}
.popup.psyho-session-schedule .schedule-box.days .days-box .day {width: 14.285714%; height: 55px; font-size: 16px; line-height: 54px; text-align: center; border-bottom: solid 1px var(--br-grey); cursor: pointer;}
.popup.psyho-session-schedule .schedule-box.days .days-box .day.header {font-weight: 700; background: var(--bg-grey-light); cursor: default;}
.popup.psyho-session-schedule .schedule-box.days .days-box .day.pass {background: var(--bg-grey-dark); cursor: default;}
.popup.psyho-session-schedule .schedule-box.days .days-box .day b {font-weight: 400;}
.popup.psyho-session-schedule .schedule-box.days .days-box .day.day1 b {font-weight: 700; color: var(--red);}
.popup.psyho-session-schedule .schedule-box.days .days-box .day sup {display: inline-block; margin: -6px -9px 0px 3px; font-weight: 700; font-size: 12px; color: var(--main); vertical-align: super;}
.popup.psyho-session-schedule .schedule-box.days .days-box .day sup.c0 {display: none;}
.popup.psyho-session-schedule .schedule-box.days .days-box .day:nth-child(7n-1) {background: var(--bg-red-light);}
.popup.psyho-session-schedule .schedule-box.days .days-box .day:nth-child(7n) {background: var(--bg-red-light);}

.popup.psyho-session-schedule .schedule-box.days .days-box .day.sync {cursor: default !important; pointer-events: none;}
.popup.psyho-session-schedule .schedule-box.days .days-box .day.sync > * {opacity: 0;}
.popup.psyho-session-schedule .schedule-box.days .days-box .day.sync > .fa-spinner {
    display: block; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin: -15px 0px 0px -15px;
    font-size: 20px; line-height: 30px; text-align: center; color: var(--main); opacity: 1; animation: sync 1800ms infinite linear forwards;
}

.popup.psyho-session-schedule .schedule-box.times .times-lbox {padding: 6px 12px 6px 12px;}
.popup.psyho-session-schedule .schedule-box.times .times-day {padding: 12px 12px 6px 12px; font-weight: 700; font-size: 18px; line-height: 24px; color: var(--black);}
.popup.psyho-session-schedule .schedule-box.times .times-box {padding: 6px 12px 12px 12px;}
.popup.psyho-session-schedule .schedule-box.times .times-box .mbox {margin: -6px -6px -6px -6px;}
.popup.psyho-session-schedule .schedule-box.times .times-box .time {
    display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
    margin: 6px 6px 6px 6px; width: calc(20% - 12px); text-align: center; border-radius: 9px; overflow: hidden; cursor: pointer;
}
.popup.psyho-session-schedule .schedule-box.times .times-box .time b {width: 100%; padding: 5px 0px 5px 0px; font-weight: 800; font-size: 12px; line-height: 20px; color: var(--black); background: var(--bg-grey-dark);}
.popup.psyho-session-schedule .schedule-box.times .times-box .time b.bottom {color: var(--grey); background: var(--bg-grey-light);}
.popup.psyho-session-schedule .schedule-box.times .times-box .time i {
    display: none; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin: -10px 0px 0px -10px;
    font-size: 20px; line-height: 20px; text-align: center; color: var(--black);
}
.popup.psyho-session-schedule .schedule-box.times .times-box .time.one b {width: 100%; padding: 8px 8px 8px 8px; font-size: 14px;}
.popup.psyho-session-schedule .schedule-box.times .times-box .time.sel b {color: var(--white); background: var(--bg-black);}
.popup.psyho-session-schedule .schedule-box.times .times-box .time.help {opacity: 1; cursor: default;}
.popup.psyho-session-schedule .schedule-box.times .times-box .time.client {opacity: 1; cursor: default;}
.popup.psyho-session-schedule .schedule-box.times .times-box .time.client b {color: transparent;}
.popup.psyho-session-schedule .schedule-box.times .times-box .time.client b.bottom {background: var(--bg-grey-dark);}
.popup.psyho-session-schedule .schedule-box.times .times-box .time.client i {display: block;}
.popup.psyho-session-schedule .schedule-box.times .times-box .time.error {opacity: 1; cursor: default;}
.popup.psyho-session-schedule .schedule-box.times .times-bbox {padding: 24px 12px 12px 12px;}


@media screen and (max-width: 750px) {
    .popup.psyho-session-schedule .schedule-box {padding: 12px 6px 12px 6px;}
    .popup.psyho-session-schedule .schedule-box.times .times-box .time {width: calc(25% - 12px);}
}



/**************** METHODS HELP MINI ****************/

.popup.methods-help-mini .methods-list {padding: 6px 6px 18px 6px;}
.popup.methods-help-mini .method {width: 100%; padding: 12px 18px 12px 18px; font-size: 16px; line-height: 22px; color: var(--black);}
.popup.methods-help-mini .method .ttl {padding: 0px 0px 6px 0px; font-weight: 700; font-size: 20px; line-height: 26px;}
.popup.methods-help-mini .method .more {padding: 6px 0px 0px 0px;}


@media screen and (max-width: 750px) {
    .popup.methods-help-mini .methods-list {padding: 6px 0px 18px 0px;}
    .popup.methods-help-mini .method {width: 100%;}
}






/**************** TEST ****************//**************** TEST ****************//**************** TEST ****************/
/**************** TEST ****************//**************** TEST ****************//**************** TEST ****************/
/**************** TEST ****************//**************** TEST ****************//**************** TEST ****************/

#test-pp {background: hsla(0,0%,90%,1) !important;}

#test {display: none; position: fixed; top: 0px; left: 0px; width: 100%; max-width: none; height: 100%; background: var(--bg-grey); transform: translate3d(0,0,0); opacity: 0; transition: opacity ease 360ms;}
#test.open {opacity: 1;}
#test .test-pad {
    display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
    width: 100%; min-height: 100vh; padding: 60px 24px 60px 24px;
}

#test .quest-counter {
    position: absolute; top: 0px; left: 0px; width: 100%; min-height: 60px; padding: 22px 30px 18px 30px;
    font-weight: 800; font-size: 16px; line-height: 20px; text-align: center; text-transform: uppercase; letter-spacing: 1px; color: var(--black);
}
#test .test-close {position: absolute; top: 12px; right: 18px; width: 36px; height: 36px; font-size: 24px; line-height: 38px; text-align: center; cursor: pointer; z-index: 10;}

/*** TEST SYNC ***/

#test-sync {display: none; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: var(--bg-grey); opacity: 0; transition: opacity ease 360ms; z-index: 100000;}
#test-sync.open {opacity: 1;}
#test-sync span {
    display: block; position: absolute; top: 50%; left: 50%; width: 48px; height: 48px; margin: -24px 0px 0px -24px;
    font-size: 48px; line-height: 48px; text-align: center; color: var(--grey); animation: sync 1800ms infinite linear;
}

/*** TEST BOX ***/

#test .test-box {width: 100%; max-width: 560px;}
#test .quest-box {width: 100%;}
#test .quest {display: none;} #test .quest.sel {display: block;}
#test .quest-img {
    width: 100%; margin: 0px 0px 27px 0px; padding-top: 66.666666%;
    background-position: center center; background-size: cover; background-repeat: no-repeat;
}
#test .quest-text {width: 100%; padding: 0px 0px 30px 0px; font-size: 20px; line-height: 29px; text-align: center;}

/*** ANSWERS TYPE 0-1 ***/

#test .answer-box {width: 100%;}
#test .answer-box .answer {
    width: 100%; margin: 0px 0px 12px 0px; padding: 18px 18px 18px 54px;
    font-weight: 700; font-size: 18px; line-height: 24px;
    background: var(--white); border-radius: 9px; cursor: pointer; transition: all linear 120ms;
}
#test .answer-box .answer:last-child {margin: 0px 0px 0px 0px;}
#test .answer-box .answer:hover {box-shadow: 0px 0px 0px 2px var(--br-grey);}
#test .answer-box .answer:before {
    content: ''; display: block; position: absolute; top: 50%; left: 18px; width: 18px; height: 18px; margin-top: -9px;
    background: var(--bg-grey); border-radius: 100%; transition: all linear 120ms;
}
#test .quest.many .answer-box .answer:before {border-radius: 3px;}
#test .answer-box .answer:hover:before {background: var(--br-grey);}
#test .answer-box .answer.sel {box-shadow: 0px 0px 0px 2px var(--br-main);}
#test .answer-box .answer.sel:before {background: var(--main);}

/*** ANSWERS TYPE 2-3 ***/

#test .answer-box.type2, #test .answer-box.type3 {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap;
    justify-content: center; -webkit-justify-content: center; align-items: flex-start; -webkit-align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start;
    width: auto; margin: -6px;
}
#test .answer-box.type2 .answer, #test .answer-box.type3 .answer {
    width: 47.9%; margin: 6px !important; padding: 12px;
    font-size: 16px; font-weight: 700; line-height: 22px;
    background: var(--white); border-radius: 9px; cursor: pointer; transition: all linear 120ms;
}
#test .answer-box.type2 .answer:before, #test .answer-box.type3 .answer:before {display: none;}
#test .answer-box.type2 .answer > div, #test .answer-box.type3 .answer > div {
    width: 100%; padding-top: 100%;
    font-size: 16px; font-weight: 700; line-height: 22px;
    background-position: center center; background-size: cover; background-repeat: no-repeat;
}

@media screen and (max-width: 750px) {
    #test .answer-box.type2 .answer, #test .answer-box.type3 .answer {width: 45.78%; padding: 6px;}
}

/*** ANSWERS TYPE 4 ***/

#test .grad-box {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
    margin: 0px -6px 0px -6px;
}
#test .grad-box > div {
    width: 44px; height: 42px; margin: 0px 6px 0px 6px;
    background: var(--white); border-radius: 6px;
    cursor: pointer; transition: all linear 120ms;
}
#test .grad-box > div:before {
    content: ''; display: block; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin: -9px 0px 0px -9px;
    background: var(--bg-grey); border-radius: 100%; transition: all linear 120ms;
}
#test .grad-box > div:hover {box-shadow: 0px 0px 0px 2px var(--br-grey-dark);}
#test .grad-box > div:hover:before {background: var(--br-grey-dark);}
#test .grad-box > div.sel {box-shadow: 0px 0px 0px 2px var(--br-main);}
#test .grad-box > div.sel:before {background: var(--main);}

#test .text-box {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: space-between; -webkit-justify-content: space-between; align-items: flex-start; -webkit-align-items: flex-start; align-content: flex-start; -webkit-align-content: flex-start;
    padding: 12px 0px 0px 0px; font-size: 16px; font-weight: 700; line-height: 22px;
}

#test .text-box > div {text-align: right;}
#test .text-box > div:first-child {text-align: left;}

@media screen and (max-width: 500px) {
    #test .grad-box {margin: 0px -15px 0px -15px;}
    #test .grad-box > div {margin: 0px 3px 0px 3px;}
    #test .text-box {margin: 0px -12px 0px -12px;}
}

/*** BTN BOX ***/

#test .btn-box {
    display: flex; display: -webkit-flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: nowrap; -webkit-flex-wrap: nowrap;
    justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center;
    width: 100%; padding: 36px 0px 0px 0px;
}