/*
Theme Name: 2x
Theme URI: https://www.2xproduktiv.de
*/
html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,input,submit,button,html [type="button"],[type="reset"],[type="submit"]{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;overscroll-behavior-y:none}body{margin:0;color:#062867;font:14px/22px geomanist,sans-serif;position:relative;background:#02163b;line-height:22px;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;/*overscroll-behavior-y:none*/}body:before{content:'';background:url(../images/pattern-w.svg);width:100%;height:100%;opacity:.05;background-size:30px;position:absolute;left:0;top:0}body p{line-height:1.7em;font-weight:400;color:#062867;font-size:17px;font-family:'geomanist',sans-serif;vertical-align:baseline;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}body span{vertical-align:baseline;line-height:inherit}.superwrap input{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}

@font-face{font-family:geomanist;src:url(../fonts/geomanist-light-webfont.eot);src:url(../fonts/geomanist-light-webfont.eot#iefix) format("embedded-opentype"),url(../fonts/geomanist-light-webfont.woff2) format("woff2"),url(../fonts/geomanist-light-webfont.woff) format("woff"),url(../fonts/geomanist-light-webfont.ttf) format("truetype"),url(../images/geomanist-light-webfont.svg#geomanistlight) format("svg");font-weight:300;font-style:normal}
@font-face{font-family:geomanist;src:url(../fonts/geomanist-regular-webfont.eot);src:url(../fonts/geomanist-regular-webfont.eot#iefix) format("embedded-opentype"),url(../fonts/geomanist-regular-webfont.woff2) format("woff2"),url(../fonts/geomanist-regular-webfont.woff) format("woff"),url(../fonts/geomanist-regular-webfont.ttf) format("truetype"),url(../images/geomanist-regular-webfont.svg#geomanist_regularregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:geomanist;src:url(../fonts/geomanist-regular-italic-webfont.eot);src:url(../fonts/geomanist-regular-italic-webfont.eot#iefix) format("embedded-opentype"),url(../fonts/geomanist-regular-italic-webfont.woff2) format("woff2"),url(../fonts/geomanist-regular-italic-webfont.woff) format("woff"),url(../fonts/geomanist-regular-italic-webfont.ttf) format("truetype"),url(../images/geomanist-regular-italic-webfont.svg#geomanist_regularitalic) format("svg");font-weight:400;font-style:italic}
@font-face{font-family:geomanist;src:url(../fonts/geomanist-book-webfont.eot);src:url(../fonts/geomanist-book-webfont.eot#iefix) format("embedded-opentype"),url(../fonts/geomanist-book-webfont.woff2) format("woff2"),url(../fonts/geomanist-book-webfont.woff) format("woff"),url(../fonts/geomanist-book-webfont.ttf) format("truetype"),url(../images/geomanist-book-webfont.svg#geomanistbook) format("svg");font-weight:500;font-style:normal}
@font-face{font-family:geomanist;src:url(../fonts/geomanist-medium-webfont.eot);src:url(../fonts/geomanist-medium-webfont.eot#iefix) format("embedded-opentype"),url(../fonts/geomanist-medium-webfont.woff2) format("woff2"),url(../fonts/geomanist-medium-webfont.woff) format("woff"),url(../fonts/geomanist-medium-webfont.ttf) format("truetype"),url(../images/geomanist-medium-webfont.svg#geomanistmedium) format("svg");font-weight:600;font-style:normal}
@font-face{font-family:geomanist;src:url(../fonts/geomanist-medium-italic-webfont.eot);src:url(../fonts/geomanist-medium-italic-webfont.eot#iefix) format("embedded-opentype"),url(../fonts/geomanist-medium-italic-webfont.woff2) format("woff2"),url(../fonts/geomanist-medium-italic-webfont.woff) format("woff"),url(../fonts/geomanist-medium-italic-webfont.ttf) format("truetype"),url(../images/geomanist-medium-italic-webfont.svg#geomanistmediumitalic) format("svg");font-weight:600;font-style:italic}
@font-face{font-family:geomanist;src:url(../fonts/geomanist-bold-webfont.eot);src:url(../fonts/geomanist-bold-webfont.eot#iefix) format("embedded-opentype"),url(../fonts/geomanist-bold-webfont.woff2) format("woff2"),url(../fonts/geomanist-bold-webfont.woff) format("woff"),url(../fonts/geomanist-bold-webfont.ttf) format("truetype"),url(../images/geomanist-bold-webfont.svg#geomanistbold) format("svg");font-weight:700;font-style:normal}
@font-face{font-family:geomanist;src:url(../fonts/geomanist-bold-italic-webfont.eot);src:url(../fonts/geomanist-bold-italic-webfont.eot#iefix) format("embedded-opentype"),url(../fonts/geomanist-bold-italic-webfont.woff2) format("woff2"),url(../fonts/geomanist-bold-italic-webfont.woff) format("woff"),url(../fonts/geomanist-bold-italic-webfont.ttf) format("truetype"),url(../images/geomanist-bold-italic-webfont.svg#geomanistbold_italic) format("svg");font-weight:700;font-style:italic}
@font-face{font-family:geomanist;src:url(../fonts/geomanist-black-webfont.eot);src:url(../fonts/geomanist-black-webfont.eot#iefix) format("embedded-opentype"),url(../fonts/geomanist-black-webfont.woff2) format("woff2"),url(../fonts/geomanist-black-webfont.woff) format("woff"),url(../fonts/geomanist-black-webfont.ttf) format("truetype"),url(../images/geomanist-black-webfont.svg#geomanistblack) format("svg");font-weight:900;font-style:normal}

*{box-sizing:border-box;position:relative; border:none; margin:0; padding:0}ol,ul,li{list-style:none;font-weight:400}.clear{clear:both}.opac{opacity:1;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;transition:opacity .3s linear}.opac:hover{opacity:.7;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;transition:opacity .3s linear}.ropac{opacity:.5;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;transition:opacity .3s linear}.ropac:hover{opacity:1;-webkit-transition:opacity .3s linear;-moz-transition:opacity .3s linear;transition:opacity .3s linear}div,span{position:relative;cursor:default;color:inherit}.inl{display:inline-block;vertical-align:top}h1,h2,h3,h4,h5,h6{margin:0 0 25px;font-family:'geomanist',sans-serif;font-weight:400;color:#04286E;line-height:1.5em;position:relative}h1{font-size:34px}h2{font-size:29px}h3{font-size:22px}h4{font-size:20px}h5{font-size:16px}h6{font-size:15px}:focus{outline:0}.vidnav .inner::-webkit-scrollbar{width:5px}.vidnav .inner::-webkit-scrollbar-track{border-radius:10px}.vidnav .inner::-webkit-scrollbar-thumb{background:#035eb8;border-radius:10px}.vidnav .inner::-webkit-scrollbar-thumb:hover{background:#035eb8}a{text-decoration:none;color:#04286d;font-weight:400;cursor:pointer}a:hover{color:#04286d}.flex{display:-moz-flex;display:-ms-flexbox;display:-ms-flex;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-moz-justify-content:space-between;-ms-justify-content:space-between;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.flex.top{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.flex.rev{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex.bottom{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.flex.center{-moz-justify-content:center;-ms-justify-content:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.flex.stretch{-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}.flex.vcenter{-webkit-justify-content: center;-ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center;align-content: center;
-webkit-align-items: center;-ms-flex-align: center; align-items: center}.flex.left{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.flex.right{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.trans{-webkit-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out}.lazy-hidden{opacity:0}.lazy-loaded{-webkit-transition:opacity .4s linear;-moz-transition:opacity .4s linear;-ms-transition:opacity .4s linear;-o-transition:opacity .4s linear;transition:opacity .4s linear;opacity:1}#overlay,#pushoverlay,#overlay2,#loverlay,#loverlay2,#molay{background:rgba(1,25,49,0.9);position:absolute;top:0;left:0;width:100%;height:100%;z-index:110;display:none}#loverlay,#loverlay2{display:block;z-index:100000;background:rgba(1,25,49,0.9);background:linear-gradient(-23deg,rgb(2 19 36 / 87%),rgb(4 38 72 / 89%));width:calc(100% - 79px);left:79px}#pushoverlay{position:absolute;background:rgba(0,0,0,0.7)}#loverlay2{background:rgba(1,25,49,0.9);background:linear-gradient(-23deg,rgb(2 19 36 / 87%),rgb(4 38 72 / 89%))}.animated{animation-duration:1.5s;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;-o-animation-duration:1.5s}.lds-dual-ring{position:relative;width:100%;text-align:center}.lds-dual-ring div{display:inline-block;width:90px;height:90px;border-radius:50%;border:none;border-color:#e4e4e4 transparent;-webkit-animation:lds-dual-ring 1.5s linear infinite;animation:lds-dual-ring 1.5s linear infinite;box-shadow:0 2px 0 #fff}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(90deg)}}@keyframes bspin{from{transform:rotate(0deg)}to{transform:rotate(-90deg)}}@keyframes rSlide{from{transform:translateX(-20px)}to{transform:translateX(0px)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn2{from{opacity:0}to{opacity:.5}}@keyframes fadeOut{from{opacity:1}to{opacity:0;display:none}}.fadeOut{animation-name:fadeOut;-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;display:block}.fadeIn{animation-name:fadeIn;-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn}@keyframes grow{from{transform:scale(0)}to{transform:scale(1)}}@keyframes growi{from{transform:scale(1.0)}to{transform:scale(1.5)}}.grow{animation-name:grow;-webkit-animation-name:grow;-moz-animation-name:grow;-o-animation-name:grow;animation-timing-function:ease-out}.opac{opacity:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.opac:hover{opacity:.5;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}img{width:100%;line-height:0;position:relative}a{display:inline-block}.grecaptcha-badge{display:none!important; visibility:hidden}
* {font-family:'geomanist',sans-serif}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none!important; margin: 0!important}
input[type=number] {-moz-appearance: textfield!important}
@keyframes pushUp {from {opacity: 0; transform: translateY(15px)} to {opacity: 1; transform: translateY(0px)}}
@-webkit-keyframes pushUp {from {opacity: 0; transform: translateY(15px)} to {opacity: 1; transform: translateY(0px)}}
@keyframes pushUp2 {from {opacity: 0; transform: translate(-50%,-45%)} to {opacity: 1; transform: translate(-50%,-50%)}}
@-webkit-keyframes pushUp2 {from {opacity: 0; transform: translate(-50%,-45%)} to {opacity: 1; transform: translate(-50%,-50%)}}
@keyframes pushUp3 {from {opacity: 0; transform: translateY(40px)} to {opacity: 1; transform: translateY(0px)}}
@-webkit-keyframes pushUp3 {from {opacity: 0; transform: translateY(40px)} to {opacity: 1; transform: translateY(0px)}}
@keyframes lspin {0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes lspin {0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes spin {0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-webkit-keyframes spin {0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.superwrap{max-width:2000px;margin:0 auto;min-height:100vh;width:100%;box-shadow:0 0 31px #010e27;overflow:hidden;background:#f9f9f9;background:linear-gradient(-23deg,#efefef,#f9f9f9);position:relative;z-index:10}
.mainwrap{position:relative;width:100%;height:100vh;overflow:hidden}
.dashboard.mainwrap,.quickstart.mainwrap,.module.mainwrap,.wol.mainwrap,.webinare.mainwrap,.bonis.mainwrap,.support.mainwrap,.feedback.mainwrap,.settings.mainwrap{overflow-y:scroll}
.memwrap {width:100%; box-sizing: border-box}
.mainwrap::-webkit-scrollbar{background:transparent;height:0;width:0}
.mainwrap::-webkit-scrollbar-track{background:transparent;height:0;width:0}
.mainwrap::-webkit-scrollbar-thumb{background:transparent;height:0;width:0}
#mainmenu{width:79px;background:#FFF;box-shadow:0 0 30px #e6e6e6;padding:12px 0;box-sizing:border-box;text-align:center;position:fixed;z-index:100;height:100vh}
#mainmenu.single{z-index:200;box-shadow:0 0 30px #000;box-shadow:none}
#mainmenu.single .mbox .llabel{box-shadow:0 0 3px #ddddde}
#maincon{width:100%;box-sizing:border-box;padding-left:79px}
.sin #maincon, body.single, body.single .superwrap {background:#012348}
.superwrap:before{content:'';position:absolute;width:100%;height:100%;background:url(../images/pattern.svg);background-size:47px;opacity:.02}
#maincon .wrap{padding:12px 15px;box-sizing:border-box;width:100%}
.col{background:#003972;cursor:pointer}
.col:hover{background:#003972}
.gre{background:#5cc29b;cursor:pointer}
.gre:hover{background:#4aa76d}
.logo{margin:0 auto;box-sizing:border-box;height:55px;width:55px;box-shadow:0 2px 4px #d6d6d6;background:#003972;background:radial-gradient(ellipse at top left,#0957a7 24%,#003972 100%);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer}
.logo:hover{background:#03468a}
.logo img {position: absolute; width:65%; transform: translate(-50%,-50%); top:50%; left:50%}
.logo span.r{position:absolute;right:9px;bottom:18px;width:4px;opacity:.7;line-height:0;display:none}
.progress,.menu{background:#FFF;height:55px;box-shadow:0 1px 15px #eaeaea;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;box-sizing:border-box;padding:10px;z-index:200;box-shadow:0 2px 15px #e6e6e6}
.progress{width:430px;padding-left:12px}
.progress.started{width:395px}
.progress.started .pinfo{width:100%}
.progress:before,.menu:before,.mbox .llabel:before{content:'';width:10px;height:10px;position:absolute;transform:rotate(45deg) translateY(-50%);top:50%;background:#FFF}
.progress:before{left:-10px;border-left:1px solid #f1f0f0;border-bottom:1px solid #f1f0f0}
.menu:before{right:-2px;border-top:1px solid #f1f0f0;border-right:1px solid #f1f0f0}
.wstart{width:35px;height:35px;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;padding:7px 8px;box-shadow:0 1px 2px #DDD;box-sizing:border-box}
.progress.started .wstart{display:none}
.progress .pinfo{width:calc(100% - 45px);font-size:12px;color:#CCC}
.progress .pinfo .flex{line-height:14px}
.pinfo .prog{font-weight:600;color:#afafaf;letter-spacing:.1px}
.pinfo .prog span.pro{font-weight:inherit}
.pinfo .prog span{color:#afafaf;font-weight:600}
.pinfo .wol{font-weight:600;color:#afafaf;letter-spacing:.1px}
.pinfo .wol span{font-weight:600;color:#afafaf}
.pinfo .wol span.dash{font-weight:400;margin:0 2px}
.pbar{width:100%;height:4px;background:#f1eded;margin-top:8px;border-radius:10px;overflow:hidden}
.pbar .line{width:10%;height:4px;background:#69d2aa;border-radius:5px}
.avatar,.mavatar{width:35px;height:35px;background:#f5f5f5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:0 1px 2px #DDD;overflow:hidden;margin-left:10px;opacity:1;transition:.3s all; border:2px solid #5cc29b}
.mavatar{width:39px;height:39px;display:none}
.avatar img{position:absolute;top:0;left:0;height:100%;width:100%}
.avatar a,.mavatar a{line-height:0; width:100%; height:100%}
.avatar:hover,.mavatar:hover{opacity:.8;transition:.3s all}
.menu .welc{text-align:right}
.menu .welc h6{font-size:11.5px;color:#afafaf;font-weight:500;margin:0;line-height:10px;margin-top:4px;letter-spacing:.1px}
.menu .welc .nwrap{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}
.menu .welc span.name{font-weight:600;font-size:14px;line-height:14px;color:#04286d;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.options{padding-right:10px;margin-right:10px;border-right:1px solid #f1efef;line-height:0}
.option{width:23px;height:23px;margin:0 5px;line-height:0;cursor:pointer;transition:.3s all;opacity:1}
.option.not{margin-top:-3px;margin-left:7px;z-index:2000}
.option.seti a{display:block}
.option.seti{margin-right:0;width:22px;height:22px;transition:.3s all;transform:rotate(0);top:-1px}
.option.seti:hover{transition:.3s all;transform:rotate(90deg);opacity:.7}
.option.not span.dott{position:absolute;width:6px;height:6px;z-index:10;background:#ea2424;border-radius:50%;top:1px;right:1px}
.option.not span.mes{position:absolute;font-size:12px;font-weight:600;left:8px;top:13px}
.option.not span{display:none}
.option.not.active span{display:block}
.smenu{width:100%;height:calc(100vh - 138px);box-sizing:border-box;padding:20px 0;min-height:500px}
.logout{width:55px;margin:0 auto;text-align:center;opacity:.3;cursor:pointer;transition:.3s all;cursor:pointer}
.logout:hover{opacity:.9;transition:.3s all}
.logout a,.logout span{cursor:pointer; line-height:0}
.logout .icon{width:24px;margin:0 auto;margin-bottom:4px;cursor:pointer;height:22px}
.logout span,.mbox a.mlink span{font-size:13px;font-weight:600;line-height:12px;vertical-align:top}
#mainmenu .xlogout .load {position:absolute; cursor: default; transform:translate(-50%,-50%); left:50%; top:50%; opacity:1; background:#fbf7f7; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; display:none}
#mainmenu .xlogout .load div {width:30px; height:30px; box-shadow:0 2px 0 #04286E; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; animation:spin 1.5s linear infinite}
#mainmenu .xlogout.clk .icon, #mainmenu .xlogout.clk span.tx {opacity:0}
#mainmenu .xlogout.clk .load {display: block}
#mainmenu .xlogout.clk {opacity:1}
#mainmenu .tren{width:72px;height:1px;margin:0 auto;background:#DDD;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(0,0,0,0.1) 50%,rgba(255,255,255,0) 100%);margin-bottom:13px;opacity:.8}
.boxwrap{transform:translateY(-50%);top:50%}
.mbox{width:100%;cursor:pointer}
.mbox.we,.mbox.bi{display:none}
.mbox a.mlink{width:100%;text-align:center;box-sizing:border-box;padding:17px 10px;height:67px;border-bottom:1px solid #f7f7f7}
.mbox.ho a.mlink{border-top:1px solid #f9f9f9; padding:18px 10px}
.mbox a.mlink:hover{background:#f9f9f9}
.mbox a.mlink.active:before{content:'';position:absolute;width:4px;height:100%;background:#5cc29b;top:0;left:0; -webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px}
.mbox a.mlink .icon{width:33px;margin:0 auto;cursor:pointer;opacity:.22;transition:.4s all; line-height:0}
.mbox.we a.mlink .icon{width:31px;padding-top:2px}
.mbox.bi a.mlink .icon{width:34px;padding-top:3px}
.mbox.ho a.mlink .icon {width:30px}
.mbox.help a.mlink .icon,.mbox.fb a.mlink .icon,.mbox.boni a.mlink .icon{width:31px}
.mbox.boni a.mlink .icon{top:1px}
.mbox.wl a.mlink .icon,.mbox.mod a.mlink .icon{width:29px;top:1px}
.mbox a.mlink.active .icon{opacity:1}
.mbox a.mlink:hover .icon{opacity:1;transition:.4s all}
.mbox .llabel{background:#FFF;position:absolute;padding:8px 15px;border-radius:2px;font-size:13px;top:50%;transform:translateY(-50%);left:calc(100% + 12px);box-sizing:border-box;color:#032e5f;font-weight:600;letter-spacing:.2px;box-shadow:0 1px 4px #e8e6e6;line-height:12px;opacity:0;transition:.3s all;display:none}
.mbox .llabel:before{left:-9px;border-left:1px solid #f1f0f0;border-bottom:1px solid #f1f0f0}
.mbox:hover .llabel{opacity:0;display:block;animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:forwards}
.impo{position:absolute;right:20px;bottom:17px;z-index:90; display:none}
.dropdown{position:absolute;width:115px;box-sizing:border-box;left:0;top:-30px;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-o-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;display:none}
.imp:hover .dropdown{display:block;animation:grow .3s forwards}
.dropdown li{display:block;box-shadow:0 0 2px #e2e0e0}
.dropdown li a{display:block;background:#FFF;color:#CCC;font-size:12px;line-height:1em;padding:9px 15px;-webkit-transition:none;-moz-transition:none;transition:none;text-shadow:none;box-shadow:none;border-radius:0}
.dropdown li.top a{-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px}
.mimp li{display:inline-block;vertical-align:middle}
.mimp li.middle{margin:0 10px}
.imp a{background:#FFF;font-weight:500;display:inline-block;padding:4px 22px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;text-shadow:none;-webkit-transition:color .3s linear;-moz-transition:color .3s linear;transition:color .3s linear;color:#CCC;font-size:12px;text-align:center;line-height:22px;box-shadow:0 1px 2px #ddd}
.imp a span.arrow{display:inline-block;margin-left:5px;width:8px;opacity:.17;-webkit-transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;line-height:0;top:7px;vertical-align:top}
.imp a:hover span.arrow{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);opacity:1}
.imp a:hover{color:#29343c;-webkit-transition:color .3s linear;-moz-transition:color .3s linear;transition:color .3s linear}
.contwrap{max-width:1050px;width:100%;margin:0 auto;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;padding-left:79px}
.contwrap .slidecon {width:100%; opacity:0; animation:pushUp 0.25s; animation-fill-mode: forwards; animation-delay: 0.1s}
.feedback .contwrap {top:52.5%}
.contwrap.slim{width:auto}
.threecon.top{margin-top:20px;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}
.threecon.qs{margin-bottom:-20px}
.tcon h1,.tcon.wo h2{font-weight:600;margin-bottom:5px;line-height:1em;font-size:45px;letter-spacing:-.5px}
.tcon h3{font-size:20px;margin:0;font-weight:600;line-height:1.1em}
.tcon h3 span{font-weight:600}
.dashboard .tcon h3 span{font-weight:600}
.tcon h3 span.name{border-bottom:2px solid #e4e4e4; font-weight:700; color:#5cc29b; display:inline-block}
.tcon h3 span.r{font-weight:400}
.tcon h1 span.arrow,.tcon.wo h2 span.arrow{display:inline-block;width:16px;margin-right:6px;line-height:0;top:-3px}
.tcon.wo h2 span.arrow{width:10px;top:0;margin-right:5px}
.mboxi{background:#FFF;width:32%;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;box-shadow:0 1px 15px #eaeaea;overflow:hidden;transform:scale(1);transition:.3s all;cursor:pointer;box-sizing:border-box}
.bwrap{width:32%}
.bonis .mboxi{width:100%}
.mboxi.we{width:49%}
.mboxi.we:nth-child(3),.mboxi.we:nth-child(4){margin-bottom:0}
.mboxi .inner{z-index:1;cursor:pointer;height:230px;max-height:230px;padding:20px;width:100%;box-sizing:border-box}
.mboxi.qs.big .inner{height:420px;max-height:420px}
.mboxi.qs.big.we .inner{height:190px}
.mboxi:hover{transform:scale(1.02);transition:.3s all}
.mboxi.wl:hover{transform:scale(1);transition:.3s all}
.wocon{margin-top:10px;height:161px;overflow:hidden}
.wocon .mboxi{width:23.5%;height:150px;box-shadow:0 3px 9px #cecece;width:100%;max-width:233px;margin-bottom:12px;overflow:hidden}
.tcon.wo{margin-top:30px}
.tcon.wo h2{font-size:24px}
.wcount{background: #003972; background: radial-gradient(ellipse at top left,#0855a2 24%,#003972 100%);color:#fff;text-align:center;width:70px;height:70px;border-radius:50%;margin-top:10px;box-shadow:0 3px 5px #d1d4db;box-sizing:border-box;padding-top:15px;cursor:pointer}
.wcount .notice{position:absolute;background:#FFF;padding:7px 10px;width:100px;box-shadow:0 1px 5px #eaeaea;font-size:12px;z-index:10;line-height:15px;font-weight:500;color:#04286d;border-radius:3px;transform:translate(-50%,-50%);top:50%;left:-100%;opacity:0;transition:.3s all;display:none}
.wcount:hover .notice{opacity:1;transition:.3s all;display:block}
.wcount .notice span{font-weight:600;color:inherit}
.wcount .notice:before{content:'';width:10px;height:10px;position:absolute;transform:rotate(45deg) translateY(-50%);top:50%;background:#FFF;right:-2px;border-top:1px solid #f1efef;border-right:1px solid #f1efef}
.wcount span{color:#04286E;cursor:pointer}
.wcount span.count{font-weight:700;display:block;font-size:30px;color:#5fc8a0;cursor:pointer; text-shadow:0 1px 1px #033668}
.wcount span.week{font-weight:600;font-size:11px;top:-2px;color:#fff;cursor:pointer; text-transform:uppercase; text-shadow:0 1px 1px #033668}
.wnavi{top:-5px;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; border:2px solid #eae4e4; box-shadow:0 2px 8px #eaeaea}
.wnav{width:30px;box-sizing:border-box;padding:7px 10px;background:#FFF;line-height:0;cursor:pointer}
.wnav:hover {background:#064e96}
.wnav img{opacity:1;transition:.3s all}
.wnav:hover img{opacity:1;transition:.3s all}
.wnav.prev img{transform:rotate(180deg)}
.wnav.prev{-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px;width:31px;border-right:1px solid #f5f5f5}
.wnav.next{-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px}
.mboxi.welc{background:#003972;background:radial-gradient(ellipse at top left,#0855a2 24%,#003972 100%);color:#FFF}
.mboxi.welc span.top{font-size:14px;font-weight:500;opacity:.6;color:#FFF;text-shadow:0 1px 1px #011b33;letter-spacing:.5px}
.mboxi.welc h3{font-weight:600;margin:0;color:#FFF;line-height:1.1em;text-shadow:0 1px 2px #02366f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mboxi a.full{position:absolute;width:100%;height:100%;top:0;left:0;z-index:90}
.subt{font-size:15px;font-weight:600;border-bottom:2px solid #f5f4f4;cursor:pointer;display:inline-block;margin-top:7px;color:#04286d;color:#5cc29b}
.subt:before,.mboxi .title .watch:before{content:'';position:absolute;width:100%;height:2px;background:#58c281;bottom:-2px;left:0;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:.2s all;transition:.2s all;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
.mboxi .title .watch:before{background:#54ca81}
.mboxi:hover .subt:before,.mboxi:hover .title .watch:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);transition:.2s all}
.welc .subt{border-bottom:2px solid #58c281}
.subt .arrow,.mboxi.qs .title .watch .arrow{width:14px;display:inline-block;margin-left:5px;top:2px;line-height:0;transition:.3s all;transform:translateX(0)}
.mboxi:hover .subt .arrow,.mboxi.qs:hover .title .watch .arrow{transition:.3s all;transform:translateX(2px)}
.mboxi .bg{position:absolute;z-index:0;opacity:.03;transition:.3s all;width:105%}
.mboxi:hover .bg{opacity:.05;transition:.3s all}
.bonis .mboxi .bg {width:100%}
.mboxi.welc .bg{position:absolute;width:100%;height:100%;top:0;bottom:-38%;opacity:.06;z-index:0;transition:.3s all}
.mboxi.welc:hover .bg{transition:.3s all;opacity:.1}
.mboxi.welc .bg{-webkit-filter:drop-shadow(-5px 0px 10px #000);filter:drop-shadow(-5px 0px 10px #000)}
.mboxi.welc .subt{position:absolute;left:20px;bottom:20px;text-shadow:0 1px 1px #022a54;color:#FFF}
.mboxi.welc .play{position:absolute;transform:translate(-50%,-50%);top:54%;left:50%;width:65px;height:65px;opacity:1;transition:.3s all;cursor:pointer}
.mboxi.welc:hover .play{opacity:1;transition:.3s all}
.mboxi.welc .play img{transform:scale(1);transition:.3s}
.mboxi.welc:hover .play img{transform:scale(1.16);transition:.3s}
.mboxi.welc .play img{-webkit-filter:drop-shadow(0px 2px 7px #03346b);filter:drop-shadow(0px 2px 7px #03346b)}
.mboxi h5{font-size:22px;font-weight:600;margin:0;line-height:1.1em;margin-bottom:8px;color:#58c281;color:#04286e}
.mboxi h5 .arrow{display:inline-block;width:8px;margin-right:5px;top:-1px; display: none}
.mboxi p{font-size:14px;line-height:1.3em;font-weight:600}
.mboxi p span{font-weight:600;color:#FFF}
.dashboard .threecon .mboxi p span{color:#04286E}
.mboxi .circle{position:absolute;z-index:0;opacity:.3;left:-28%;top:-35%;width:79%}
.mboxi .area{position:absolute;width:100%;box-sizing:border-box;padding:0 20px 20px;bottom:0;left:0}
.mboxi.quick .bg{width:60%;right:-14%;top:4%}
.mboxi.modul .bg{width:60%;right:-15%;top:9%}
.mboxi .topc .icon{width:36px;line-height:0;border-bottom:3px solid #efefef;padding-bottom:6px}
.mboxi.modul .topc .icon{width:33px;padding-top:3px;padding-bottom:7px}
.mboxi .finish{width:33px;height:33px;background:#FFF;border-radius:50%;border:3px solid #e6e6e6;right:-14px;top:-8px;box-sizing:border-box;background-size:100%;background-position-y:4px}
.mboxi .finish.completed{border-color:#5cc29b;background:url(../images/check.svg) #FFF no-repeat;background-position-y:4px}
.mboxi.wl .arr{position:absolute;width:50%;right:-6%;top:80%;transform:translateY(-50%);z-index:1;opacity:0;-webkit-filter:drop-shadow(-5px 0px 10px #9c4605);filter:drop-shadow(-5px 0px 10px #9c4605)}
.mboxi.wl.active:hover .arr{opacity:.18}
.mboxi.wl{opacity:.65}
.mboxi.wl.active, .mboxi.wl:hover{opacity:1}
.mboxi.wl .bg{position:absolute;z-index:-1;width:100%;opacity:.4;height:100%}
.mboxi.wl .lay,.mboxi.qs .lay,.lektion .lay{position:absolute;width:102%;height:102%;left:0;top:0;z-index:1;background:rgba(162,103,26,.7);background:-webkit-gradient(linear,-12deg,from(rgba(234,105,29)),to(rgba(247,135,21,0.6)));background:linear-gradient(-12deg,#ea691d,rgba(247,135,21,0.6))}
.mboxi.wl .in{padding:17px;color:#FFF;z-index:10;position:absolute;width:100%;height:100%;box-sizing:border-box}
.mboxi.wl .in .nr{font-weight:700;color:#FFF;font-size:18px;line-height:1em;text-shadow:0 1px 2px #d0732d}
.ov .mboxi.wl .in .nr{font-size:22px}
.mboxi.wl .in .nr span{color:#FFF}
.mboxi.wl .in .finish{background:#013d77;border:3px solid #FFF;width:30px;height:30px;top:-7px;right:-7px;opacity:.6;box-shadow:0 1px 2px #ca702b}
.mboxi.wl:hover .in .finish {opacity:1}
.mboxi.wl .in .finish img.lok {position: absolute; width:60%; line-height:0; transform: translate(-50%,-50%); top:45%; left:50%}
.mboxi.wl.active .in .finish {background:transparent}
.mboxi.wl.active .in .finish img {display:none}
.mboxi.wl .in .finish.completed{opacity:1;background:url(../images/check3.svg) transparent no-repeat;background-position-y:5px;background-position-x:1px;background-size:85%}
.mboxi.wl .wltitle{position:absolute;left:0;bottom:0;width:100%;box-sizing:border-box;padding:17px}
.mboxi.wl .wltitle h6{color:#FFF;font-weight:600;text-shadow:0 1px 2px #b96627; margin:0;line-height:1.25em; font-size:17px}
.mboxi.wl .wltitle span{font-weight:400;color:#FFF;opacity:1;font-size:14px;letter-spacing:.2px;text-shadow:0 1px 1px #d0732d;display:none}
.owl-item{display:inline-block;max-width:235px; vertical-align:top}
.owl-nav{display:none!important}
.owl-stage,.owl-stage-outer,.wochen{touch-action:pan-y}
.wocon.ov{height:auto;overflow:visible;margin-top:20px}
.wocon.ov .mboxi{margin-bottom:14px;box-shadow:0 3px 9px #ccc; height:180px; width:24%; max-width: none}
.wocon.ov .wlbar{background: #003972; background: radial-gradient(ellipse at top left,#0957a7 24%,#003972 100%); margin-top:10px;width:100%;padding:12px 30px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:0 3px 9px #ececec;text-align:center;overflow:hidden; border-bottom:2px solid #69d2aa; box-shadow:0 2px 5px #dfdfdf}
.wocon.ov .wlbar p{font-weight:600;position:relative; color:#fff; text-shadow:0 1px 1px #053361}
.wocon.ov .wlbar p span{font-weight:700; color:#5dcba1}
.wocon.ov .wlbar .dotts{position:absolute;width:25%;opacity:.25;z-index:0}
.wocon.ov .wlbar .dotts.left{left:0;top:0}
.wocon.ov .wlbar .dotts.right{right:0;top:0;transform:rotate(90deg)}
.wlbar .pbutton{border:2px solid #efefef;background:#fff; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;padding:7px 22px;font-weight:700;margin-left:12px;text-transform:uppercase;position:relative;z-index:10}
.wlbar .pbutton:hover{border-color:#5dcba1}
.wlbar .pbutton span{font-weight:700;font-size:18px}
.mboxi .topc{top:-3px;left:-3px}
.mboxi.qs{margin-bottom:20px;box-shadow:0 3px 15px #b7b7b7}
.mboxi.qs.inactive{opacity:.75;cursor:default}
.mboxi.qs.inactive:hover {opacity:1}
.mboxi.qs.inactive .inner{cursor:default}
.mboxi.qs.nm{margin-bottom:0}
.mboxi.qs .inner{height:210px}
.mboxi.qs .bg{opacity:.8}
.mboxi.qs.we .bg{top:-35%}
.mboxi.qs .lay,.lektion .lay{background:-webkit-gradient(ellipse at top left,rgba(8,85,162,0.85) 24%,rgba(0,57,114,0.95) 100%);background:radial-gradient(ellipse at top left,rgba(8,85,162,0.85) 24%,rgba(0,57,114,0.95) 100%)}
.mboxi.qs .finish,.lektion .finish{background:transparent;width:32px;height:32px;border:3px solid rgba(255,255,255,0.28);box-shadow:0 1px 2px #033d75;border-radius:50%}
.bonis .mboxi.inactive .finish {background:#07386c; border:3px solid #fff}
.bonis .mboxi.inactive .finish img {display: block; position: absolute;width: 60%;line-height: 0;transform: translate(-50%,-50%); top: 45%; left: 50%}
.bonis .mboxi .finish img {display:none}
.mboxi.qs .finish.completed,.lektion .finish.completed{border:3px solid rgba(255,255,255,0.9);border:3px solid #5cc29b;background:url(../images/check.svg) transparent no-repeat;background-position-y:4px;background-size:100%;background-position-x:2px}
.mboxi.qs .dur,.lektion .dur{color:#FFF;font-size:14px;line-height:19px;border-bottom:2px solid rgba(255,255,255,0.2);letter-spacing:.4px;opacity:.6;text-shadow:0 1px 1px #06417d;display:inline-block;vertical-align:middle; font-weight:500}
.mboxi.qs .dur span,.lektion .dur span{display:inline-block;vertical-align:middle;width:12px;height:12px;margin-right:5px;padding:0;border:none;margin-top:-2px;opacity:.8;line-height:1em}
.mboxi.qs .dur span img,.lektion .dur span img{line-height:0;position:relative;top:0}
.mboxi.qs .title,.lektion .title{position:absolute;width:100%;box-sizing:border-box;padding:0 20px 20px;bottom:0;left:0}
.mboxi.qs .title{padding-bottom:17px}
.mboxi.qs .title span.sub{font-weight:500;color:#FFF;opacity:.6;font-size:13px;letter-spacing:.4px;display:none}
.mboxi.mod.qs .title span.sub{display:inline-block;font-size:14px;line-height:1.6em;margin-bottom:8px;border-bottom:2px solid rgba(255,255,255,0.27); text-shadow: 0 1px 1px #0c3b6d}
.mboxi.qs .title h6{font-weight:600;color:#FFF;margin:0;line-height:1em;font-size:20px}
.quickstart .mboxi.qs .title h6{line-height:1.1em;font-weight:600; text-shadow: 0 1px 1px #0c335c}
.mboxi.mod.qs .title h6,.mboxi.we .title h6{font-size:32px;margin-bottom:12px;text-shadow:0 1px 2px #124274; font-weight:700}
.mboxi.we .title h6{font-size:30px}
.mboxi.qs .title h6 span.r{font-weight:100;color:#FFF}
.mboxi.qs .title .watch .arrow{width:12px}
.mboxi.qs.big .title .watch .arrow{width:14px}
.mboxi.qs .title .watch{color:#FFF;font-size:14px;margin-top:5px;opacity:.5;transition:.3s all;border-bottom:2px solid rgba(255,255,255,0.2);display:inline-block;font-weight:600;letter-spacing:.2px}
.mboxi.qs.big .title .watch{font-size:16px;margin-top:10px;font-weight:600}
.mboxi.qs.we .title .watch{font-size:15px;font-weight:600}
.mboxi.qs:hover .title .watch{opacity:1;transition:.3s all}
.mboxi.qs .nr,.lektion .nr{display:inline-block;font-weight:600;color:#FFF;display:inline-block;letter-spacing:.4px;-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;margin-right:7px;border:2px solid #FFF;font-size:17px;box-shadow:0 1px 1px #074784;padding:0 8px;text-shadow:0 1px 1px #074784;line-height:1em;padding:4px;vertical-align:middle}
.mboxi.qs .nr{width:30px;box-sizing:border-box;text-align:center}
.lektionen .lektion .nr{min-width:28px;box-sizing:border-box;text-align:center}
.mboxi.qs .nr.bo,.lektion .nr.bo{width:37px;height:37px;box-sizing:border-box;padding:7px;line-height:0;vertical-align:middle;line-height:0}
.mboxi.qs .nr.bo img,.lektion .nr.bo img{line-height:0;position:relative;top:0;vertical-align:middle}
.mboxi.qs .title p{font-size:15px;color:#FFF;opacity:1;line-height:1.4em;text-shadow:0 1px 1px #042748; font-weight:600; letter-spacing:0.2px}
.mboxi.qs.we .title p{font-size:14px;line-height:1.4em}
.mboxi.qs.we .title p span{color:#FFF}
.mboxi .title span.clock{display:inline-block;width:14px;height:14px;margin-right:5px;vertical-align:middle;line-height:0;top:-2px}
#sclose{position:absolute;width:40px;height:40px;right:20px;top:20px;cursor:pointer;transition:.3s all;opacity:1}
#sclose:hover{opacity:1;transition:.3s all}
.startlightbox{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:100%;max-width:50%;text-align:center; opacity:0; animation:pushUp2 0.3s; animation-delay:0.25s; animation-fill-mode: forwards}
#loverlay2{display:none}
#loverlay2.show {display:block; opacity:0; animation:fadeIn 0.5s; animation-fill-mode:forwards; animation-delay:1s}
#loverlay2.show.onboarding {display:flex; height:100vh; min-height:100vh; overflow-y: scroll}
#loverlay2.show.onboarding.hide, #loverlay2.show.home.hide {animation:none; animation-delay:none; opacity:1}
#startbar{position:absolute;width:0;top:0;left:0;height:9px;background:#5cc29b}
.startlightbox h2{font-weight:700;color:#FFF;font-size:5.4vw;line-height:0.9em;text-shadow:0 1px 3px #04192d}
.startlightbox h2 span {font-weight:inherit; color:#53b691}
.startlightbox p {color:#FFF;font-size:1.65vw;line-height:1.3em;text-shadow:0 1px 3px #04192d;font-weight:600}
.startlightbox p span{font-weight:600; color: inherit}
.startlightbox p span.u {text-decoration:underline}
#wlstartbutton{color:#fff;font-size:2.8vw;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;padding:2vw 5vw;cursor:pointer;background:#53b791;line-height:1em;display:inline-block;box-sizing:border-box;margin:0 auto;margin-top:2vw;font-weight:700;transition:.3s all;transform:scale(1); text-shadow:0 1px 2px #2c8261;box-shadow: 0 5px 10px #1f273a; border:3px solid #67cfa8; overflow:hidden}
#wlstartbutton *, #wlstartbutton span {cursor:pointer}
#wlstartbutton:hover{transition:.3s all;transform:scale(1.02);background:#5dc59d}
#wlstartbutton.load span {opacity:0}
#wlstartbutton .loading {z-index:10;position:absolute; transform: translate(-50%,-50%); top:50%; left:50%; display:none}
#wlstartbutton .loading div {width:4vw; height:4vw; box-shadow:0 3px 0 #fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; animation:lspin 1.5s linear infinite}
#wlstartbutton.load .loading {display:block}
.lheader.mem{display:none;text-align:center;background:#FFF;height:57px;position:relative;z-index:1000;box-shadow:0 2px 15px #e6e6e6;overflow:hidden;padding:0 10px;width:100%;box-sizing:border-box; z-index:1000000; transition:0.25s all}
.lheader.mem.sin, .lheader.nshd, .lheader.mem.nshd {box-shadow:none; transition:0.25s all}
.lheader .logo2{width:140px;background:transparent;box-shadow:none;padding:0;margin:0 auto;line-height:0}
.lheader .logo2 img{line-height:0}
.mmenu,.hsocial{width:150px}
.mbutton{width:39px;height:39px;box-sizing:border-box;padding:10px;background:#003972;background:radial-gradient(ellipse at top left,#0957a7 24%,#003972 100%);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;line-height:0}
.mem .mbutton{border:1px solid #f3f3f3;box-shadow:0 0 1px #e6e6e6;background:#FFF;padding:9px}
.mem .mbutton.closed,.mem .mbutton.closed:hover{background:#FFF;border:1px solid #f3f3f3;box-shadow:0 0 1px #e6e6e6}
.mbutton:hover,.mbutton.open{background:#03468a}
.mbutton.open{background:#003972;background:radial-gradient(ellipse at top left,#0957a7 24%,#003972 100%);border:none;padding:10px}
.mem .mbutton:hover{border:none;background:radial-gradient(ellipse at top left,#0957a7 24%,#003972 100%)}
.mbutton img{width:100%;opacity:0;transition:.3s all;position:absolute;left:0;top:0;cursor:pointer}
.mbutton img.hiden{opacity:0;transition:.3s all;display:none}
.mbutton img.active{opacity:1;transition:.3s all;display:block}
.mbutton .mlayer{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100;cursor:pointer}
.scube{width:28px;height:28px;opacity:.2;transition:.3s all;cursor:pointer}
.scube:hover{opacity:1;transition:.3s all}
.scube.fb{margin-left:8px}
.fdots{position:absolute;width:100%;left:0;bottom:-2%;opacity:.5;z-index:0;opacity:.05;z-index:10}
.molaywrap{position:fixed;width:100%;height:calc(100vh - 57px);top:57px;overflow:hidden;z-index:10000;display:none;max-width:2000px}
.molaywrap.active{display:block}
.molaywrap .bmcon .mblink a{font-size:43px;margin-bottom:15px;padding:8px 0}
.molaywrap.nonmember .bmcon .mblink a{margin-bottom:20px}
.molaywrap .bmcon .mblink a span.icon{margin-right:9px;overflow:visible}
.molaywrap.nonmember .bmcon .mblink a span.icon{margin-right:12px}
.molaywrap .bmcon .mblink.home a span.icon{width:42px;height:39px;margin-top:-10px;margin-right:10px}
.molaywrap .bmcon .mblink.wl a span.icon{width:36px;height:36px;margin-right:12px;margin-top:-8px}
.molaywrap .bmcon .mblink.qs a span.icon{width:36px;height:41px;margin-top:-5px;margin-right:8px}
.molaywrap .bmcon .mblink.mod a span.icon{width:35px;height:34px;margin-top:-10px;margin-right:12px}
.molaywrap .bmcon .mblink.sp a span.icon{width:38px;height:38px;margin-top:-8px}
.vwrap{width:100%;vertical-align:top; opacity:0; animation:pushUp 0.25s; animation-fill-mode: forwards; animation-delay: 0.1s}
.vidcon{width:calc(100% - 300px);background:#01172f;background:#012348;z-index:110;box-sizing:border-box;padding:40px;height:100vh;overflow-y:scroll;vertical-align:top}
.vidcon:before{content:'';position:absolute;width:100%;height:100%;background:url(../images/pattern-w.svg);background-size:45px;opacity:.02;top:0;left:0}
.vidnav{width:300px;background:#FFF;z-index:120;box-shadow:-4px -3px 40px #011735;box-sizing:border-box;height:100vh}
.vtitle{width:100%;margin-bottom:20px}
.vtitle h1,.mtitle h1{color:#FFF;margin:0;font-weight:400;font-size:28px;opacity:.8;line-height:1.2em}
.vtitle h1 span,.mtitle h1 span{opacity:.35;color:#FFF;font-weight:500}
.mtitle h1,.mtitle h1 span{font-size:18px;line-height:1.25em}
.mtitle{display:none}
.video{width:100%;padding-bottom:56.25%;overflow:hidden;background:#003972;background:radial-gradient(ellipse at top left,#0957a7 24%,#003972 100%);box-shadow:0 6px 20px #031c3a;background:#0e2b50;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}
.video iframe{position:absolute;width:100%;height:100%;z-index:110;top:0;left:0}
.vidolay{position:absolute;z-index:120;width:102%;height:106%;top:0;left:0;background:#003972;background:radial-gradient(ellipse at top left,#0957a7 24%,#003972 100%);animation:fadeOut;animation-delay:1.1s;animation-fill-mode:forwards;animation-duration:.7s}
.vidolay .load,#loverlay .load{position:absolute;transform:translate(-50%,-50%);left:49%;top:47%;width:40px;opacity:1;line-height:0}
#loverlay .loadwrap{position:absolute;transform:translate(-50%,-50%);width:140px;height:140px;top:50%;left:50%}
#loverlay .loadwrap .wrapl{width:100%;height:100%;animation:growi;animation-delay:2.5s;animation-duration:.4s;animation-fill-mode:forwards;top:0;left:0}
#loverlay .load{width:55px}
#loverlay .lds-css,#loverlay .lds-dual-ring{position:relative;height:100%;width:100%}
#loverlay .lds-dual-ring div{width:100%;height:100%;box-shadow:0 2px 0 #fff}
.vidolay .load .symbol,#loverlay .load .symbol{opacity:.3}
#loverlay .load .symbol{opacity:.8}
.vidolay .lds-css,#loverlay .lds-css{position:absolute;transform:translate(-50%,-50%);left:49%;top:47.5%;opacity:.5}
.vtitle.zwei{display:none}
.vtitle .left{width:calc(100% - 200px)}
.vtitle .right{margin-bottom:5px}
.vtitle .sub{margin-top:5px}
.vtitle .sub h4{display:inline-block;font-size:15px;color:#4a6382;margin:0;border-bottom:1px solid rgba(49,67,87,0.7);vertical-align:middle;cursor:pointer;letter-spacing:0.4px; font-weight:500}
.vtitle .sub h4:hover{color:#869bb5}
.vtitle .sub h4:hover span{color:#70869e}
.vtitle .sub h4 span{color:#4f647b;font-weight:500;cursor:pointer}
.vtitle .dash{color:#46596f;margin:0 3px;font-weight:400;opacity:.7;vertical-align:middle;font-size:17px}
.vtitle .dur{color:#526a88;vertical-align:middle;font-weight:500; letter-spacing:0.3px}
.vtitle .dur span.icon{width:12px;height:12px;line-height:0;opacity:.32;margin-right:5px;display:inline-block;top:1px}
.vnavi .prev,.vnavi .next{line-height:0;padding:6px 12px;border:3px solid #FFF;z-index:100;opacity:.35;transition:.4s all;box-shadow:0 1px 1px #000;cursor:pointer}
.vnavi .prev a,.vnavi .next a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10}
.vnavi .active{cursor:pointer}
.vnavi .prev:hover,.vnavi .next:hover{transition:.3s all;opacity:1}
.vnavi .inactive{opacity:.2;cursor:default}
.vnavi .inactive .arrow,.vnavi .inactive img{cursor:default}
.vnavi .inactive:hover{opacity:.1;transition:none;cursor:default}
.vnavi .arrow{width:25px;display:inline-block;cursor:pointer}
.vnavi .prev .arrow{transform:rotate(180deg)}
.vnavi .active img{cursor:pointer}
.vnavi .next{margin-left:6px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;border-top-right-radius:4px;border-bottom-right-radius:3px}
.vnavi .prev{-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-bottom-left-radius:4px}
.voptions{margin-top:23px}
.dbutton{margin-right:15px;z-index:1000}
.dbutton,.state{color:#FFF;font-weight:500;font-size:14px;line-height:1em;padding:13px 20px 13px 56px;border:3px solid #fff;-webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px;opacity:.45;transition:.3s all;cursor:pointer;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}
.state{padding-left:45px}
.dbutton:hover,.state:hover{opacity:1;transition:.3s all}
.dbutton span{font-weight:900;color:#FFF;cursor:pointer}
.dbutton .icon{display:inline-block;width:28px;cursor:pointer;position:absolute;top:11px;left:17px;padding-right:10px;border-right:1px solid rgba(255,255,255,0.8)}
.dbutton.audio .icon{top:15px;padding-top:1px}
.dbutton span,.state span{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}
.dbutton .downcon{position:absolute;width:170px;border-radius:2px;left:-7px;top:0;transform:translateY(-100%);padding-bottom:15px;opacity:0;transition:.3s all;display:none}
.dbutton:hover .downcon{opacity:1;transition:.3s all;display:block}
.dbutton .downcon .inner{background:#FFF;width:100%;padding:7px;border-radius:2px;box-shadow:0 0 4px rgba(81,81,81,0.6)}
.dbutton .downcon .inner:before{width:8px;height:8px;background:#FFF;content:'';position:absolute;transform:translate(-50%,-50%) rotate(45deg);left:50%;bottom:-8px}
.downcon .inner a{display:block;box-sizing:border-box;padding:10px;text-align:center;border-radius:2px;font-weight:600;text-transform:uppercase;background:#003972;background:radial-gradient(ellipse at top left,#0957a7 24%,#003972 100%);color:#FFF}
.downcon .inner a:hover{background:#03468a;background:radial-gradient(ellipse at top left,#2473c2 24%,#003972 100%)}
.downcon .inner a span{display:inline-block;width:15px;vertical-align:middle;margin-right:6px;height:11px;top:-4px}
.downcon .inner a.vid span{margin-right:4px}
.downcon .inner a.mp3 span{top:-2px;width:14px}
.downcon .inner a.vid{margin-bottom:5px}
.downcon .inner a.pdf{margin-top:5px}
.state .check{height:26px;width:26px;border:3px solid #FFF;border-radius:50%;position:absolute;top:7px;left:10px;cursor:pointer}
.state .sta{color:#FFF;font-size:17px;font-weight:600;cursor:pointer}
.state.completed{opacity:.9}
.state.completed .check,.lektion .finish.completed{background:url(../images/check.svg) no-repeat;background-size:100%;background-position-y:3px;border:3px solid #4fb178}
.vidnav .inner{box-sizing:border-box;padding:16px 25px 20px;width:100%;height:100vh;overflow-y:scroll}
.vidnav .mhead{padding-bottom:15px;margin-bottom:22px;border-bottom:1px solid #f1f1f1}
.vidnav .mhead h4{margin-bottom:5px;font-weight:600; font-size:25px}
.vidnav .mhead p.mdesc{font-size:15px;line-height:1.3em;font-weight:600}
.vidnav .mhead p.mdesc span{font-weight:600;line-height:inherit}
.mdownl{line-height:0}
.mdownl .button{width:30px;height:30px;display:inline-block;border:1px solid #f1f1f1;padding:7px;right:-10px;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:0 1px 1px #f7f5f5}
.mdownl .button img{opacity:.25;transition:.3s all;cursor:pointer;transform:rotate(90deg)}
.mdownl .button:hover img{opacity:1;transition:.3s all}
.mdownl .dcon{position:absolute;width:220px;z-index:200;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;top:29px;right:0;padding-top:10px;opacity:0;display:none;transition:.3s all}
.mdownl .button:hover .dcon{display:block;opacity:1;transition:.3s all;animation-name:fadeIn;animation-duration:.3s;animation-fill-mode:forwards}
.mdownl .dcon .in{background:#FFF;width:100%;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;box-shadow:0 0 3px #dadada;box-sizing:border-box;padding:10px}
.mdownl .dcon .in:before{content:'';position:absolute;width:8px;height:8px;background:#FFF;transform:rotate(45deg);top:-5px;right:12px;border-top:1px solid #f1f1f1;border-left:1px solid #f1f1f1}
.dcon .dbtn.vid{margin-bottom:6px}
.dcon .dbtn a{display:block;text-align:center;padding:9px 0;border:2px solid rgba(4,40,109,0.2);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;font-size:12px;line-height:1em;color:#04286E;opacity:.8;transition:.3s all; font-weight:600}
.dcon .dbtn a:hover{opacity:1;transition:.3s all;border:2px solid rgba(4,40,109,1)}
.dcon .dbtn a span{font-weight:600;color:#04286E;cursor:pointer}
.lektion{width:100%;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;height:auto;margin-bottom:10px;cursor:pointer;opacity:.75;transition:.3s all}
.lektion:hover{transition:.3s all;opacity:1}
.lektion.active{opacity:1}
.lektion .wr{z-index:100;position:absolute;width:100%;height:100%;padding:10px 12px;box-sizing:border-box}
.lektion .nr{font-size:13px;line-height:1em;padding:3px 6px}
.lektion:last-child{margin-bottom:0}
.lektion .in{overflow:hidden;height:110px;width:100%;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;cursor:pointer;border:2px solid #06407a}
.lektion:hover .in, .lektion.active .in {border-color:#52af7b}
.lektion.active:before,.lektion.active:hover:before{content:'';position:absolute;height:100%;width:4px;background:#52af7b;left:-26px}
.lektion:before{content:'';position:absolute;height:100%;width:4px;background:#fff;left:-26px}
.lektion:hover:before{background:#005bbb}
.lektion .in a.full{position:absolute;top:0;left:0;width:100%;height:100%;z-index:120}
.lektion .finish{width:26px;height:26px;right:-3px;top:-2px}
.lektion .bg{position:absolute;height:100%;top:0;left:0;width:100%;opacity:1}
.lektion .bg img{top:-22%}
.lektion .dur span{top:0;opacity:.7}
.lektion .title{position:absolute;width:100%;box-sizing:border-box;padding:0 12px 12px;bottom:0}
.lektion .title h6{color:#FFF;font-weight:600;line-height:1.25em;margin:0;font-size:16px; text-shadow: 0 1px 1px #0a325b; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis}
.vtitle .right .settings{margin-right:10px;line-height:0;z-index:2000}
.vtitle .right .settings .wrapi{width:18px;display:inline-block;line-height:0;cursor:pointer;opacity:.3;transition:.3s all;padding:0 6px;z-index:200}
.vtitle .right .settings .wrapi:hover{opacity:1;transition:.3s all}
.settings .set{position:absolute;width:225px;padding-top:10px;right:-4px;top:25px;z-index:200;display:none;opacity:0}
.settings .wrapi:hover .set{transition:.3s all;animation-name:fadeIn;animation-duration:.3s;animation-fill-mode:forwards;display:block;opacity:1}
.settings .set .in{width:100%;box-sizing:border-box;background:#FFF;padding:12px 15px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;box-shadow:0 1px 2px #DDD}
.settings .set .in:before{content:'';width:10px;height:10px;position:absolute;background:#FFF;transform:rotate(45deg);top:-4px;right:8px}
.settings .set .in p{font-size:13px;line-height:1.25em;width:150px; font-weight:600}
.settings .set .in p span{line-height:0;font-weight:600}
.settings .set .check{width:30px;height:30px;border:3px solid #496396;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;cursor:pointer;opacity:.3;transition:.3s all;top:1px;background-position-y:5px;background-position-x:1px}
.settings .set .check:hover{opacity:1;transition:.3s all}
.settings .set .check.active{background:url(../images/check4.svg) no-repeat;background-size:90%;background-position-y:5px;background-position-x:1px;opacity:1}
.notcenter{position:absolute;width:340px;right:0;top:30px;z-index:200;top:-15px;right:23px;padding-right:30px;display:none}
.notcenter .notin{background:#FFF;width:100%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:0 1px 15px #eaeaea;box-sizing:border-box;padding:13px}
.notcenter .notin:before{content:'';width:10px;height:10px;background:#FFF;transform:rotate(45deg);position:absolute;right:-6px;top:23px;border-right:1px solid #efefef;border-top:1px solid #efefef}
.notcenter.empty{width:250px}
.notcenter.empty .notin{padding:5px}
.notcenter.empty .nwrap{box-sizing:border-box;border-radius:5px;background:#fbf8f8;text-align:center;padding:9px 8px}
.notcenter.empty .icon{display:inline-block;vertical-align:middle;opacity:.1;width:27px;margin-right:7px}
.notcenter.empty .tex{display:inline-block;vertical-align:middle;font-size:12px;color:#b7b4b4; font-weight:500}
.notin p{font-size:12px;line-height:1.45em;background:#fbf8f8;box-sizing:border-box;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:10px 13px;position:relative;font-weight:500}
.notin p:after{content:'';width:8px;height:8px;transform:rotate(45deg);position:absolute;bottom:-4px;left:8px;background:#fbf8f8}
.option .notin p span{line-height:inherit;font-weight:600;display:inline}
.notin p a{border-bottom:1px solid #e4e2e2; font-weight:600; color:#6473e0}
.message .autor{margin-top:10px;left:-7px}
.message .autor .avatar{display:inline-block;vertical-align:middle;width:20px;height:20px;border-radius:50%;margin-right:2px}
.message .autor span{display:inline-block;vertical-align:middle;font-weight:600;color:#01266f;font-size:12px}
.mboxi .inner .wdatecon{color:#FFF;font-weight:300;border:2px solid #FFF;border-radius:3px;padding:2px 10px;right:-8px;top:-3px}
.mboxi .inner .wdatecon #wdate{color:#FFF;display:inline-block;font-weight:600}
.twocon{margin-top:20px}
.supbox{width:55%;background:#FFF;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;box-shadow:0 1px 15px #eaeaea;box-sizing:border-box;padding:22px;overflow:hidden; border:2px solid #05296f}
.supbox form{position:relative;z-index:10}
.supbox .fname,.supbox .email{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; border:1px solid rgba(241,240,240,0.7);box-shadow:0 1px 3px #f1f1f1;padding:13px 14px 13px 50px;margin:0;text-align:left;background:#FFF;color:#04286E;font-size:14.5px;box-sizing:border-box;font-weight:500;font-family:'geomanist',sans-serif;border-bottom:2px solid #69d2aa}
.supbox .fname{width:38.3%;background:#FFF}
.supbox .email{width:59%;background:#FFF}
.supbox .message,.ftext{width:100%;background:#FFF;box-sizing:border-box;height:230px;max-height:230px;min-height:230px;min-width:100%;overflow:scroll;margin:15px 0 0;padding:15px 20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius: 5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;line-height:1.25em;margin-bottom:15px;font-weight:500;font-family:'geomanist',sans-serif;border:1px solid rgba(241,240,240,0.7);box-shadow:0 1px 3px #f1f1f1;color:#04286E;border-bottom:2px solid #69d2aa;background:url(../images/circles.png) #FFF no-repeat;background-size:60%;background-position-x:-80%;background-position-y:-100%;-webkit-appearance:none}
.supbox .message .circles{position:absolute;width:50%;height:50%}
.supbox .fname{background:url(../images/profile.svg) #fbfbff no-repeat left center;background-size:18px;background-position-x:22px;background-position-y:13px}
.supbox .email{background:url(../images/mail.svg) #fbfbff no-repeat left center;background-size:18px;background-position-x:20px;background-position-y:13px}
.supbox ::placeholder,.ftext ::placeholder{color:#04286E;opacity:1;font-family:'geomanist',sans-serif}
.supbox :-ms-input-placeholder,.ftext :-ms-input-placeholder{color:#04286E}
.supbox ::-ms-input-placeholder,.ftext ::-ms-input-placeholder{color:#04286E}
.supbox .message::placeholder,.ftext::placeholder{color:#04286E;font-weight:500}
.supbox .absenden{display:block;width:100%;box-sizing:border-box;color:#FFF;font-weight:600;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#04286E;padding:13px;cursor:pointer;font-family:'geomanist',sans-serif;text-transform:uppercase;font-size:16px;box-shadow:0 1px 3px #f1f1f1}
.supbox .absenden:hover,.fsend:hover{background:#184190}
.supbox .sucesmsg,.supbox .loaderdiv,.fback .loaderdiv,.fback .sucesmsg{display:block;margin-top:10px;color:#01266f;box-sizing:border-box;padding:15px 25px;background:#a2efc2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-weight:500;line-height:1.3em;font-size:13px;box-shadow:0 1px 3px #f1f1f1}
.supbox .sucesmsg span,.fback .sucesmsg{color:#01266f;font-weight:600}
.supbox .loaderdiv,.fback .loaderdiv{background:#f7f7f7}
.supbox .loaderdiv .lds-ring,.fback .loaderdiv .lds-ring{display:inline-block;margin-right:8px;vertical-align:middle;position:relative;width:17px;height:17px}
.supbox .loaderdiv span. .fback .loaderdiv span{vertical-align:middle;font-weight:400}
.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:17px;height:17px;border:2px solid #ddd;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5,0,0.5,1) infinite;border-color:#ddd transparent transparent}
.lds-ring div:nth-child(1){animation-delay:-.45s}
.lds-ring div:nth-child(2){animation-delay:-.3s}
.lds-ring div:nth-child(3){animation-delay:-.15s}
@keyframes lds-ring {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.supbox .fdots{position:absolute;width:200%;left:-47%;z-index:0;opacity:.1; display: none}
.supbox .fdots.bottom{bottom:-14px}
.faqcon{width:41%}
.aspcon{margin-bottom:20px}
.aspcon .foto{display:inline-block;vertical-align:middle;width:80px;height:80px;margin-right:12px;overflow:hidden;box-sizing:border-box;padding:3px;background:#53b791;border-radius:50%;box-shadow:0 2px 10px #dad8d8}
.aspcon .foto img{border-radius:50%}
.aspcon .asp{display:inline-block;vertical-align:middle}
.aspcon .asp h6,.aspcon .asp h3,.aspcon .asp h5{margin:0}
.aspcon .asp h5{color:#a4afc5;font-weight:500;font-size:14px;margin-bottom:4px}
.aspcon .asp h3{font-weight:600;line-height:1.2em}
.aspcon .asp h6{font-weight:500}
.mailto{width:35px;opacity:.2;transition:.3s all}
.mailto img{-webkit-filter:drop-shadow(0px 1px 4px #ddd);filter:drop-shadow(0px 1px 4px #ddd)}
.mailto:hover{opacity:1;transition:.3s all}
.mailto a{line-height:inherit}
.faq{width:100%;box-sizing:border-box;background:#FFF;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:2px solid #05296f;box-shadow:0 1px 15px #eaeaea;overflow:hidden}
.faq .top{box-sizing:border-box;padding:18px 20px;border-bottom:1px solid #f5f1f1;box-shadow:0 0 9px #f1efef}
.faq .top h5{color:#5cc29b;font-weight:600;margin:0}
.fclose{display:inline-block;width:22px;height:22px;opacity:.15;transition:.3s all;transform:rotate(0)}
.fclose.active{opacity:1;transition:.3s all;cursor:pointer;transform:rotate(45deg)}
.faq .in{padding:0 20px}
.faq .in li{padding:17px 0;border-bottom:1px solid #f7f5f5;cursor:pointer}
.faq .in li:hover{opacity:.7}
.faq .in li.last{border-bottom:none;padding-bottom:19px}
.faq .in li p{font-size:15px;font-weight:500}
.faq .in li p span{font-weight:600;cursor:pointer}
.faq .in li .plus{display:inline-block;width:12px;height:12px;line-height:0;cursor:pointer;transition:.3s all;transform:rotate(0deg)}
.faq .in li:hover .plus{transition:.3s all;transform:rotate(45deg)}
.faq .answers{position:absolute;width:100%;height:100%;z-index:10;background:#FFF;left:0;top:0;padding:0 20px;box-sizing:border-box;display:none}
.faq .answers li{border:none;box-sizing:border-box;display:none;position:relative}
.faq .answers li p{font-size:15px;font-weight:500;position:relative;line-height:1.5em}
.faq .answers li p span{font-weight:600;line-height:0}
.faq .in .answers li:hover{opacity:1}
.faq .answers.active{display:block}
.feedbackcon{width:100%;background:#FFF;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;box-shadow:0 1px 15px #eaeaea;margin-top:20px;box-sizing:border-box;padding:22px 28px;border:2px solid #05296f}
.fback{margin-top:20px}
.fsend{cursor:pointer;color:#FFF;font-weight:600;background:#04286E;padding:15px 60px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-transform:uppercase;font-size:19px;box-shadow:0 1px 10px #c3c0c0}
.fsend span{display:inline-block;vertical-align:middle;width:15px;margin-right:8px;line-height:0;top:-1px;cursor:pointer}
.fback .loaderdiv,.fback .sucesmsg{margin:0; margin-left:15px; background:#FFF;padding:17px 25px 18px;box-shadow:0 2px 8px #eaeaea; font-weight:600}
.fback .sucesmsg{background:#a2efc2;color:#01266f;font-weight:400}
.fback .sucesmsg span{font-weight:600}
.nps{padding-bottom:20px;border-bottom:1px solid #f3f2f2;margin-bottom:30px}
.nps .desc{width:270px;padding-right:10px;box-sizing:border-box;border-right:1px solid #f3f2f2}
.nps .desc h2{font-size:21px;font-weight:700;margin:0;color:#59c099}
.nps .desc h4{margin:0;font-size:14px;letter-spacing:-.2px;line-height:1.5em;font-weight:600}
.nps .desc h4 span{font-weight:600;display:block;margin-top:0px; font-size:17px}
.ratebar{width:calc(100% - 270px);padding-left:20px;box-sizing:border-box;font-weight:600;padding-bottom:13px;margin-bottom:-13px}
.ratebar.missed{border-bottom:2px solid #fd3737}
.ratebar .score{padding:12px;border:1px solid #f3f3f3;width:8.5%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #f1efef;text-align:center;cursor:pointer;box-shadow:0 1px 1px #f5f5f5;background:-webkit-linear-gradient(#fff 0%,#fbfbfb 100%);box-sizing:border-box;font-size:24px}
.ratebar .score:hover{background:-webkit-linear-gradient(#fff 0%,#f7f7f7 100%);box-shadow:inset 0 0 0 3px #01266f}
.ratebar .score.voted{box-shadow:inset 0 0 0 3px #FFD700}
.ftextbox form{line-height:0}
.ftextbox .ftext{height:240px;min-height:240px;max-height:240px; font-weight:500}
.starcon{width:50%;background:#f9f9f9;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;box-sizing:border-box;padding:17px 25px}
.ftextbox{width:48%}
.ftextbox .ftext{margin:0}
.ftextbox ::placeholder{color:#04286E;font-weight:500}
.starcon h6{margin:0 0 5px;font-size:16px;color:#59c099;font-weight:600}
.starcon .exp{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #f1eeee}
.starcon .exp.last{border:none;padding-bottom:0;margin-bottom:0}
.starcon h4{margin:0;font-size:18px;font-weight:600}
fieldset,label{margin:0;padding:0}
div.stars{display:inline-block}
input.star{display:none}
label.star{float:right;padding:3px;font-size:27px;color:#01266f;transition:all .2s;opacity:1;cursor:pointer}
input.star:checked ~ label.star:before{content:'\f005';color:#FFD700;transition:all .25s;opacity:1}
input.star-1:checked ~ label.star:before{color:#FFD700;opacity:1}
label.star:hover{transform:scale(1.08);opacity:1;transition:.3s all}
label.star:before{content:'\f006';font-family:FontAwesome;opacity:.3}
label.star:hover:before{opacity:1}
.settingscon{width:100%;min-width:470px;max-width:550px;background:#FFF;box-shadow:0 1px 15px #e8e8e8;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;margin-top:20px;padding:25px;box-sizing:border-box; border:2px solid #05296f}
.pic{margin-bottom:20px}
.avatar2 .pic{overflow:hidden;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;line-height:0;box-shadow:0 1px 3px #DDD;width:80px;height:80px;background:#214892;margin:0; border: 2px solid #5cc29b}
.avatar2 .pic img{position:absolute;height:100%;width:100%; transform: translate(-50%,-50%); top:50%; left:50%}
.avatar2 .delete{width:100%;display:block;background:#f9f9f9;font-size:11px;text-align:center;border-radius:7px;padding:3px;box-sizing:border-box}
.avatar2 .delete span{display:inline-block;vertical-align:middle;width:10px;vertical-align:middle;margin-right:5px}
.upload{width:calc(100% - 95px);box-sizing:border-box;border:2px dashed #f3f0f0;border-radius:4px;height:80px;text-align:center;padding-top:24px;background:#fbfbfb}
.upload p{font-size:14px;font-weight:500}
.upload p span{border-bottom:1px solid #f1eded;cursor:pointer; font-weight:600}
.upload p span input{cursor:pointer}
#userImage{cursor:pointer!important}
.upload input,.upload input:hover,.upload input:focus{cursor:pointer}
.upload p span:hover{border-bottom:1px solid #04286E;cursor:pointer}
.upload p span.or{font-weight:500;color:#cac2c2;border:none;margin:0 5px;font-size:13px;cursor:default}
.upload p span img{display:inline-block;vertical-align:middle;margin-right:3px;width:12px;top:-1px;opacity:1}
.upload p span img.up{width:15px;margin-right:5px}
.sform .left,.sform .right{width:48.7%;position:relative}
.sform .nfield,.sform .pw{width:100%;box-sizing:border-box}
.sform .email{width:100%;box-sizing:border-box;position:relative}
.sform .email,.sform .nfield,.sform .pw{font-size:21px;padding:16px 15px 16px 45px;border:2px solid #f1f0f0;color:#04286E;margin-bottom:15px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-weight:500;font-family:'geomanist',sans-serif}
.sform ::placeholder{color:#04286E; font-weight:500}
.sform label{position:absolute;top:-10px;background:#FFF;left:13px;font-size:11px;padding:0 5px;color:#c5c5c5; font-weight:500; letter-spacing:0.2px}
.sform .nfield{background:url(../images/profile.svg) #FFF no-repeat left center;background-size:19px;background-position-x:16px;background-position-y:19px}
.sform .email{background:url(../images/mail.svg) #FFF no-repeat left center;background-size:18px;background-position-x:16px;background-position-y:20px}
.sform .pw{background:url(../images/lock.svg) #FFF no-repeat left center;background-size:16px;background-position-x:16px;background-position-y:19px}
.sform .setsubmit{width:100%;color:#FFF;font-weight:600;font-size:20px;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:15px;background:#04286E;cursor:pointer;box-sizing:border-box;font-family:'geomanist',sans-serif;text-transform:uppercase}
.sform .setsubmit:hover{background:#184190}
.sform .loaderdiv{position:absolute;width:22px;height:22px;left:16px;top:10px;transform:translateY(-50%);top:50%;opacity:.55;display:none}
.sform .lds-ring div{width:22px;height:22px}
.sform .succmsg,.sform .errormsg,.lrating .suc{text-align:center;width:100%;background:#5cc29b;color:#FFF;font-size:13px;font-weight:400;padding:10px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;box-sizing:border-box;margin-top:10px;text-shadow:0 1px 1px #44a268;display:none}
.sform .succmsg .icon,.sform .errormsg .icon,.lrating .suc .icon{display:inline-block;vertical-align:middle;line-height:0;width:20px;margin-right:6px;top:-1px}
.sform .succmsg span,.sform .errormsg span{color:#FFF;font-weight:500}
.sform .errormsg{background:#d67070;text-shadow:0 1px 1px #af4646}
.sform .errormsg .icon{width:16px;opacity:.6}
#ratclick{display:none}
#rclose{position:absolute;width:30px;height:30px;right:15px;top:15px;cursor:pointer;opacity:.6;transition:.3s all}
#rclose:hover{opacity:1;transition:.3s all}
.lrating{position:absolute;z-index:520;width:100%;height:100%;top:0;left:0;background:#003972;background:radial-gradient(ellipse at top left,rgba(9,87,167,0.95) 24%,rgba(0,57,114,0.92) 100%)}
.lratecon{position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;width:100%;text-align:center;display:none}
.lratecon h4,.nextmod h4{color:#FFF;font-size:38px;font-weight:600;text-align:center;line-height:1em;margin-bottom:0;text-shadow:0 1px 2px #002144}
.lratecon p,.rateexp{color:#FFF;font-size:27px;text-align:center;text-shadow:0 1px 2px #002144}
.rateexp{font-weight:300}
.rateexp span{font-weight:600;color:#FFF}
.lrating .starscon{display:block;margin:20px 0}
.lrating label.star{color:#FFF;font-size:85px;line-height:1em;text-shadow:0 1px 4px #002144}
.lrating label.star:before{opacity:.5}
.lrate{margin:25px 0;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.lrate .score{color:#FFF;border:4px solid #FFF;border-radius:2px;box-sizing:border-box;padding:24px;font-weight:600;font-size:32px;margin:0 10px;width:80px;text-align:center;cursor:pointer;text-shadow:0 1px 2px #002144;box-shadow:0 1px 2px #002144}
.lrate .score:hover{opacity:.75}
#sendrate,.nextmodlink a{background:#FFF;display:inline-block;margin:0 auto;font-size:23px;font-weight:600;padding:20px 50px;-webkit-border-radius:60px;-moz-border-radius:60px;border-radius:60px;color:#00458d;margin-top:30px;cursor:pointer;box-shadow:0 2px 10px #123f71;line-height:1em}
#sendrate:hover,.nextmodlink a:hover{box-shadow:0 3px 10px #0b2643}
#sendrate span,.nextmodlink a span{display:inline-block;width:20px;vertical-align:middle;margin-left:10px;cursor:pointer;transform:translateX(0);transition:.3s all}
#sendrate:hover span,.nextmodlink:hover a span{transform:translateX(3px);transition:.3s all}
.rloading{width:25px;height:25px;position:absolute;left:12px;top:12px;opacity:.6;display:none}
.rloading .lds-ring div{width:25px;height:25px}
.lrating .suc{position:absolute;top:3px;left:12px;width:auto;display:none;color:#468c1d;text-shadow:none;font-weight:500;padding:5px 12px;box-shadow:0 1px 3px #184373}
.nextmod{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;text-align:center;width:auto;display:none}
.nextmod .doneani{width:62%;margin:0 auto;-webkit-filter:drop-shadow(0px 2px 3px #0d3665);filter:drop-shadow(0px 2px 3px #0d3665);margin-top:-14%}
.nextmod h4{font-weight:400;margin-top:-10%}
.nextmod h4 span{display:block;font-weight:700;color:#FFF}
#molay{background:rgba(4,40,76,0.94);z-index:1000000}
#molay .fdots{opacity:.05}
.bmcon{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;text-align:center;z-index:1000;width:100%}
.bmcon .mblink a{color:#FFF;font-weight:600;text-align:left;font-size:55px;line-height:1em;padding:10px 0;margin-bottom:30px;letter-spacing:-1.5px;border-bottom:4px solid rgba(87,102,118,0.4);position:relative;cursor:pointer;animation-name:rSlide;animation-duration:.3s;animation-fill-mode:forwards;transform:translateX(-20px)}
.bmcon .mblink a span{font-weight:600;color:#FFF;cursor:pointer}
.bmcon .mblink:nth-child(2) a{animation-delay:.05s}
.bmcon .mblink:nth-child(3) a{animation-delay:.1s}
.bmcon .mblink:nth-child(4) a{animation-delay:.15s}
.bmcon .mblink:nth-child(5) a{animation-delay:.17s}
.bmcon .mblink:nth-child(6) a{animation-delay:.18s}
.bmcon .mblink:nth-child(7) a{animation-delay:.2s}
.bmcon .mblink a span.icon{display:inline-block;vertical-align:middle;margin-right:15px;width:47px;line-height:0;margin-top:-13px;opacity:.3;transition:.4s all; display: none}
.bmcon .mblink.com a span.icon{width:60px;margin-top:-15px}
.bmcon .mblink.webi a span.icon{width:48px;margin-top:-8px;height:40px}
.bmcon .mblink.pers a span.icon{width:40px;margin-top:-15px}
.bmcon .mblink a:hover span.icon{opacity:1;transition:.4s all}
.bmcon .mblink a:before{content:'';position:absolute;width:100%;height:4px;background:#53b791;bottom:-4px;left:0;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:.4s all;transition:.4s all;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
.bmcon .mblink a:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1);transition:.4s all}
.boninotice{background:#57c098;position:absolute;width:100%;padding:16px 25px;box-sizing:border-box;bottom:0;z-index:100;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:12.5px;transform:translateY(100%);box-shadow:0 1px 3px #DDD;opacity:0;transition:.3s all;text-align:center;display:none}
.bwrap:hover .boninotice{opacity:1;transition:.2s all;display:block;animation:fadeIn;animation-duration:.4s;animation-fill-mode:forwards}
.boninotice:before{content:'';width:11px;height:11px;background:#57c098;transform:rotate(45deg) translateX(-50%);position:absolute;left:50%;top:-2px}
.boninotice .icon{display:inline-block;width:20px;height:20px;opacity:.15;margin-right:8px;vertical-align:middle}
.boninotice p{display:inline-block;width:100%;vertical-align:middle;color:#fff;text-align:center;font-size:13px;line-height:1.2em; font-weight:600}
.boninotice p span{color:#fff;font-weight:600;text-shadow:0 1px 1px #4dae89}
.loginb a{font-weight:700;color:#fff;border:none;padding:8px 25px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-transform:uppercase;height:39px;box-sizing:border-box; background: #003972; background: radial-gradient(ellipse at top left,#135aa2 24%,#003972 100%); font-size:16px; letter-spacing:0.5px; text-shadow:0 1px 1px #042e59}
.loginb a:hover {background: #53b791; text-shadow: 0 1px 1px #43a27e}
.hmenu {background:#53b791; width:100%; z-index:100}
.hmenu .hmenu_wrp {width:100%; padding:0 11px 0 13px; height:40px}
.hmenu .slink {width:20px; height:20px; line-height:0; cursor:pointer; opacity:0.75; margin:0 3px; -webkit-border-radius: 50%; -moz-border-radius:50%; border-radius:50%; box-shadow:0 1px 2px #3e9a77}
.hmenu .slink:hover {opacity:1}
.hmenu .slink:last-child {margin-right:0}
.hmenu .slink.fb {display:none}
.bmenu, .hmenu .msocial {opacity:0; animation:fadeIn 0.3s; animation-fill-mode: forwards; animation-delay: 0.25s}
.bmenu a.mlink {color:#9ff4d4; font-size:14px; line-height:1em; font-weight:700; text-transform:uppercase; margin:0 6px; letter-spacing:0.7px; display: inline-block; z-index: 2; text-shadow:0 1px 1px #4bac87}
.bmenu a.mlink:hover, .bmenu a.mlink.active {color:rgb(255 255 255 / 100%)}
.bmenu a.mlink:before {content:''; position: absolute; width:100%; height:2px; background:rgb(255 255 255 / 0%); bottom:-2px; left:0; z-index:-1}
.bmenu a.mlink:hover:before, .bmenu a.mlink.active:before {background:rgb(255 255 255 / 100%)}
.bmenu a.mlink:first-child{margin-left:0}
#obvideocon {width:100%; max-width:60%; background:#1f3d75; background:linear-gradient(-23deg,#173264,#1f3d75); padding:2vw; overflow:hidden; -webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px; opacity:0; animation:pushUp3 0.35s; animation-fill-mode: forwards; animation-delay:1.5s; box-shadow:0 4px 20px #0c1824; border:3px solid #5cc29b; margin:50px 0}
#obvideocon:before {content: ''; position: absolute; width: 100%; height: 100%; background: url(../images/pattern-w.svg); background-size:38px; opacity:.025; left:0; top:0}
#obvideocon .obvid_wrp {width:100%;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; box-shadow:0 2px 5px #0d234c; overflow:hidden; border:3px solid #4164a2}
#obvideocon #obvideo {overflow:hidden; padding-bottom:56.25%}
#obvideocon #obvideo iframe {position:absolute; width:100%; height:100%; top:0; left:0; cursor:pointer}
#obvideocon h2 {text-align:center; line-height:1.05em; font-weight:700; color:#fff; font-size:2.5vw; padding:0 12%; text-shadow:0 1px 2px #0b2048; letter-spacing:0.05vw; margin-bottom:1.8vw}
#obvideocon h2 span {font-weight:700; color:#5cc29b}
#obvideocon #dashbtn {display:flex; width:100%; margin-top:1.5vw; font-size:2vw; font-weight:700; text-align: center; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px; background:#52b68f; cursor:pointer; text-transform: uppercase; padding:1.5vw; text-shadow:0 1px 2px #3fa07b; box-shadow:0 2px 5px #0b2047; letter-spacing:0.05vw; border:2px solid #6ed8ae; opacity:0.5}
#obvideocon #dashbtn:hover {background:#4aac86}
#obvideocon #dashbtn span {color:#fff}
#obvideocon #dashbtn * {cursor:pointer}
#obvideocon #dashbtn.active {opacity:1}
#obvideocon #dashbtn .ar {display:inline-block; line-height:0; width:1.7vw; margin-left:0.5vw; -webkit-filter:drop-shadow(0px 1px 2px #3fa07b);filter:drop-shadow(0px 1px 2px #3fa07b)}
#obvideocon p.info {display: block; width:100%; color:#fff; text-align: center; line-height:1em; font-size:1vw; padding:0.7vw; font-weight:500; letter-spacing:0.05vw; background:#2b4981; margin-top:1vw; -webkit-border-radius:80px; -moz-border-radius:80px; border-radius:80px;box-shadow:0 1px 3px #0b2047; border:2px solid #3f619d; text-shadow:0 1px 1px #18305b; display:none}
#obvideocon p.info span {font-weight:600; text-decoration:underline}
a.premi {display:inline-block; font-weight:600; color:#fff; background: #ef9031; background:linear-gradient(-12deg,#ea691d,#ea8c2e); text-shadow:0 1px 1px #c1670c}
a.premi:hover {background: #f99a3b; background:linear-gradient(-12deg,#f26f23,#f59a3d); cursor:pointer}
a.premi * {cursor:pointer}
a.premi .ic {display:inline-block; width:19px;top:-0.5px;line-height:0; margin-right:7px;-webkit-filter:drop-shadow(0 1px 1px #c1670c);filter:drop-shadow(0 1px 1px #c1670c)}
.lheader a.premi {display: flex; font-size:16px; text-transform:uppercase; height:39px; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; padding:8px 20px; font-weight:700; letter-spacing:1px; border:1px solid #ea7f1e}
.lheader .prem_btn {margin-right:10px; display:none}