/* lightbox */

.lightbox-default > .wrapper > .wrapper-content, 
.lightbox > .wrapper > .wrapper-content {
   background-color: var(--lightbox-bg);
}

.lightbox-default > .wrapper > .wrapper-content, 
.lightbox > .wrapper > .wrapper-content {
   height: auto;
}

.lightbox-rating  a.close,
.lightbox-default > .wrapper > .wrapper-content .close, 
.lightbox > .wrapper > .wrapper-content .close {
   top: 10px;
   right: 10px;
   font-size: 20px;
   background-color: var(--lightbox-close-bg);
   border-radius: 100%;
   width: 20px;
   height: 20px;
   line-height: 100%;
   color: var(--lightbox-close-text)
}

.lightbox-default > .wrapper > .wrapper-content > .content .text, 
.lightbox > .wrapper > .wrapper-content > .content .text,
.lightbox-default > .wrapper > .wrapper-content > .content .title, 
.lightbox > .wrapper > .wrapper-content > .content .title {
   color:var(--lightbox-text);
}

.lightbox-default * ,
.lightbox * {
   font-weight: normal!important;
}

.lightbox-default > .wrapper > .wrapper-content ,
.lightbox > .wrapper > .wrapper-content {
   /*max-width: 750px;*/
   border-radius: 20px;
   width: auto!important;
}

.lightbox-default > .wrapper > .wrapper-content > .content,
.lightbox > .wrapper > .wrapper-content > .content {
   padding: 40px 20px 20px 20px;
   max-width: inherit;
   font-size: 20px;
}

.lightbox-default > .wrapper > .wrapper-content > .content > div.media-image > img,
.lightbox > .wrapper > .wrapper-content > .content > div.media-image > img {
   position: relative;
   display: block;
   max-width: 100%;
}


.lightbox-content-wrapper {
   min-width: 240px;
}


.lightbox-default input, 
.lightbox-default select, 
.lightbox input, 
.lightbox select {
   position: relative;
    display: table;
    opacity: 0.9;
    
    box-sizing: border-box;
    border-radius: 10px;
    font-size: 15px;
    line-height: 18px;
    padding: 10px;;
    background-color: transparent!important;
    /*border: 1px solid #E1E1F2!important;*/
 
    /* black-04 */
    color: #737380;
    width: 100%;
 
    border: none;
 
    box-shadow: 0 1px 0px #737380, 0 0px 0px #0000, inset 0 0px 0px rgba(0,0,0,0.5), inset 0 0px 1px rgba(0,0,0,0.8);
 
}

.profile-wrapper {
   position: relative;
   display: block;
   max-width:  1000px;
}

.profile-wrapper .head {
   position: relative;
   text-align: left;
}

.profile-wrapper > .head > figure,
.profile-wrapper > .head > span {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   margin-right: 20px;
   text-align: left;
}


.profile-wrapper .level-set .progress {
   padding: 0px 20px 40px 0px;
}

.profile-wrapper .level-set .progress > div > span {
   font-size: 40px;
}

.profile-wrapper .level-set .progress > div > text {
   font-size: 12px;
   padding: 0px;
}

.profile-wrapper .level-set .progress > svg, 
.profile-wrapper .level-set .progress > div.content {
   display: inline-block;
   min-height: initial;

}

.client-evaluation > p {
   display: table;
   margin: 0 auto;
   padding: 10px 0px;
   text-align: center;

}

.lightbox .small-logo {
   max-width: 210px;
}

.lightbox .big-blue {
   font-size: 30px;
   font-weight: 100!important;
   color:var(--color-blue);
}

.lightbox span.medium-text {
   font-weight: 300!important;
   font-size: 20px;
}

.lightbox p.medium-text {
   font-weight: 300!important;
   font-size: 14px;
}

.lightbox .medium-text.bold,
.lightbox .medium-text b {
   font-weight: bold!important;
}

.lightbox .blue {
   color:var(--highlight-b-color)!important;
}
.lightbox iframe.media-video {
   max-width: 90vw;
   max-height: 90vw;
   width: 820px;
   height: 480px;
}

.lightbox .advice-name {
   font-size: 28px!important;
   font-weight: bold;
}

.lightbox .advice-image  {
   max-height: 55vh;
}

.lightbox .advice-title {
   font-size: 22px!important;
}

.lightbox .advice-wrapper {
   padding: 40px;
   max-width: 800px;
}

.page-flip-frame {
   position: relative;
   width: 90vw;
   height: 90vh;
   border: none;
   overflow: hidden;
}