/* Vendors */
@-webkit-keyframes plyr-progress{to{background-position:25px 0}}
@keyframes plyr-progress{to{background-position:25px 0}}
@-webkit-keyframes plyr-popup{0%{opacity:.5;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes plyr-popup{0%{opacity:.5;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}
@keyframes plyr-fade-in{from{opacity:0}to{opacity:1}}
.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;direction:ltr;font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500;line-height:1.7;max-width:100%;min-width:200px;position:relative;text-shadow:none;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease}
.plyr audio,.plyr video{border-radius:inherit;height:auto;vertical-align:middle;width:100%}
.plyr button{font:inherit;line-height:inherit;width:auto}
.plyr:focus{outline:0}
.plyr--full-ui{box-sizing:border-box}
.plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{box-sizing:inherit}
.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}
.plyr__badge{background:#4f5b5f;border-radius:2px;color:#fff;font-size:9px;line-height:1;padding:3px 4px}
.plyr--full-ui ::-webkit-media-text-track-container{display:none}
.plyr__captions{-webkit-animation:plyr-fade-in .3s ease;animation:plyr-fade-in .3s ease;bottom:0;color:#fff;display:none;font-size:14px;left:0;padding:10px;position:absolute;text-align:center;-webkit-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out, -webkit-transform .4s ease-in-out;width:100%}
.plyr__captions .plyr__caption{background:rgba(0,0,0,.8);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:185%;padding:.2em .5em;white-space:pre-wrap}
.plyr__captions .plyr__caption div{display:inline}
.plyr__captions span:empty{display:none}
.plyr--captions-active .plyr__captions{display:block}
.plyr--hide-controls .plyr__captions{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
.plyr__control{background:0 0;border:0;border-radius:3px;color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}
.plyr__control svg{display:block;fill:currentColor;height:18px;pointer-events:none;width:18px}
.plyr__control:focus{outline:0}
.plyr__control.plyr__tab-focus{box-shadow:0 0 0 3px rgba(26,175,255,.35);outline:0}
.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{display:none}
.plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#1aafff;color:#fff}
.plyr__control--overlaid{background:rgba(26,175,255,.8);border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15);color:#fff;display:none;left:50%;padding:15px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}
.plyr__control--overlaid svg{height:20px;left:2px;position:relative;width:20px}
.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{background:#1aafff}
.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}
.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}
.plyr--full-ui ::-webkit-media-controls{display:none}
.plyr__controls{-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;-webkit-box-pack:end;justify-content:flex-end;text-align:center}
.plyr__controls .plyr__menu,.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>.plyr__control{margin-left:5px}
.plyr__controls .plyr__menu:first-child,.plyr__controls .plyr__menu:first-child+[data-plyr=pause],.plyr__controls .plyr__progress:first-child,.plyr__controls .plyr__progress:first-child+[data-plyr=pause],.plyr__controls .plyr__time:first-child,.plyr__controls .plyr__time:first-child+[data-plyr=pause],.plyr__controls>.plyr__control:first-child,.plyr__controls>.plyr__control:first-child+[data-plyr=pause]{margin-left:0;margin-right:auto}
.plyr__controls .plyr__volume{margin-left:5px}
.plyr--video .plyr__controls{background:-webkit-linear-gradient(transparent,rgba(0,0,0,.7));background:linear-gradient(transparent,rgba(0,0,0,.7));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;left:0;padding:35px 10px 10px;position:absolute;right:0;-webkit-transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .4s ease-in-out,-webkit-transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out;transition:opacity .4s ease-in-out,transform .4s ease-in-out,-webkit-transform .4s ease-in-out;z-index:2}
.plyr--video .plyr__controls .plyr__control svg{-webkit-filter:drop-shadow(0 1px 1px rgba(0, 0, 0, .15));filter:drop-shadow(0 1px 1px rgba(0, 0, 0, .15))}
.plyr--video .plyr__controls .plyr__control.plyr__tab-focus,.plyr--video .plyr__controls .plyr__control:hover,.plyr--video .plyr__controls .plyr__control[aria-expanded=true]{background:#1aafff;color:#fff}
.plyr--audio .plyr__controls{background:#fff;border-radius:inherit;color:#4f5b5f;padding:10px}
.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;-webkit-transform:translateY(100%);transform:translateY(100%)}
.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{display:none}
.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}
.plyr__video-embed{height:0;padding-bottom:56.25%;position:relative}
.plyr__video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}
.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;-webkit-transform:translateY(-38.28125%);transform:translateY(-38.28125%)}
.plyr__menu{display:-webkit-box;display:flex;position:relative}
.plyr__menu .plyr__control svg{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease, -webkit-transform .3s ease}
.plyr__menu .plyr__control[aria-expanded=true] svg{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}
.plyr__menu__container{-webkit-animation:plyr-popup .2s ease;animation:plyr-popup .2s ease;background:rgba(255,255,255,.9);border-radius:4px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4f5b5f;font-size:16px;margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}
.plyr__menu__container>div{overflow:hidden;-webkit-transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}
.plyr__menu__container::after{border:4px solid transparent;border-top-color:rgba(255,255,255,.9);content:'';height:0;position:absolute;right:15px;top:100%;width:0}
.plyr__menu__container ul{list-style:none;margin:0;overflow:hidden;padding:7px}
.plyr__menu__container ul li{margin-top:2px}
.plyr__menu__container ul li:first-child{margin-top:0}
.plyr__menu__container .plyr__control{-webkit-box-align:center;align-items:center;color:#4f5b5f;display:-webkit-box;display:flex;font-size:14px;padding:4px 14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}
.plyr__menu__container .plyr__control::after{border:4px solid transparent;content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.plyr__menu__container .plyr__control--forward{padding-right:28px}
.plyr__menu__container .plyr__control--forward::after{border-left-color:rgba(79,91,95,.8);right:5px}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{border-left-color:currentColor}
.plyr__menu__container .plyr__control--back{font-weight:500;margin:7px;margin-bottom:3px;padding-left:28px;position:relative;width:calc(100% - 14px)}
.plyr__menu__container .plyr__control--back::after{border-right-color:rgba(79,91,95,.8);left:7px}
.plyr__menu__container .plyr__control--back::before{background:#b7c5cd;box-shadow:0 1px 0 #fff;content:'';height:1px;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{border-right-color:currentColor}
.plyr__menu__container label.plyr__control{padding-left:7px}
.plyr__menu__container label.plyr__control input[type=radio]+span{background:rgba(0,0,0,.1);border-radius:100%;display:block;flex-shrink:0;height:16px;margin-right:10px;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;width:16px}
.plyr__menu__container label.plyr__control input[type=radio]+span::after{background:#fff;border-radius:100%;content:'';height:6px;left:5px;opacity:0;position:absolute;top:5px;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;width:6px}
.plyr__menu__container label.plyr__control input[type=radio]:checked+span{background:#1aafff}
.plyr__menu__container label.plyr__control input[type=radio]:checked+span::after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.plyr__menu__container label.plyr__control input[type=radio]:focus+span{box-shadow:0 0 0 3px rgba(26,175,255,.35);outline:0}
.plyr__menu__container label.plyr__control.plyr__tab-focus input[type=radio]+span,.plyr__menu__container label.plyr__control:hover input[type=radio]+span{background:rgba(0,0,0,.1)}
.plyr__menu__container .plyr__menu__value{-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;margin-left:auto;margin-right:-7px;overflow:hidden;padding-left:25px;pointer-events:none}
.plyr--full-ui input[type=range]{-webkit-appearance:none;background:0 0;border:0;border-radius:28px;color:#1aafff;display:block;height:20px;margin:0;padding:0;-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;width:100%}
.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:0 0;border:0;border-radius:3px;height:6px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-user-select:none;user-select:none;background-image:-webkit-linear-gradient(left,currentColor 0,transparent 0);background-image:linear-gradient(to right,currentColor 0,transparent 0);background-image:-webkit-linear-gradient(left,currentColor var(--value,0),transparent var(--value,0));background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0))}
.plyr--full-ui input[type=range]::-webkit-slider-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);box-sizing:border-box;height:14px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:14px;-webkit-appearance:none;margin-top:-4px}
.plyr--full-ui input[type=range]::-moz-range-track{background:0 0;border:0;border-radius:3px;height:6px;-webkit-transition:all .3s ease;transition:all .3s ease;-moz-user-select:none;user-select:none}
.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);box-sizing:border-box;height:14px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:14px}
.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:3px;height:6px}
.plyr--full-ui input[type=range]::-ms-track{background:0 0;border:0;border-radius:3px;height:6px;-webkit-transition:all .3s ease;transition:all .3s ease;-ms-user-select:none;user-select:none;color:transparent}
.plyr--full-ui input[type=range]::-ms-fill-upper{background:0 0;border:0;border-radius:3px;height:6px;-webkit-transition:all .3s ease;transition:all .3s ease;-ms-user-select:none;user-select:none}
.plyr--full-ui input[type=range]::-ms-fill-lower{background:0 0;border:0;border-radius:3px;height:6px;-webkit-transition:all .3s ease;transition:all .3s ease;-ms-user-select:none;user-select:none;background:currentColor}
.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;border:0;border-radius:100%;box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2);box-sizing:border-box;height:14px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:14px;margin-top:0}
.plyr--full-ui input[type=range]::-ms-tooltip{display:none}
.plyr--full-ui input[type=range]:focus{outline:0}
.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{box-shadow:0 0 0 3px rgba(26,175,255,.35);outline:0}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{box-shadow:0 0 0 3px rgba(26,175,255,.35);outline:0}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{box-shadow:0 0 0 3px rgba(26,175,255,.35);outline:0}
.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:rgba(255,255,255,.25)}
.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:rgba(255,255,255,.25)}
.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:rgba(255,255,255,.25)}
.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}
.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}
.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5)}
.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:rgba(183,197,205,.66)}
.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:rgba(183,197,205,.66)}
.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:rgba(183,197,205,.66)}
.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)}
.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)}
.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1)}
.plyr__poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:100%;z-index:1}
.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1;pointer-events:none}
.plyr__time{font-size:14px}
.plyr__time+.plyr__time::before{content:'\2044';margin-right:10px}
.plyr--video .plyr__time{text-shadow:0 1px 1px rgba(0,0,0,.15)}
.plyr__tooltip{background:rgba(255,255,255,.9);border-radius:3px;bottom:100%;box-shadow:0 1px 2px rgba(0,0,0,.15);color:#4f5b5f;font-size:14px;font-weight:500;line-height:1.3;margin-bottom:10px;opacity:0;padding:5px 7.5px;pointer-events:none;position:absolute;-webkit-transform:translate(-50%,10px) scale(.8);transform:translate(-50%,10px) scale(.8);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:opacity .2s .1s ease,-webkit-transform .2s .1s ease;transition:opacity .2s .1s ease,-webkit-transform .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease;transition:transform .2s .1s ease,opacity .2s .1s ease,-webkit-transform .2s .1s ease;white-space:nowrap;z-index:2}
.plyr__tooltip::before{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(255,255,255,.9);bottom:-4px;content:'';height:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0;z-index:2}
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;-webkit-transform:translate(-50%,0) scale(1);transform:translate(-50%,0) scale(1)}
.plyr .plyr__control:hover .plyr__tooltip{z-index:3}
.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;-webkit-transform:translate(0,10px) scale(.8);transform:translate(0,10px) scale(.8);-webkit-transform-origin:0 100%;transform-origin:0 100%}
.plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{left:16px}
.plyr__controls>.plyr__control:last-child .plyr__tooltip{right:0;-webkit-transform:translate(0,10px) scale(.8);transform:translate(0,10px) scale(.8);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}
.plyr__controls>.plyr__control:last-child .plyr__tooltip::before{left:auto;right:16px;-webkit-transform:translateX(50%);transform:translateX(50%)}
.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{-webkit-transform:translate(0,0) scale(1);transform:translate(0,0) scale(1)}
.plyr--video{overflow:hidden}
.plyr--video.plyr--menu-open{overflow:visible}
.plyr__video-wrapper{background:#000;border-radius:inherit;overflow:hidden;position:relative;z-index:0}
.plyr__progress{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;left:7px;margin-right:14px;position:relative}
.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-7px;margin-right:-7px;width:calc(100% + 14px)}
.plyr__progress input[type=range]{position:relative;z-index:2}
.plyr__progress .plyr__tooltip{font-size:14px;left:0}
.plyr__progress__buffer{-webkit-appearance:none;background:0 0;border:0;border-radius:100px;height:6px;left:0;margin-top:-3px;padding:0;position:absolute;top:50%}
.plyr__progress__buffer::-webkit-progress-bar{background:0 0;-webkit-transition:width .2s ease;transition:width .2s ease}
.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:6px}
.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:6px;-webkit-transition:width .2s ease;transition:width .2s ease}
.plyr__progress__buffer::-ms-fill{border-radius:100px;-webkit-transition:width .2s ease;transition:width .2s ease}
.plyr--video .plyr__progress__buffer{box-shadow:0 1px 1px rgba(0,0,0,.15);color:rgba(255,255,255,.25)}
.plyr--audio .plyr__progress__buffer{color:rgba(183,197,205,.66)}
.plyr--loading .plyr__progress__buffer{-webkit-animation:plyr-progress 1s linear infinite;animation:plyr-progress 1s linear infinite;background-image:-webkit-linear-gradient(135deg,rgba(47,52,61,.6) 25%,transparent 25%,transparent 50%,rgba(47,52,61,.6) 50%,rgba(47,52,61,.6) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(47,52,61,.6) 25%,transparent 25%,transparent 50%,rgba(47,52,61,.6) 50%,rgba(47,52,61,.6) 75%,transparent 75%,transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent}
.plyr--video.plyr--loading .plyr__progress__buffer{background-color:rgba(255,255,255,.25)}
.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:rgba(183,197,205,.66)}
.plyr__volume{-webkit-box-flex:1;flex:1;position:relative}
.plyr__volume input[type=range]{position:relative;z-index:2}
.plyr--is-ios .plyr__volume{display:none!important}
.plyr--is-ios.plyr--vimeo [data-plyr=mute]{display:none!important}
.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:-webkit-full-screen video{height:100%}
.plyr:-moz-full-screen video{height:100%}
.plyr:-ms-fullscreen video{height:100%}
.plyr:fullscreen video{height:100%}
.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;width:100%}
.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;width:100%}
.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;width:100%}
.plyr:fullscreen .plyr__video-wrapper{height:100%;width:100%}
.plyr:-webkit-full-screen .plyr__video-embed{overflow:visible}
.plyr:-moz-full-screen .plyr__video-embed{overflow:visible}
.plyr:-ms-fullscreen .plyr__video-embed{overflow:visible}
.plyr:fullscreen .plyr__video-embed{overflow:visible}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}
.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}
.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}
.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}
.plyr:fullscreen.plyr--hide-controls{cursor:none}
.plyr:-webkit-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:-webkit-full-screen video{height:100%}
.plyr:-webkit-full-screen .plyr__video-wrapper{height:100%;width:100%}
.plyr:-webkit-full-screen .plyr__video-embed{overflow:visible}
.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-webkit-full-screen.plyr--hide-controls{cursor:none}
.plyr:-moz-full-screen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:-moz-full-screen video{height:100%}
.plyr:-moz-full-screen .plyr__video-wrapper{height:100%;width:100%}
.plyr:-moz-full-screen .plyr__video-embed{overflow:visible}
.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-moz-full-screen.plyr--hide-controls{cursor:none}
.plyr:-ms-fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}
.plyr:-ms-fullscreen video{height:100%}
.plyr:-ms-fullscreen .plyr__video-wrapper{height:100%;width:100%}
.plyr:-ms-fullscreen .plyr__video-embed{overflow:visible}
.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;transform:translateY(-50%)}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{display:block}
.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr:-ms-fullscreen.plyr--hide-controls{cursor:none}
.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;margin:0;width:100%;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10000000}
.plyr--fullscreen-fallback video{height:100%}
.plyr--fullscreen-fallback .plyr__video-wrapper{height:100%;width:100%}
.plyr--fullscreen-fallback .plyr__video-embed{overflow:visible}
.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{height:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}
.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}
.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}
.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}
.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}
.plyr__ads::after{background:rgba(47,52,61,.8);border-radius:2px;bottom:10px;color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;z-index:3}
.plyr__ads::after:empty{display:none}
.plyr__cues{background:currentColor;display:block;height:6px;left:0;margin:-3px 0 0;opacity:.8;position:absolute;top:50%;width:3px;z-index:3}
.plyr--no-transition{-webkit-transition:none!important;transition:none!important}
.plyr__sr-only{clip:rect(1px,1px,1px,1px);overflow:hidden;border:0!important;height:1px!important;padding:0!important;position:absolute!important;width:1px!important}
.glide{position:relative;width:100%;box-sizing:border-box}
.glide *{box-sizing:inherit}
.glide__track{overflow:hidden}
.glide__slides{position:relative;width:100%;list-style:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;padding:0;white-space:nowrap;display:-webkit-box;display:flex;flex-wrap:nowrap;will-change:transform}
.glide__slides--dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;white-space:initial;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
.glide__slide a{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}
.glide__arrows{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.glide__bullets{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.glide--rtl{direction:rtl}
.glide__arrow{position:absolute;display:block;top:50%;z-index:2;color:white;text-transform:uppercase;padding:9px 12px;background-color:transparent;border:2px solid rgba(255,255,255,0.5);border-radius:4px;box-shadow:0 0.25em 0.5em 0 rgba(0,0,0,0.1);text-shadow:0 0.25em 0.5em rgba(0,0,0,0.1);opacity:1;cursor:pointer;-webkit-transition:opacity 150ms ease, border 300ms ease-in-out;transition:opacity 150ms ease, border 300ms ease-in-out;-webkit-transform:translateY(-50%);transform:translateY(-50%);line-height:1}
.glide__arrow:focus{outline:none}
.glide__arrow:hover{border-color:white}
.glide__arrow--left{left:2em}
.glide__arrow--right{right:2em}
.glide__arrow--disabled{opacity:0.33}
.glide__bullets{position:absolute;z-index:2;bottom:2em;left:50%;display:-webkit-inline-box;display:inline-flex;list-style:none;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.glide__bullet{background-color:rgba(255,255,255,0.5);width:9px;height:9px;padding:0;border-radius:50%;border:2px solid transparent;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;cursor:pointer;line-height:0;box-shadow:0 0.25em 0.5em 0 rgba(0,0,0,0.1);margin:0 0.25em}
.glide__bullet:focus{outline:none}
.glide__bullet:hover,.glide__bullet:focus{border:2px solid white;background-color:rgba(255,255,255,0.5)}
.glide__bullet--active{background-color:white}
.glide--swipeable{cursor:grab;cursor:-webkit-grab}
.glide--dragging{cursor:grabbing;cursor:-webkit-grabbing}
/* Default */
:root {
    --yellow: #ffff03;
    --goldenYellow: #ffdf01;
    --emerald: #4cd964;
    --mediumAquamarine: #58eaa1;
    --nero: #1e1e1e;
    --zambezi: #5b5b5b;
    --solitude: #edf0f5;
    --whiteSmoke: #f8f8f8;
    --eclipse: #363636;
    --amaranth: #e52444;
    --brinkPink: #fa658c;
    --dodgerBlue: #1875f0;

    --shadowCabinetElements: 0 7px 15px rgba(0,0,0,.1);

    --gradiendAquamarine: linear-gradient(35deg, #36c1cd, #44f9bf);

    --transitionDefault: .3s ease-out;
    --transitionMedium: .4s ease-out;


    --openSans: 'Open Sans', sans-serif;
}
@font-face {
	font-family: 'Open Sans';
	src:
        url('../assets/fonts/OpenSans/OpenSansRegular.woff2') format('woff2'),
        url('../assets/fonts/OpenSans/OpenSansRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src:
            url('../assets/fonts/OpenSans/OpenSansSemiBold.woff2') format('woff2'),
            url('../assets/fonts/OpenSans/OpenSansSemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src:
            url('../assets/fonts/OpenSans/OpenSansBold.woff2') format('woff2'),
            url('../assets/fonts/OpenSans/OpenSansBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src:
            url('../assets/fonts/OpenSans/OpenSansBoldItalic.woff2') format('woff2'),
            url('../assets/fonts/OpenSans/OpenSansBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'icomoon';
    src:
            url('../assets/fonts/icomoon.woff2') format('woff2'),
            url('../assets/fonts/icomoon.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    display: block;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon', sans-serif;
    speak: none;
    font-style: normal;
    font-weight: normal;
    -webkit-font-feature-settings: normal;
            font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-facebook:before {
    content: "\e900";
}
.icon-instagram:before {
    content: "\e901";
}
.icon-info:before {
    content: "\ea0c";
}
*,
*::before,
*::after {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, ul, li {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}
body {
    position: relative;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    line-height: 1;
    color: #363636;
    color: var(--eclipse);
    background-color: #fff;
    overflow-x: hidden;
}
main {
    position: relative;
    z-index: 0;
}
img {
    display: block;
    max-width: 100%;
}
a {
    display: block;
    text-decoration: none;
    outline: none
}
a:not([class]) {display: inline-block;text-decoration: underline;}
button {
    padding: 0;
    font-family: inherit;
    line-height: 1;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}
input {
    border: none;
    outline: none;
}
input[type='search']::-webkit-search-cancel-button {display: none}
input[type='search']::-ms-clear {display: none}
input[type='number'] {
    -moz-appearance: textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none
}
hr {
    display: block;
    width: 100%;
    margin-top: 0;
    border: none;
}
.section, .wideSection {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}
.section {
    max-width: 1140px;
}
.wideSection {
    max-width: 1770px;
}
.flex {
    display: -webkit-box;
    display: flex;
}
.flexColumn {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}
.typography .h1, .typography .h2, .typography .h3, .typography .h4, .typography .h5, .typography .h6, .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
        margin-bottom: 8px; /* .5rem */
        font-family: inherit;
        font-weight: 500;
        line-height: 1.2;
        color: inherit;
    }
.typography .h1, .typography h1 {
        font-size: 40px; /* 2.5rem */
    }
.typography .h2, .typography h2 {
        font-size: 32px; /* 2rem */
    }
.typography .h3, .typography h3 {
        font-size: 28px; /* 1.75rem */
    }
.typography .h4, .typography h4 {
        font-size: 24px; /* 1.5rem */
    }
.typography .h5, .typography h5 {
        font-size: 20px; /* 1.25rem */
    }
.typography .h6, .typography h6 {
        font-size: 16px; /* 1rem */
    }
.typography p {
        margin-top: 0;
        margin-bottom: 16px; /* 1rem */
    }
.typography a {
        display: inline-block;
        color: #007bff;
    }
.typography .mark, .typography mark {
        padding: .2em;
        background-color: #fcf8e3;
    }
.typography .small, .typography small {
        font-size: 80%;
        font-weight: 400;
    }
.typography b, .typography strong {
        font-weight: bolder;
    }
.typography .blockquote {
        margin-bottom: 16px; /* 1rem */
        font-size: 20px; /* 1.25rem */
    }
.typography blockquote {
        margin: 0 0 16px; /* 1rem */
    }
.typography dl, .typography ol, .typography ul {
        margin-top: 0;
        margin-bottom: 1rem;
    }
.typography ol ol, .typography ol ul, .typography ul ol, .typography ul ul {
        margin-bottom: 0;
    }
.typography ul {
        display: block;
        list-style-type: disc;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0;
        -webkit-padding-start: 40px;
    }
.typography table {
        border-collapse: collapse;
    }
.typography .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 1rem;
        background-color: transparent;
    }
.typography .table td, .typography .table th {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }
.typography .table-bordered {
        border: 1px solid #dee2e6;
    }
.typography .table-bordered td, .typography .table-bordered th {
        border: 1px solid #dee2e6;
    }

/* Components */
.topLine::before, .topLine::after, .bottomLine::before, .bottomLine::after {position: absolute;left: 0;z-index: 2;width: 100%;height: 10px;}
.topLine::before {content: '';top: 0;}
.bottomLine::after {content: '';bottom: 0;}
.logo {
    position: relative;
    color: #363636;
    color: var(--eclipse);
}
.logo-text {
        position: absolute;
        bottom: 0;
        left: calc(100% - 8px);
        font-size: 36px;
        font-weight: 800;
        font-style: italic;
    }
.logo-icon {
        fill: currentColor;
    }
.avatar {
    flex-shrink: 0;
    background: #ccc center no-repeat;
    border-radius: 50%;
    background-size: cover;
    box-shadow: 0 7px 15px rgba(0,0,0,.1);
    box-shadow: var(--shadowCabinetElements);
    overflow: hidden;
}
.btnDefault {
    display: inline-block;
    min-width: 232px;
    padding: 11px 27px;
    font-size: 16px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    background-color: #363636;
    background-color: var(--eclipse);
    border-radius: 30px;
    box-shadow: 0 5px 20px rgba(0,0,0,.2);
    -webkit-transition: .1s ease-out;
    transition: .1s ease-out
}
.btnDefault:active {box-shadow: none;}
.burger {
    position: fixed;
    bottom: 24px;
    right: 30px;
    z-index: 13;
    display: none;
    width: 46px;
    height: 46px;
    background-color: #1875f0;
    background-color: var(--dodgerBlue);
    border-radius: 50%;
    box-shadow: 0 3px 8px rgba(0,0,0,.5);
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out;
    -webkit-transition: var(--transitionMedium);
    transition: var(--transitionMedium);
}
.burger-stroke {
        position: absolute;
        left: 18%;
        width: 64%;
        height: 3px;
        background-color: #fff;
        border-radius: 10px;
        -webkit-transition: inherit;
        transition: inherit
    }
.burger-stroke:first-child {top: calc(50% - 8px);}
.burger-stroke:nth-child(2) {top: calc(50% - 1.5px);}
.burger-stroke:last-child {top: calc(50% + 6px);}
.burger.active {background-color: #fff;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.burger.active .burger-stroke {
                background-color: #e52444;
                background-color: var(--amaranth)
            }
.burger.active .burger-stroke:first-child, .burger.active .burger-stroke:last-child {top: calc(50% - 1.5px);}
.burger.active .burger-stroke:first-child {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.burger.active .burger-stroke:nth-child(2) {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.burger.active .burger-stroke:last-child {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.btnBack {
    position: absolute;
    width: 56px;
    height: 56px;
    background: #fff url("../assets/img/icons/icon-back.png") center no-repeat;
    border-radius: 50%;
    box-shadow: 0 7px 15px rgba(0,0,0,.1);
    box-shadow: var(--shadowCabinetElements);
}
.title {
    display: inline-block;
    font-size: 60px;
    font-weight: 800;
    font-style: italic;
    text-transform: uppercase;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out;
    -webkit-transition: var(--transitionMedium);
    transition: var(--transitionMedium);
}
.lineThrough {
    position: relative;
    z-index: 1
}
.lineThrough::after {content: '';position: absolute;top: calc(50% - 5px);left: -28px;z-index: -1;width: calc(100% + 56px);height: 20px;background-color: rgba(0,0,0,.13);-webkit-transition: .4s ease-out;transition: .4s ease-out;-webkit-transition: var(--transitionMedium);transition: var(--transitionMedium);}
.toggleFade {
    opacity: 0;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out;
    -webkit-transition: var(--transitionMedium);
    transition: var(--transitionMedium)
}
.toggleFade:not(:first-child) {display: none;}
.toggleFade.active {opacity: 1;}
.alert {
    width: 100%;
    min-height: 44px;
    padding: 14px 22px;
    margin-bottom: 25px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px
}
.alert.saved {background-color: #fa658c;background-color: var(--brinkPink);}
.alert.error {background-color: #e52444;background-color: var(--amaranth);}
.alert.success {background-color: #58eaa1;background-color: var(--mediumAquamarine);}
.input input {
        width: 100%;
        height: 44px;
        padding: 0 22px;
        font-size: 16px;
        font-weight: 600;
        border-radius: 5px;
        -webkit-transition: box-shadow .3s ease-out;
        transition: box-shadow .3s ease-out;
        -webkit-transition: box-shadow var(--transitionDefault);
        transition: box-shadow var(--transitionDefault);
    }
.input.isAuth input {
            border: 1px solid transparent;
            background-color: rgba(0,0,0,.25)}
.input.isAuth input::-webkit-input-placeholder {color: #fff;}
.input.isAuth input::-ms-input-placeholder {color: #fff;}
.input.isAuth input::placeholder {color: #fff;}
.input.isAuth input:not(.error):focus {box-shadow: 0 0 3px 3px #4cd964;box-shadow: 0 0 3px 3px var(--emerald);}
.input.default input {
            font-size: 14px;
            color: #363636;
            color: var(--eclipse);
            background-color: #e2e2e2}
.input.default input::-webkit-input-placeholder {color: #787878;}
.input.default input::-ms-input-placeholder {color: #787878;}
.input.default input::placeholder {color: #787878;}
.input.default input:focus {box-shadow: 0 7px 15px rgba(0,0,0,.1);box-shadow: var(--shadowCabinetElements);}
.input legend {
        margin-bottom: 10px;
        font-size: 12px;
        font-weight: 800;
        font-style: italic;
        text-align: center;
        color: #b0b0b0;}
.input-text {
        display: block;
        padding-left: 15px;
        margin-top: 10px;
        font-size: 13px;
        font-weight: 600;
        color: #fff;}
.input.error input {
            border-color: #e52444;
            border-color: var(--amaranth)}
.input.error input:focus {box-shadow: 0 0 3px 3px #e52444;box-shadow: 0 0 3px 3px var(--amaranth);}
.input.error .input-text {
                color: #e52444;
                color: var(--amaranth);
            }
.checkbox {
    -webkit-box-align: center;
            align-items: center;
}
.checkbox input {
        display: none
    }
.checkbox input:checked + .checkbox-input::after  {opacity: 1;}
.checkbox-input {
        position: relative;
        flex-shrink: 0;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        background-color: #e2e2e2;
        border-radius: 50%;
        cursor: pointer
    }
.checkbox-input::after {content: "";position: absolute;top: calc(50% - 5px);left: calc(50% - 5px);width: 10px;height: 10px;background-color: #e52444;background-color: var(--amaranth);border-radius: 50%;opacity: 0;-webkit-transition: .3s ease-out;transition: .3s ease-out;-webkit-transition: var(--transitionDefault);transition: var(--transitionDefault);}
.checkbox-text {
        font-size: 14px;
    }
.checkbox-text a {
            color: #e52444;
            color: var(--amaranth);
        }
.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    display: none;
    width: 100%;
    height: 200vh;
    background-color: rgba(0,0,0,.8);
    opacity: 0;
    -webkit-transition: .8s linear;
    transition: .8s linear
}
.backdrop.active {opacity: 1;}
.modal {
    position: absolute;
    top: 0;
    left: calc(50% - 220px);
    z-index: 10;
    display: none;
    width: 440px;
    padding: 40px;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 15px 35px rgba(0,0,0,.2);
    opacity: 0;
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    -webkit-transition: .6s linear;
    transition: .6s linear
}
.modal.active {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.modal-close {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 15px;}
.modal-title {
        margin-bottom: 30px;
        font-size: 28px;
        font-weight: 800;
        font-style: italic;
        text-align: center;
        text-transform: uppercase;}
.modal-body p {
            font-size: 22px;
            font-weight: 600;
            line-height: 1.36;
            text-align: center;
        }
.modal-input:not(:last-child) {margin-bottom: 20px;}
.modal-input:last-child {margin-bottom: 50px;}
.modal-controls {
        -webkit-box-pack: center;
                justify-content: center;}
.modal-submit {
        color: #58eaa1;
        color: var(--mediumAquamarine);
        background-color: #363636;
        background-color: var(--eclipse);}
.calendar {
    position: relative;
    width: 100%
}
.calendar::after {content: '';position: absolute;bottom: 6px;left: calc(50% - 12px);width: 24px;height: 3px;border-top: 1px solid #c9c9c9;border-bottom: 1px solid #c9c9c9;}
.calendar-head {
        position: relative;
        -webkit-box-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
                align-items: center;
        padding: 14px 22px;
        border-bottom: 1px solid #efefef;}
.calendarInfo {
        position: relative;}
.calendarInfo-btn {
            font-size: 22px;
            color: #1875f0;
            color: var(--dodgerBlue);
        }
.calendarInfo-popup {
            position: absolute;
            bottom: calc(100% + 10px);
            right: 50%;
            z-index: 2;
            display: none;
            min-width: 200px;
            padding: 10px;
            font-size: 12px;
            font-weight: 600;
            line-height: 1.33;
            text-align: center;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 7px 15px rgba(0,0,0,.1);
            box-shadow: var(--shadowCabinetElements);
            -webkit-transform: translateX(50%);
                    transform: translateX(50%)
        }
.calendarInfo-popup::after {content: '';position: absolute;top: 100%;left: calc(50% - 13px);border-left: 13px solid transparent;border-top: 8px solid #fff;border-right: 13px solid transparent;}
.calendarInfo-popup.active {display: block;}
.calendar-body {
        padding: 20px 8px 24px;}
.calendar-title {
        font-size: 14px;
        font-weight: 800;
        color: #5b5b5b;
        color: var(--zambezi);}
.calendar-week, .calendar-days {
        -webkit-box-align: center;
                align-items: center;}
.calendar-week-item, .calendar-days-item {
            -webkit-box-flex: 1;
                    flex: 1;
            text-align: center;
        }
.calendar-week {
        margin-bottom: 28px;}
.calendar-week-item {
            font-size: 14px;
            font-weight: 800;
            color: #5b5b5b;
            color: var(--zambezi);
        }
.calendar-days-item {
            position: relative;
            z-index: 0;
            font-size: 13px;
            font-weight: 600;
            color: #9f9f9f;
            -webkit-transition: .3s ease-out;
            transition: .3s ease-out;
            -webkit-transition: var(--transitionDefault);
            transition: var(--transitionDefault);
            cursor: pointer
        }
.calendar-days-item::before, .calendar-days-item::after {content: '';position: absolute;top: calc(50% - 16px);left: calc(50% - 16px);z-index: -1;width: 32px;height: 32px;border-radius: 50%;opacity: 0;-webkit-transition: inherit;transition: inherit;}
.calendar-days-item::before {background-color: #1875f0;background-color: var(--dodgerBlue);}
.calendar-days-item::after {border: 1px solid #1875f0;border: 1px solid var(--dodgerBlue);}
.calendar-days-item:hover {color: #5b5b5b;color: var(--zambezi)}
.calendar-days-item:hover::after {opacity: 1;}
.calendar-days-item.active {color: #fff}
.calendar-days-item.active::before {opacity: 1;}
.food {
    overflow: hidden;
}
.food-img {
        width: 42%;
        background-position: center;
        background-size: cover;
    }
.food-info {
        width: 58%;
        padding: 25px 50px 25px 15px;
    }
.food-category {
        margin-bottom: 5px;
        font-size: 13px;
        font-weight: 600;
        color: #bcbcbc;
    }
.food-name {
        margin-bottom: 30px;
        font-size: 30px;
        font-weight: 800;
        color: #fa658c;
        color: var(--brinkPink);
    }
.exercise {
    position: relative;
    width: 100%;
    height: 85px;
    padding: 16px 13px;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transition: var(--transitionDefault);
    transition: var(--transitionDefault);
    cursor: pointer
}
.exercise::after {content: '';position: absolute;top: 100%;left: calc(50% - 13px);border-left: 13px solid transparent;border-top: 8px solid #fff;border-right: 13px solid transparent;opacity: 0;-webkit-transition: inherit;transition: inherit;}
.exercise-name, .exercise-dscr, .exercise-info {
        font-weight: 600;}
.exercise-name {
        margin-bottom: 10px;
        font-size: 14px;
        color: #1875f0;
        color: var(--dodgerBlue);}
.exercise-btn {
        position: absolute;
        top: 11px;
        right: 15px;
        width: 68px;
        height: 22px;
        font-size: 13px;
        font-weight: 800;
        text-transform: uppercase;
        color: #fff;
        background-color: #1875f0;
        background-color: var(--dodgerBlue);
        border-radius: 5px;
        -webkit-transition: .3s ease-out;
        transition: .3s ease-out;
        -webkit-transition: var(--transitionDefault);
        transition: var(--transitionDefault)}
.exercise-btn::before {content: url("../assets/img/icons/exercise-check.png");position: absolute;top: 3px;left: 0;opacity: 0;}
.exercise-btn:hover {background-color: #fa658c;background-color: var(--brinkPink);}
.exercise-row {
        -webkit-box-pack: justify;
                justify-content: space-between;}
.exercise-dscr, .exercise-info {
        font-size: 12px;
        line-height: 1.33;
        color: #9f9f9f;}
.exercise-dscr {
        max-width: 216px;}
.exercise.active::after {opacity: 1;}
.exercise.complete {background-color: #5a5a5a}
.exercise.complete::after {border-top: 8px solid #5a5a5a;}
.exercise.complete .exercise-name {
                color: #fff;
            }
.exercise.complete .exercise-btn {
                color: transparent;
                background-color: transparent
            }
.exercise.complete .exercise-btn::before {opacity: 1;}
.exercise.complete .exercise-btn:hover {background-color: transparent;}
.exercise.complete .exercise-dscr, .exercise.complete .exercise-info {
                color: #bdbdbd;
            }
.exerciseInfo-head {
        padding: 30px 20px;
    }
.exerciseInfo-title {
        margin-bottom: 36px;
        font-size: 30px;
        font-weight: 800;
        color: #fa658c;
        color: var(--brinkPink);
    }
.exerciseInfo-video {
        width: 100%;
        padding-right: 30px;
    }
.exerciseInfo-dscr {
        flex-shrink: 0;
        width: 100%;
        max-width: 430px;
    }
.exerciseInfo-summary {
        margin-bottom: 28px;
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5;
        color: #1875f0;
        color: var(--dodgerBlue);
    }
.grid-sizer, .history {
    width: 48%;
    margin: 0 1% 30px;
}
.history {
    position: relative;
    float: left
}
.history.wide {width: 100%;}
.historyGrid {
        margin: 0 -1%;}
.history-social {
        position: absolute;
        top: 22px;
        right: 20px;}
.shareBtn {
        position: relative;
        display: block;
        width: 33px;
        height: 31px;

    }
.share-list {
        position: absolute;
        top: 50%;
        right: 44px;
        display: none;
        opacity: 0;
        -webkit-transform: translate(10px, -50%);
                transform: translate(10px, -50%);
        -webkit-transition: .4s ease-out;
        transition: .4s ease-out;
        -webkit-transition: var(--transitionMedium);
        transition: var(--transitionMedium)
    }
.share-list.opened {opacity: 1;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);}
.share-icon {
        margin: 0 3px;
        font-size: 22px;
        color: #fff;
        -webkit-transition: .3s ease-out;
        transition: .3s ease-out;
        -webkit-transition: var(--transitionDefault);
        transition: var(--transitionDefault)
    }
.share-icon:hover {color: #fa658c;color: var(--brinkPink);}
.summary {
    position: relative;
    -webkit-box-align: center;
            align-items: center;
    padding: 33px 22px;
}
.summary-btn {
        position: absolute;
        top: 0;
        left: 0;
        padding: 5px 12px;
        font-size: 12px;
        color: #fff;
        background-color: #1875f0;
        background-color: var(--dodgerBlue);
        border-radius: 5px 0 16px 0;
        -webkit-transition: .3s ease-out;
        transition: .3s ease-out;
        -webkit-transition: var(--transitionDefault);
        transition: var(--transitionDefault)
    }
.summary-btn:hover {opacity: .8;}
.summary-title {
        width: 34%;
        font-size: 18px;
        font-weight: 600;
        color: #5b5b5b;
        color: var(--zambezi);
    }
.summary-progress {
        flex-shrink: 0;
        width: 100%;
        max-width: 350px;
        margin-right: 32px;
    }
.summary:not(:first-child) {display: none;}
.summary.active {opacity: 1;}
.progressRadial {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    flex-shrink: 0;
    width: 152px;
    height: 152px;
    margin-left: 32px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 7px 15px rgba(0,0,0,.1);
    box-shadow: var(--shadowCabinetElements);
}
.progressRadial-wrapper {
        width: 123px;
        height: 123px;
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
    }
.progressRadial-thumb, .progressRadial-bar {
        fill: none;
        stroke-width: 12px;
    }
.progressRadial-bar {
        stroke-linecap: round;
    }
.progressRadial-info {
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 68px;
        font-size: 14px;
        font-style: italic;
        font-weight: 800;
        line-height: 1.2;
        text-align: center;
        text-transform: uppercase;
        background: -webkit-linear-gradient(55deg, #36c1cd, #44f9bf);
        background: linear-gradient(35deg, #36c1cd, #44f9bf);
        background: var(--gradiendAquamarine);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
.progressRadial-percent {
        display: block;
        font-size: 18px;
        font-style: normal;
    }
.progressLinear {
    width: 100%;
    font-size: 14px;
    font-weight: 800;
}
.progressLinear-thumb {
        position: relative;
        width: 100%;
        height: 19px;
        background-color: #dbdfe1;
        border-radius: 30px;
    }
.progressLinear-bar {
        position: relative;
        height: 100%;
        background-image: -webkit-linear-gradient(55deg, #36c1cd, #44f9bf);
        background-image: linear-gradient(35deg, #36c1cd, #44f9bf);
        background-image: var(--gradiendAquamarine);
        border-radius: inherit
    }
.progressLinear-bar::after {content: '';position: absolute;top: 0;right: 0;width: 20px;height: 25px;background: url("../assets/img/icons/blob.svg") center no-repeat;background-size: contain;}
.progressLinear-before, .progressLinear-after, .progressLinear-current {
        position: absolute;
        top: calc(100% + 10px);
        background: -webkit-linear-gradient(55deg, #36c1cd, #44f9bf);
        background: linear-gradient(35deg, #36c1cd, #44f9bf);
        background: var(--gradiendAquamarine);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
.progressLinear-before {
        left: 0;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }
.progressLinear-after {
        right: 0;
        -webkit-transform: translateX(50%);
                transform: translateX(50%);
    }
.progressLinear-current {
        right: 0;
        -webkit-transform: translateX(-10%);
                transform: translateX(-10%);
    }
.filedrop {
    -webkit-box-align: center;
            align-items: center;
}
.filedrop input {
        display: none;
    }
.filedrop-icon {
        margin-right: 16px;
    }
.filedrop-text {
        font-size: 13px;
        font-weight: 600;
        color: #1875f0;
        color: var(--dodgerBlue);
        text-decoration: underline;
        cursor: pointer;
    }
.substrate {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 7px 15px rgba(0,0,0,.1);
    box-shadow: var(--shadowCabinetElements);
}

/* Blocks */
header {
    width: 100%
}
header.float {position: absolute;top: 30px;left: 0;z-index: 5;}
header.static {padding-top: 26px;padding-bottom: 21px;}
.header {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}
.header-logo {
        position: relative;
        -webkit-box-flex: 0;
                flex: 0 0 94px;
        margin-right: 15px;
    }
.header-account {
        margin-left: auto;
    }
.header-phone {
        position: absolute;
        top: -5px;
        right: 0;
        color: #000;
    }
.header-phone span {
            font-weight: 800;
        }
.header.dark .nav-item a, .header.pink .nav-item a {
                    color: #363636;
                    color: var(--eclipse);
                }
.header.dark .logo-text {
                color: #363636;
                color: var(--eclipse);
            }
.header.sign .account-btn.sign {color: #e52444;color: var(--amaranth);}
.header.sign .account-btn.login {color: #fff;}
.header.white .logo {
            color: #fff;}
.header.white .nav-item a {
                    color: #fff;
                }
.header.white .logo-icon {
            fill: #fff;}
.header.white .account-btn.sign, .header.white .accountMenu-btn, .header.white .header-account .account-name, .header.white .header-phone{
            color: #fff;}
.header.white .account-btn.login {
            color: #58eaa1;
            color: var(--mediumAquamarine);}
.header.pink .logo-text {
                color: #fa658c;
                color: var(--brinkPink);
            }
.nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}
.nav-item {
        margin: 0 15px;
        font-size: 18px;
        font-weight: 800;
        font-style: italic;
        text-transform: uppercase;
    }
.nav-item a {
            text-decoration: none;
            -webkit-transition: .3s ease-out;
            transition: .3s ease-out;
            -webkit-transition: var(--transitionDefault);
            transition: var(--transitionDefault)
        }
.nav-item a:hover {color: #4cd964;color: var(--emerald);}
.account {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}
.account-btn {
        font-weight: 800;
        text-transform: uppercase
    }
.account-btn.sign {color: #363636;color: var(--eclipse);}
.account-btn.login {width: 160px;padding: 12px;margin-left: 30px;text-align: center;color: #ffdf01;color: var(--goldenYellow);background-color: #363636;background-color: var(--eclipse);}
.account-avatar {
        width: 56px;
        height: 56px;
    }
.account-name {
        margin: 0 15px;
        font-weight: 800;
        color: #363636;
        color: var(--eclipse);
    }
.accountMenu {
        position: relative;
    }
.accountMenu-btn {
            display: -webkit-box;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
            -webkit-box-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
                    align-items: center;
            width: 24px;
            height: 17px;
            color: #363636;
            color: var(--eclipse);
            -webkit-transition: .3s ease-out;
            transition: .3s ease-out;
            -webkit-transition: var(--transitionDefault);
            transition: var(--transitionDefault);
        }
.accountMenu-btn-point {
                width: 3px;
                height: 3px;
                background-color: currentColor;
                border-radius: 50%;
            }
.accountMenu-btn:hover {color: #1875f0;color: var(--dodgerBlue);}
.accountMenu-dropdown {
            position: absolute;
            top: calc(100% + 15px);
            right: 0;
            z-index: 3;
            list-style: none;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0 3px 9px rgba(0,0,0,.2);
            opacity: 0;
            overflow: hidden;
            -webkit-transform: translateY(-10px);
                    transform: translateY(-10px);
            -webkit-transition: .4s ease-out;
            transition: .4s ease-out;
            -webkit-transition: var(--transitionMedium);
            transition: var(--transitionMedium);
        }
.accountMenu-dropdown a {
                display: block;
                padding: 8px 16px;
                font-size: 14px;
                text-decoration: none;
                text-align: center;
                color: #363636;
                color: var(--eclipse);
                -webkit-transition: .3s ease-out;
                transition: .3s ease-out;
                -webkit-transition: var(--transitionDefault);
                transition: var(--transitionDefault)
            }
.accountMenu-dropdown a:hover {background-color: #edf0f5;background-color: var(--solitude);}
.accountMenu-dropdown.opened {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.menu {
    position: fixed;
    top: -70px;
    left: 0;
    z-index: 12;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 100vh;
    padding-bottom: 70px;
    background-color: rgba(0,0,0,.8);
    opacity: 0;
    -webkit-transform: translateY(70px);
            transform: translateY(70px);
    -webkit-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out
}
.menu.opened {opacity: 1;}
.menuAccount-avatar {
            width: 56px;
            height: 56px;
            margin: 0 auto 15px;
            border-radius: 50%;
            box-shadow: 0 7px 15px rgba(0,0,0,.1);
            box-shadow: var(--shadowCabinetElements);
            overflow: hidden;
        }
.menuAccount-name {
            font-size: 20px;
            font-weight: 600;
            color: #fff;
        }
.menuNav {
        margin: 30px 0;}
.menuNav-item {
            margin: 8px 0;
            font-size: 20px;
            font-weight: 800;
            font-style: italic;
            text-transform: uppercase;
            text-align: center;
            color: #fff;
        }
.menuSettings {
        margin-bottom: 20px;}
.menuSettings-item {
            margin: 8px 0;
            font-size: 16px;
            font-weight: 600;
            text-align: center;
            color: #fff;
        }
.menuPhone {
        color: #fff;}
.menuPhone p {
            margin-bottom: 10px;
        }
.menuPhone a {
            display: block;
            text-align: center;
            color: #fff;
        }
.greeting {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 100vh;
    overflow: hidden
}
.greeting::before {background-color: #ffff03;background-color: var(--yellow);}
.greeting::after {content: '4Fit';position: absolute;top: -18%;z-index: -1;font-size: 1250px;font-weight: 800;font-style: italic;color: rgba(215,215,215,.15);}
.greeting-bubble, .greeting-title, .greeting-subtitle, .greeting-img {
        -webkit-transition: .4s ease-out;
        transition: .4s ease-out;
        -webkit-transition: var(--transitionMedium);
        transition: var(--transitionMedium);}
.greeting-bubble {
        position: absolute;
        background-color: rgba(255,204,0,.3);
        border-radius: 50%}
.greeting-bubble:first-child {top: 135px;left: 150px;width: 94px;height: 94px;}
.greeting-bubble:nth-child(2) {bottom: 90px;left: -30px;width: 144px;height: 144px;}
.greeting-bubble:last-child {top: 110px;right: -150px;width: 270px;height: 270px;}
.greeting-info {
        position: relative;
        z-index: 1;}
.greeting-title, .greeting-subtitle {
        position: relative;
        font-weight: 800;
        font-style: italic;
        text-align: center;
        color: #ffdf01;
        color: var(--goldenYellow);}
.greeting-title {
        z-index: 2;
        margin-bottom: 30px;
        font-size: 350px;
        line-height: .85;}
.greeting-subtitle {
        z-index: 4;
        font-size: 70px;
        text-transform: uppercase;}
.greeting-img {
        position: absolute;
        top: -15%;
        left: 10%;
        z-index: 3;
        width: 80%;
        max-width: none;}
.greeting-scroll {
        position: absolute;
        bottom: 90px;
        left: 50%;
        z-index: 10;
        font-family: 'Open Sans', sans-serif;
        font-family: var(--openSans);
        font-size: 14px;
        font-weight: 800;
        font-style: italic;
        color: #ffdf01;
        color: var(--goldenYellow);
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        cursor: pointer}
.greeting-scroll::after {content: '';position: absolute;top: calc(100% + 12px);left: calc(50% - .5px);width: 1px;height: 46px;background-color: #ffdf01;background-color: var(--goldenYellow);-webkit-transition: .3s ease-out;transition: .3s ease-out;-webkit-transition: var(--transitionDefault);transition: var(--transitionDefault);}
.greeting-scroll:hover::after {-webkit-transform: translateY(10px);transform: translateY(10px);}
.project {
    width: 100%;
    height: 100vh;
    background: url("../assets/img/project/project-bg.jpg") center center;
    background-size: cover;
}
.project-wrapper {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
                align-items: center;
        height: 100%;
    }
.project-info {
        max-width: 664px;
        margin-left: 150px;
        text-align: center;
    }
.project-title {
        margin-bottom: 60px;
    }
.project-dscr {
        margin-bottom: 62px;
        font-size: 24px;
        line-height: 1.17;
    }
.project-btn {
        color: #ffdf01;
        color: var(--goldenYellow);
    }
.auditory {
    width: 100%;
    height: 100vh;
}
.auditory-row {
        display: -webkit-box;
        display: flex;
        -webkit-box-pack: center;
                justify-content: center;
        -webkit-box-align: center;
                align-items: center;
        height: inherit;
    }
.auditory-video {
        position: relative
    }
.auditory-video::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(88,234,161,.3);}
.auditory-info {
        width: 100%;
        max-width: 630px;
        margin-left: 60px;
    }
.auditory-title {
        margin-bottom: 60px;
        margin-left: 28px;
        color: #58eaa1;
        color: var(--mediumAquamarine);
    }
.auditory-dscr {
        margin-bottom: 40px;
        font-size: 18px;
        line-height: 1.33;
    }
.auditory-btn {
        color: #58eaa1;
        color: var(--mediumAquamarine);
    }
.programs-title {
        width: 100%;
        margin-bottom: 140px;
        text-align: center;
    }
.programs-item {
        -webkit-box-align: center;
                align-items: center;
        margin-bottom: 78px
    }
.programs-item.left {-webkit-box-pack: start;justify-content: flex-start;}
.programs-item.right {-webkit-box-pack: end;justify-content: flex-end;}
.programs-img {
        position: relative;
        width: 100%;
        max-width: 890px;
        height: 500px;
        background-position: center center;
        box-shadow: 0 0 12px rgba(0,0,0,.4);
        overflow: hidden
    }
.programs-img::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(315deg, #58eaa1, transparent);background-image: linear-gradient(135deg, #58eaa1, transparent);background-image: -webkit-linear-gradient(315deg, var(--mediumAquamarine), transparent);background-image: linear-gradient(135deg, var(--mediumAquamarine), transparent);}
.programs-img.left {border-radius: 0 360px 360px 0;}
.programs-img.right {-webkit-box-ordinal-group: 3;order: 2;border-radius: 360px 0 0 360px;}
.programs-info {
        max-width: 580px
    }
.programs-info.left {padding-right: 45px;margin-left: 145px;}
.programs-info.right {padding-left: 45px;margin-right: 145px;}
.programs-name {
        margin-bottom: 30px;
        font-size: 56px;
        font-weight: 800;
    }
.programs-dscr {
        margin-bottom: 30px;
        font-size: 22px;
        line-height: 1.18;
    }
.programs-controls {
        -webkit-box-align: center;
                align-items: center;
    }
.programs-btn {
        color: #58eaa1;
        color: var(--mediumAquamarine)
    }
.programs-btn.more {margin-left: 30px;font-size: 15px;font-weight: 800;text-transform: uppercase;}
.delivery {
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 100vh;
    padding: 40px 15px;
    background: url("../assets/img/delivery/delivery-img.jpg") left bottom no-repeat;
    background-size: contain;
}
.delivery-title {
        max-width: 900px;
        margin-bottom: 80px;
        text-align: center;
    }
.delivery-dscr {
        max-width: 894px;
        padding: 50px 80px;
        margin-bottom: 48px;
        font-size: 22px;
        text-align: center;
        background-color: rgba(255,255,255,.9);
        border-radius: 300px;
    }
.delivery-btn {
        color: #58eaa1;
        color: var(--mediumAquamarine);
    }
.programsDetail {
    width: 100%
}
.programsDetail::before {background-color: #58eaa1;background-color: var(--mediumAquamarine);}
.programsDetail .glide__bullets {
            bottom: 120px;
        }
.programsDetail .glide__bullet {
            width: 16px;
            height: 16px;
            background-color: rgba(255,255,255,.2);
        }
.programsDetail .glide__bullet--active {
                background-color: rgba(255,255,255,.6);
                -webkit-transform: scale(1.04);
                        transform: scale(1.04);
            }
.programsDetail-item {
        -webkit-box-pack: center;
                justify-content: center;
        -webkit-box-align: start;
                align-items: flex-start;
        width: 100%;
        height: 100vh;
        background-position: center center;
        background-size: cover;}
.programsDetail-title, .programsDetail-price {
        color: #58eaa1;
        color: var(--mediumAquamarine);}
.programsDetail-subtitle, .programsDetail-price, .programsDetail-time {
        font-weight: 800;
        font-style: italic;
        text-transform: uppercase;}
.programsDetail-title {
        margin-bottom: 16px;}
.programsDetail-subtitle {
        margin-bottom: 20px;
        font-size: 22px;
        color: #fff;}
.programsDetail-dscr {
        width: 100%;
        padding: 30px 0;
        margin-bottom: 20px;
        color: rgba(255,255,255,.8);
        background-color: rgba(0,0,0,.2);}
.programsDetail-dscr p {
            font-size: 18px;
            line-height: 1.33
        }
.programsDetail-dscr p:not(:last-child) {margin-bottom: 14px;}
.programsDetail-price {
        margin-bottom: 6px;
        font-size: 40px;}
.programsDetail-time {
        margin-bottom: 40px;
        font-size: 18px;
        color: #fff;}
.programsDetail-btn {
        color: #fff;
        background-color: #e52444;
        background-color: var(--amaranth);}
.authorization {
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    min-height: 100vh;
    padding: 180px 15px;
    background-image: url("../assets/img/registration-bg.jpg");
    background-size: cover
}
.authorization::before {background-color: rgba(0,0,0,.2);}
.authorization-form {
        width: 100%;
        max-width: 360px;}
.authorization-form-body {
            margin-bottom: 64px;
        }
.authorization-form-input:not(:last-child) {margin-bottom: 20px;}
.authorization-controls {
        -webkit-box-align: center;
                align-items: center;}
.authorization-submit {
        color: #fff;
        background-color: #e52444;
        background-color: var(--amaranth);}
.authorization-link {
        margin-top: 16px;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        text-transform: uppercase;
        color: #fff;}
.authorization .alert {
        max-width: 420px;
        margin: 0 auto;
        text-align: center;}
.notfound {
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    min-height: 100vh;
    padding: 180px 15px;
    background-color: #f8f8f8;
    background-color: var(--whiteSmoke);
}
.notfound-content {
        padding: 30px 15px;
        max-width: 600px;
    }
.notfound-content h1, .notfound-content p {
            text-align: center;
        }
.notfound-content h1 {
            margin-bottom: 25px;
            font-size: 30px;
        }
.notfound-content p {
            margin-bottom: 15px;
        }
.notfound-content a {
            display: inline-block;
            width: 120px;
            padding: 4px 12px;
            font-weight: 600;
            text-align: center;
            text-decoration: none;
            color: #fff;
            background-color: #1875f0;
            background-color: var(--dodgerBlue);
            border-radius: 4px;
            box-shadow: 0 7px 15px rgba(0,0,0,.1);
            box-shadow: var(--shadowCabinetElements)
        }
.notfound-content a:first-child {margin-right: 8px;}
.notfound-controls {
        -webkit-box-pack: center;
                justify-content: center;
    }
.cabinet {
    min-height: calc(100vh - 211px);
    padding-bottom: 100px;
    background-color: #f8f8f8;
    background-color: var(--whiteSmoke);
    overflow: hidden;
}
.cabinetHead {
        background-color: #fa658c;
        background-color: var(--brinkPink);
        box-shadow: 0 4px 13px rgba(0,0,0,.1);
    }
.cabinetHead-row {
            -webkit-box-align: center;
                    align-items: center;
        }
.cabinet-controls {
        -webkit-box-align: center;
                align-items: center;
    }
.cabinet-calendar {
        -webkit-box-flex: 0;
                flex: 0 1 350px;
        margin-right: 16px;
    }
.cabinet-tabs {
        -webkit-box-flex: 1;
                flex: 1;
        padding: 26px 0;
        margin-right: -15px;
        overflow: hidden;
    }
.cabinet-typography h4 {
            margin-bottom: 5px;
            font-size: 16px;
            font-weight: 600;
            line-height: 1.5;
        }
.cabinet-typography p {
            margin-bottom: 26px;
            font-size: 14px;
            line-height: 1.57;
            color: #5b5b5b;
            color: var(--zambezi);
        }
.cabinetNav-item {
            position: relative;
            padding: 15px 0 28px;
            opacity: .8
        }
.cabinetNav-item:not(:last-child) {margin-right: 40px;}
.cabinetNav-item.active {opacity: 1}
.cabinetNav-item.active::after {content: '';position: absolute;bottom: 0;left: calc(50% - 21px);width: 42px;height: 8px;background: url("../assets/img/icons/arrow.svg") center no-repeat;}
.cabinetNav-icon {
            -webkit-box-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                    align-items: center;
            height: 26px;
            margin-bottom: 5px;
        }
.cabinetNav-title {
            font-size: 14px;
            font-weight: 600;
            text-align: center;
            color: #fff;
        }
.cabinetTabs-controls {
        width: 100%;
        cursor: move;
    }
.cabinetTabs-btn {
        position: relative;
        z-index: 0;
        -webkit-box-pack: end;
                justify-content: flex-end;
        -webkit-box-flex: 0;
                flex: 0 0 96px;
        height: 152px;
        padding: 10px 0;
        margin: 0 15px;
        -webkit-transition: .3s ease-out;
        transition: .3s ease-out;
        -webkit-transition: var(--transitionDefault);
        transition: var(--transitionDefault);
        cursor: pointer
    }
.cabinetTabs-btn::after {content: '';position: absolute;top: 100%;left: calc(50% - 13px);border-left: 13px solid transparent;border-top: 8px solid #fff;border-right: 13px solid transparent;opacity: 0;-webkit-transition: inherit;transition: inherit;}
.cabinetTabs-btn-icon {
            position: absolute;
            top: 64px;
            left: 50%;
            z-index: 1;
            -webkit-filter: grayscale(100%);
                    filter: grayscale(100%);
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            -webkit-transition: inherit;
            transition: inherit;}
.cabinetTabs-btn-icon img {
                max-width: none;
            }
.cabinetTabs-btn-title {
            position: relative;
            z-index: 2;
            -webkit-box-pack: center;
                    justify-content: center;
            -webkit-box-align: center;
                    align-items: center;
            width: 100%;
            height: 38px;
            padding: 0 4px;
            font-size: 13px;
            font-weight: 600;
            text-align: center;
            color: #5b5b5b;
            color: var(--zambezi);
            background-color: rgba(255,255,255,.5);
            -webkit-transition: inherit;
            transition: inherit;}
.cabinetTabs-btn:hover .cabinetTabs-btn-icon {
                        -webkit-filter: grayscale(50%);
                                filter: grayscale(50%);
                    }
.cabinetTabs-btn:hover .cabinetTabs-btn-title {
                        color: #1875f0;
                        color: var(--dodgerBlue);
                    }
.cabinetTabs-btn[data-enable='enabled'] .cabinetTabs-btn-icon {
                        -webkit-filter: grayscale(50%);
                                filter: grayscale(50%);
                    }
.cabinetTabs-btn.active::after {opacity: 1;}
.cabinetTabs-btn.active .cabinetTabs-btn-icon {
                        -webkit-filter: grayscale(0);
                                filter: grayscale(0);
                    }
.cabinetTabs-btn.active .cabinetTabs-btn-title {
                        font-weight: 800;
                        color: #1875f0;
                        color: var(--dodgerBlue);
                    }
.cabinetTabs-content {
        width: 100%;
    }
.training-exercises {
        width: 100%;
        margin-bottom: 30px;
    }
.training-exercises-list {
            width: 100%;
            cursor: move;
        }
.training-exercises-item {
            -webkit-box-flex: 0;
                    flex: 0 0 350px
        }
.training-exercises-item:not(:last-child) {margin-right: 30px;}
.training-info-tab {
            display: block;
            opacity: 0;
            -webkit-transition: .4s ease-out;
            transition: .4s ease-out;
            -webkit-transition: var(--transitionMedium);
            transition: var(--transitionMedium)
        }
.training-info-tab:not(:first-child) {display: none;}
.training-info-tab.active {opacity: 1;}
.settings {
    position: relative;
    padding: 60px 65px;
    margin-top: 30px;
}
.settings .btnBack {
        top: 30px;
        left: 30px;
    }
.settings-form {
        -webkit-box-align: start;
                align-items: flex-start;
    }
.settingsPhoto {
        position: relative;
        -webkit-box-flex: 0;
                flex: 0 0 176px;
        margin-right: 95px;
    }
.settingsPhoto-img {
            width: 176px;
            height: 176px;
            margin-bottom: 25px;
        }
.settingsPhoto-name {
            font-size: 24px;
            font-weight: 600;
            text-align: center;
        }
.settingsPhoto-edit {
            position: absolute;
            top: 135px;
            left: calc(100% - 10px);
            width: 48px;
            height: 48px;
            background: #fa658c url("../assets/img/icons/icon-edit.png") center no-repeat;
            background: var(--brinkPink) url("../assets/img/icons/icon-edit.png") center no-repeat;
            border-radius: 50%;
            box-shadow: 0 7px 15px rgba(0,0,0,.1);
            box-shadow: var(--shadowCabinetElements);
            -webkit-transition: .3s ease-out;
            transition: .3s ease-out;
            -webkit-transition: var(--transitionDefault);
            transition: var(--transitionDefault);
            cursor: pointer;
        }
.settingsPhoto-edit input {
                display: none;
            }
.settingsPhoto-edit:hover {opacity: .8;}
.settingsData {
        -webkit-box-flex: 1;
                flex: 1;
    }
.settingsData-input:not(:last-of-type) {margin-bottom: 25px;}
.settingsData-input:last-of-type {margin-bottom: 40px;}
.settings-title {
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 600;
        color: #787878;
    }
.settings-submit {
        color: #fff;
        background-color: #fa658c;
        background-color: var(--brinkPink);
    }
.subscription {
    position: relative;
    padding: 25px 30px 65px 30px;
    margin-top: 30px;
}
.subscription .btnBack {
        top: 10px;
        left: 10px;
    }
.subscription-title {
        padding-left: 50px;
        margin-bottom: 50px;
        font-size: 30px;
        font-weight: 800;
    }
.subscriptionItem {
        padding: 0 10px 20px;
        margin-bottom: 30px;
        border-bottom: 2px solid #fa658c;
        border-bottom: 2px solid var(--brinkPink);
    }
.subscriptionItem-head {
            -webkit-box-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
                    align-items: center;
            margin-bottom: 20px;
        }
.subscriptionItem-head form {
                width: 136px;
            }
.subscriptionItem-name {
            font-size: 20px;
            font-weight: 800;
            font-style: italic;
        }
.subscriptionItem-btn {
            width: 100%;
            height: 30px;
            font-weight: 600;
            color: #fff;
            border-radius: 5px;
            background-color: #1875f0;
            background-color: var(--dodgerBlue);
            box-shadow: 0 7px 15px rgba(0,0,0,.1);
            box-shadow: var(--shadowCabinetElements);
        }
.subscriptionItem-dscr, .subscriptionItem-price {
            margin-bottom: 20px;
        }
.subscriptionItem-price {
            font-weight: 600;
        }
footer {
    width: 100%
}
footer::after {background-color: #e9e9e9;}
footer.static {width: 80%;background-color: #ffdf01;background-color: var(--goldenYellow);border-radius: 0 40px 40px 0;}
footer.float {position: absolute;bottom: 0;left: 0;background-color: rgba(0,0,0,.2);}
footer.float .footer-logo, footer.float .footer-socials a, footer.float .footer-suggestion {
                color: #fff;
            }
.footer-landing {
        -webkit-box-align: center;
                align-items: center;
        height: 52px;
    }
.footer-cabinet {
        background-color: #f8f8f8;
    }
.footer-row {
        -webkit-box-pack: center;
                justify-content: center;
        -webkit-box-align: center;
                align-items: center;
        height: 68px;
    }
.footer-logo, .footer-socials a {
        color: #363636;
        color: var(--eclipse);
    }
.footer-logo, .footer-suggestion {
        font-size: 18px;
        font-weight: 800;
        font-style: italic;
    }
.footer-socials a {
            margin-right: 22px;
            font-size: 22px;
            text-decoration: none;
            -webkit-transition: .3s ease-out;
            transition: .3s ease-out;
            -webkit-transition: var(--transitionDefault);
            transition: var(--transitionDefault);
        }
.footer-suggestion {
        margin-left: 30px;
        color: #363636;
        color: var(--eclipse);
    }
@media (max-width: 1600px) {
        .greeting-bubble:first-child {width: 80px;height: 80px;}
        .greeting-bubble:nth-child(2) {width: 128px;height: 128px;}
        .greeting-bubble:last-child {right: -100px;width: 240px;height: 240px;}
        .greeting-title {
            font-size: 280px;
        }
        .greeting-subtitle {
            font-size: 54px;
        }
        .auditory-info {
            margin-left: 30px;
        }
        .programs-img {
            max-width: 790px;
        }
        .programs-info.left {margin-left: 75px;}
        .programs-info.right {margin-right: 75px;}
}
@media (max-width: 1400px) {
        .programs-img {
            max-width: 640px;
        }
        .programs-info.left {margin-left: 45px;}
        .programs-info.right {margin-right: 45px;}
        .programs-name {
            margin-bottom: 20px;
            font-size: 50px;
        }
}
@media (max-width: 1200px) {
    .title {
        font-size: 50px;
    }
    .lineThrough::after {
        top: calc(50% - 8px);
        left: -22px;
        width: calc(100% + 44px);
        height: 16px;
    }
    header {
        top: 15px;
    }
        .nav-item {
            margin: 0 8px;
            font-size: 16px;
        }
        .account-btn {
            font-size: 14px
        }
        .account-btn.login {margin-left: 15px;}
        .greeting-bubble:first-child {left: 90px;width: 60px;height: 60px;}
        .greeting-bubble:nth-child(2) {left: -19px;width: 96px;height: 96px;}
        .greeting-bubble:last-child {top: 100px;right: -90px;width: 180px;height: 180px;}
        .auditory-title, .auditory-dscr {
            margin-bottom: 30px;
        }
        .auditory-title {
            margin-top: 30px;
        }
        .programs-title {
            margin-bottom: 80px;
        }
        .programs-img {
            max-width: 500px;
        }
        .programs-name {
            margin-bottom: 14px;
            font-size: 44px;
        }
        .programs-dscr {
            font-size: 20px;
        }
            .programsDetail .glide__bullets {
                bottom: 82px;
            }
}
@media (max-width: 992px) {
        .logo-text {
            left: 90%;
            font-size: 20px;
        }
        .food-img, .food-info {
            width: 50%;
        }
        .exerciseInfo-row {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
        }
        .exerciseInfo-video {
            padding-right: 0;
            margin-bottom: 40px;
        }
        .exerciseInfo-dscr {
            max-width: 100%;
        }
    .grid-sizer, .history {
        margin-bottom: 15px;
    }
    .summary {
        -webkit-box-pack: justify;
                justify-content: space-between;
        padding-left: 15px;
        padding-right: 15px;
    }
        .summary-title {
            width: auto;
        }
        .summary-progress {
            max-width: 300px;
            margin-right: 0;
        }
    .progressRadial {
        margin-left: 16px;
    }
        .header-phone {
            top: -10px;
        }
        .header-logo {
            flex-basis: 64px;
            margin-right: 8px;
        }
        .nav-item {
            margin: 0 4px;
            font-size: 15px;
        }
        .account-avatar {
            width: 50px;
            height: 50px;
        }
        .account-name {
            font-size: 15px;
        }
        .greeting-bubble {
            display: none;
        }
        .greeting-title {
            font-size: 240px;
        }
        .greeting-subtitle {
            font-size: 46px;
        }
        .project-wrapper {
            -webkit-box-pack: center;
                    justify-content: center;
        }
        .project-info {
            margin-left: 0;
        }
        .project-dscr {
            font-size: 20px;
        }
    .auditory {
        height: auto;
        padding: 20px 0;
        margin-bottom: 60px;
    }
        .auditory-row {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
            -webkit-box-align: center;
                    align-items: center;
        }
        .auditory-video, .auditory-info {
            max-width: 720px;
        }
        .auditory-info {
            margin-left: 0;
        }
        .programs-img {
            max-width: 400px;
            height: 440px;
        }
        .programs-info.left {padding-right: 30px;margin-left: 30px;}
        .programs-info.right {padding-left: 30px;margin-right: 30px;}
    .delivery {
        -webkit-box-pack: center;
                justify-content: center;
    }
        .delivery-title, .delivery-dscr {
            margin-bottom: 36px;
        }
        .delivery-dscr {
            max-width: 720px;
            padding: 40px 15px;
            font-size: 18px;
        }
}
@media (max-width: 768px) {
    .title {
        font-size: 40px;
    }
    .lineThrough::after {
        left: -19px;
        width: calc(100% + 38px);
    }
        .greeting-title {
            font-size: 220px;
        }
        .greeting-subtitle {
            font-size: 42px;
        }
}
@media (max-width:767px){.plyr__time+.plyr__time{display:none}}
@media (max-width: 767px) {
    .burger {
        display: block;
    }
    .modal {
        left: calc(50% - 180px);
        width: 360px;
        padding: 30px 20px;
    }
            .calendarInfo-popup {
                right: -22px;
                -webkit-transform: none;
                        transform: none
            }
            .calendarInfo-popup::after {display: none;}
    .food {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
                flex-direction: column;
    }
        .food-img {
            width: 100%;
            height: 300px;
        }
        .food-info {
            width: 100%;
            padding: 25px 15px;
        }
    .summary {
        flex-wrap: wrap;
    }
        .summary-progress {
            -webkit-box-ordinal-group: 4;
                    order: 3;
            width: 100%;
            max-width: 100%;
            margin-top: 20px;
            margin-right: 0;
        }
    header {
        display: none;
    }
        .programs-title {
            margin-bottom: 40px;
        }
        .programs-item {
            margin-bottom: 40px
        }
        .programs-item.left, .programs-item.right {-webkit-box-pack: center;justify-content: center;}
        .programs-img {
            display: none;
        }
        .programs-info.left, .programs-info.right {padding: 0 15px;margin: 0;}
    .delivery {
        height: auto;
        background-position-y: 140px;
        background-size: cover;
    }
        .delivery-dscr {
            padding: 15px;
            border-radius: 0;
        }
            .programsDetail .glide__bullets {
                bottom: 66px;
            }
        .programsDetail-item {
            min-height: 768px;
        }
        .programsDetail-subtitle {
            font-size: 20px;
        }
        .programsDetail-price {
            font-size: 34px;
        }
        .programsDetail-time {
            font-size: 16px;
        }
            .authorization-form-body {
                margin-bottom: 50px;
            }
        .cabinet-controls {
            flex-wrap: wrap;
            padding: 26px 0 0;
        }
        .cabinet-calendar, .cabinet-tabs {
            flex-basis: 100%;
        }
        .cabinet-calendar {
            margin-right: 0;
        }
        .cabinet-tabs {
            margin-left: -15px;
        }
        .cabinetTabs-controls {
        }
        .cabinetTabs-btn {
            margin: 0 8px;
        }
            .training-exercises-item {
                flex-basis: 320px
            }
            .training-exercises-item:not(:last-child) {margin-right: 15px;}
        .settings-form {
            flex-wrap: wrap;
            -webkit-box-pack: center;
                    justify-content: center;
        }
        .settingsPhoto {
            margin-right: 0;
            margin-bottom: 40px;
        }
        .settingsData {
            flex-basis: 100%;
        }
            .subscriptionItem-head {
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                        flex-direction: column;
                -webkit-box-align: start;
                        align-items: flex-start;
            }
            .subscriptionItem-name {
                margin-bottom: 20px;
            }
}
@media (max-height: 767px) {
        .programsDetail-item {
            min-height: 768px;
        }
}
@media (max-width: 575px) {
    .title {
        font-size: 40px;
    }
    .grid-sizer, .history {
        width: 100%;
        margin: 0 0 10px;
    }
        .historyGrid {
            margin: 0;
        }
        .summary-title {
            font-size: 16px;
        }
        .filedrop-icon {
            margin-right: 10px;
        }
        .greeting-info {
            padding: 0 15px;
        }
        .greeting-title {
            font-size: 160px;
        }
        .greeting-subtitle {
            font-size: 36px;
        }
        .greeting-img {
            top: -10%;
            left: 17%;
            width: 66%;
        }
        .project-title {
            margin-bottom: 30px;
        }
        .project-dscr {
            margin-bottom: 30px;
            font-size: 18px;
        }
    .notfound {
        padding-top: 140px;
        padding-bottom: 140px;
    }
            .notfound-content h1 {
                font-size: 24px;
            }
    .settings {
        padding-right: 15px;
        padding-left: 15px;
    }
    footer.static {width: 100%;border-radius: 0;}
}
@media (max-height: 568px) {
    .greeting,
    .project {
        height: 568px;
    }
}
@media (max-width: 480px) {
        .programs-name {
            font-size: 36px;
        }
        .programs-dscr {
            font-size: 18px;
        }
        .programs-controls {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                    flex-direction: column;
        }
        .programs-btn.more {margin-top: 20px;margin-left: 0;}
}
@media (max-width: 420px) {
    .title {
        font-size: 32px;
    }
        .input input {
            height: 42px;
        }
        .filedrop-text {
            display: none;
        }
        .greeting-title {
            font-size: 140px;
        }
        .greeting-subtitle {
            font-size: 28px;
        }
            .notfound-content h1 {
                font-size: 19px;
            }
            .cabinetHead-row {
                -webkit-box-pack: center;
                        justify-content: center;
            }
        .cabinetNav {
            width: 100%;
        }
            .cabinetNav-item {
                -webkit-box-flex: 1;
                        flex: 1
            }
            .cabinetNav-item:not(:last-child) {margin-right: 0;}
        .cabinetTabs-btn {

        }
            .settingsPhoto-img {
                width: 130px;
                height: 130px;
                margin-right: auto;
                margin-left: auto;
            }
            .settingsPhoto-edit {
                top: 90px;
                left: calc(100% - 25px);
            }
        .settings-submit {
            width: 100%;
        }
    .subscription {
        padding-right: 15px;
        padding-left: 15px;
    }
        .subscription-title {
            padding-left: 65px;
        }
        .subscriptionItem {
            padding-right: 0;
            padding-left: 0;
        }
            .subscriptionItem-head {
                -webkit-box-align: center;
                        align-items: center;
            }
                .subscriptionItem-head form {
                    width: 100%;
                }
}
@media (max-width: 380px) {
    .modal {
        left: 1%;
        width: 98%;
        padding: 30px 15px;
    }
        .modal-title {
            font-size: 22px;
        }
        .exercise-btn::before {left: auto;left: initial;right: 0;}
        .exercise-dscr {
            display: none;
        }
            .training-exercises-item {
                flex-basis: 240px;
            }
}
@media (min-width:480px){.plyr__captions{font-size:16px;padding:20px}.plyr__controls .plyr__menu,.plyr__controls .plyr__progress,.plyr__controls .plyr__time,.plyr__controls>.plyr__control{margin-left:10px}.plyr__controls .plyr__menu+.plyr__control,.plyr__controls>.plyr__control+.plyr__control,.plyr__controls>.plyr__control+.plyr__menu{margin-left:5px}.plyr__volume{max-width:50px}}
@media (min-width:768px){.plyr__captions{font-size:18px}.plyr__volume{max-width:80px}}
@media (min-width:1024px){.plyr:-webkit-full-screen .plyr__captions{font-size:21px}.plyr:-moz-full-screen .plyr__captions{font-size:21px}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr:fullscreen .plyr__captions{font-size:21px}.plyr:-webkit-full-screen .plyr__captions{font-size:21px}.plyr:-moz-full-screen .plyr__captions{font-size:21px}.plyr:-ms-fullscreen .plyr__captions{font-size:21px}.plyr--fullscreen-fallback .plyr__captions{font-size:21px}}
/*# sourceMappingURL=maps/bundle.css.map */