@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype'),
        url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff'),
        url('../fonts/OpenSans-Regular.ttf') format('truetype'),
        url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
 font-family: 'DINPro-CondensedBold';
 src: url('../fonts/DINPro-CondensedBold.eot');
 src: url('../fonts/DINPro-CondensedBold.eot?#iefix') format('embedded-opentype'),
 url('../fonts/DINPro-CondensedBold.woff2') format('woff2'),
 url('../fonts/DINPro-CondensedBold.woff') format('woff'),
 url('../fonts/DINPro-CondensedBold.ttf') format('truetype'),
 url('../fonts/DINPro-CondensedBold.svg#DINPro-CondensedBold') format('svg');
 font-weight: normal;
 font-style: normal;
}
.popup h4 {    margin: 43px 0 10px;    color: #414042;    font-size: 14px;    line-height: 20px;    font-weight: 600;}
.popup h2 {   letter-spacing: -1px;    font: 33px/36px "DINPro-CondensedBold", Arial, Sans-Serif;      font-size: 33px;        line-height: 36px;   margin: 44px 0 33px;  color: #414042;}

.popup * {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
.popup.reg .popup-h{position:relative;z-index:9052;padding:29px 46px 29px}
.popup.reg:before{z-index:9051;position:fixed;top:0;left:0;width:100%;height:100%;content:'';}
.course_popup_wrapper { width: 100%; height: 100vw; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index:10051;}
.popup {z-index: 9052;width: 804px;margin: 0 0 0 -430px;left: 50%;top: 100px;position: absolute;padding: 40px;color: #414244;font: 14px/18px "Open Sans", Arial, Sans-Serif;}
.popup .close{width:24px;height:24px;overflow:hidden;position:absolute;top:0;right:0;text-indent:-9999px;background:url(../../assets/img/close-btn.png) no-repeat;}
.popup .close.popup_x_close {display: block;width: 32px;height: 32px;position: absolute;right: 24px;top: 24px;color: white;background: #414143;text-align: center;border-radius: 50%;font-weight: bold;padding-top: 5px;box-sizing: border-box;font-size: 24px;cursor: pointer;text-indent: 0;}
.popup .popup-h{text-align:center;max-width:807px;background:#fff;margin:0 auto;padding:59px 46px 61px;}
.popup.step1 .popup-h{padding:59px 46px 0;}
.popup .popup-h  h2{text-align: center;text-transform:uppercase;padding: 0;font-size:36px;line-height:42px;margin:0 0 41px}
.popup.step1 .popup-h  h2{text-align: center;text-transform:uppercase;padding:131px 58px 0;font-size:36px;line-height:42px;margin:0 0 20px;background:url(../../assets/img/step1.png) no-repeat 50% 0;}
.popup .popup-h  h2:after{display:none;}
.popup.step1 .popup-h .name{display:block;text-align:center;color:#4fa9ed;font-size:40px;line-height:50px;font-weight:bold;margin:0 0 40px}
.popup.step1 .popup-h .ch{position:relative;text-align:center;overflow:hidden;padding:0 0 53px}
.popup.step1 .popup-h .ch .col{padding:0 0 71px;vertical-align:top;width: 43%;margin:0 3%;display: inline-block;max-width:300px;}
.popup.step1 .popup-h .ch .col .btn{position:absolute;bottom:54px;width: 112px;margin-top: 31px;padding:2px 31px;border-radius: 6px;-webkit-border-radius: 6px;white-space:nowrap;left:0;}
.popup.step1 .popup-h .ch  h4{font-weight:bold;font-size:16px;line-height:22px;margin:0;color:#000;}
.popup.step1 .popup-h   .ch em{display:block;font-weight:normal;font-size:14px;line-height:18px;font-style:italic;}
.popup.step1 .popup-h  .b-h{text-align:center;overflow:hidden;margin: 0 -46px;padding:36px 46px 50px;background:#efefef;border-top:1px solid #c7c7c7;}
.popup.step1 .popup-h .b-h h2{background:none;padding:0;font-size:24px;line-height:43px;color:#414042;margin:0 0 42px;text-align:center;}
.popup .popup-h .btn.exit{text-transform: uppercase;background: none;min-width: 140px;margin:20px 0 0;padding:9px 15px;font-weight:bold;font-size:14px;line-height:20px;color:#9b9b9b;border:1px solid #c7c7c7;border-radius:3px;-webkit-border-radius:3px;float:none;display:inline-block;vertical-align:top;}
.popup .popup-h .btn.exit + .btn{color:#fff;border-radius: 3px;background: #2e54a5;-webkit-border-radius: 3px;font: 14px/35px "Open Sans", Arial, Sans-Serif;text-transform: uppercase;font-weight: bold;font-size: 14px;padding: 2px;min-width: 139px;margin: 20px 0 0 7px;}
.popup.step1 .popup-h .gall{margin:0 -30px;padding:0 40px 10px;overflow:hidden;position:relative;}
.popup.step1 .popup-h .gall .prev,
.popup.step1 .popup-h .gall .next{-webkit-box-shadow: 0 2px 4px 1px rgba(0,0,0,0.1);box-shadow: 0 2px 4px 1px rgba(0,0,0,0.1);width:36px;height:36px;text-indent:-9999px;overflow:hidden;position:absolute;top:50%;left:22px;margin:-28px 0 0;background:#f4f4f4 url(../../assets/img/left-s.png) no-repeat 50% 50%; border-radius:50%;-webkit-border-radius:50%}
.popup.step1 .popup-h .gall .prev.disabled,
.popup.step1 .popup-h .gall .next.disabled{display:none;}
.popup.step1 .popup-h .gall .next{background:#f4f4f4 url(../../assets/img/right-s.png) no-repeat 50% 50%;}
.popup.step1 .popup-h .gall .next{left:auto;right:22px;}
.popup.step1 .popup-h .gall .gmask{overflow: hidden;padding: 0 0 10px;width:100%;position:relative;}
.popup.step1 .popup-h .gall .gmask ul{margin:0;padding:0;list-style:none;width:99999px;position:relative;}
.popup.step1 .popup-h .gall .gmask ul li{margin:0 5px;overflow:hidden;float:left;width:188px;padding:0 16px 17px;background:#fff;-webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.05);box-shadow: 0 1px 2px 1px rgba(0,0,0,0.05);}
.popup.step1 .popup-h .gall .gmask ul li .img-h{overflow:hidden;margin:12px 10px 0 0;line-height:60px;text-align:center;background:#fff;float:left;width:60px;height:60px;border:2px solid #fff;border-radius:50%;-webkit-border-radius:50%}
.popup.step1 .popup-h .gall .gmask ul li .img-h img{max-width:100%;vertical-align:middle;height:auto;}
.popup.step1 .popup-h .gall .gmask ul li .cat{text-transform: uppercase;text-align: left;display:block;background:#2e55a5;padding:12px 9999px;margin:0 -9999px 5px;color:#fff;font:20px/23px DINPro-CondensedBold,serif;}
.popup.step1 .popup-h .gall .gmask ul li  .name{margin:2px 0 26px;text-align: left;font-weight:normal;display:block;font-size:12px;line-height:15px;color:#414042;}
.popup.step1 .popup-h .gall .gmask ul li  .btn{display: block;padding:10px 15px;font-weight: bold;border-color:#4fa9ed;background:#4fa9ed;color:#fff;font-size:14px;line-height:19px;}
.popup .steps{max-width:317px;margin:0 auto;position:relative;}
.popup .steps:after{height:4px;width:100%;content:'';background:#4fa9ed;position:absolute;top:0;left:0;margin:18px 0 0}
.popup .steps .s .icon{margin: 0 auto 6px;position: relative;z-index: 2;display:block;text-indent:-9999px;border:4px solid #4fa9ed;background:#fff;width:32px;height:32px;border-radius:50%;-webkit-border-radius:50%}
.popup .steps .s.done .icon{background:url(../../assets/img/step1.png) no-repeat 50% 50%;background-size:110% 110%}
.popup .steps .s{position:relative;z-index:3;}
.popup .steps .s:last-child{-moz-transform: translateX(50%);-webkit-transform: translateX(50%);-o-transform: translateX(50%);-ms-transform: translateX(50%);transform: translateX(50%);float:right;}
.popup .steps .s:first-child{float:left;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.popup .steps .s .title{color:#4fa9ed;font:24px/32px DINPro-CondensedBold, serif;text-transform:uppercase;}
.popup .steps .s.done .title{color:#9b9b9b;}
.popup .popup-h .text h4{font-size:16px;line-height:22px;margin:0 0 20px}
.popup .popup-h .text em{font-size:14px;line-height:18px;}
.popup  .text{padding:36px 0 15px;clear:both;width:100%;max-width:518px;margin:0 auto}
.popup .info-gall{text-align:left;width:100%;position:relative;}
.popup .info-gall .mask{width:100%;overflow:hidden;position:relative;}
.popup .info-gall .mask ul{height:100%;margin:0;padding:0;list-style:none;overflow:hidden;width:100%;}
.popup .info-gall .mask ul li{position:absolute;top:0;left:0;z-index:1;padding:0 30px;font-size:18px;line-height:26px;color:#414042;}
.popup .info-gall .mask ul li.active{z-index:2;position:relative;}
.popup .info-gall .mask ul li h3{color:#2e55a5;font-size:30px;line-height:34px;margin:0 0 18px}
.popup .info-gall .mask ul li  p a{color:#4fa9ed;}
.popup .info-gall .mask ul li h3 img{float:left;margin:0 10px 0 0}
.popup  .btn.close{padding:10px 32px;height: auto;width:auto;display:inline-block;vertical-align:top;text-indent:0;text-transform:uppercase;font-weight:bold;position:static;font-size:14px;line-height:19px;color:#fff;background:#2e55a5;border-radius:3px;-webkit-border-radius:3px;}
.popup .info-gall .prev,
.popup .info-gall .next{-webkit-box-shadow: 0 2px 4px 1px rgba(0,0,0,0.1);box-shadow: 0 2px 4px 1px rgba(0,0,0,0.1);width:36px;height:36px;text-indent:-9999px;overflow:hidden;position:absolute;top:50%;left:-102px;margin:-18px 0 0;background:#f4f4f4 url(../../assets/img/left-s.png) no-repeat 50% 50%; border-radius:50%;-webkit-border-radius:50%}
.popup .info-gall .prev.disabled,
.popup .info-gall .next.disabled{display:none;}
.popup .info-gall .next{background:#f4f4f4 url(../../assets/img/right-s.png) no-repeat 50% 50%;}
.popup .info-gall .next{left:auto;right:-102px;}
.popup.reg .popup-h h2{margin:0 0 25px}
.popup.reg .text{padding:26px 0 25px}
.ajax_error_popup_wrapper {display: none; width: 100%; height: 100vw; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index:10051;}