@font-face {font-family: 'Inter';src: url('/css/font/InterRegular.ttf');}
@font-face {font-family: 'InterB';src: url('/css/font/InterBlack.ttf');}
@font-face {font-family: 'InterL';src: url('/css/font/InterLight.ttf');}
@font-face {font-family: 'InterEL';src: url('/css/font/InterExtraLight.ttf');}
@font-face {font-family: 'InterBold';src: url('/css/font/InterBold.ttf');}
@font-face {font-family: 'InterSemiBold';src: url('/css/font/InterSemiBold.ttf');}
@font-face {font-family: 'InterExBold';src: url('/css/font/InterExtraBold.ttf');}
a{text-decoration: none; color: #000000; cursor: pointer;}
HTML {font-family: Times, Helvetica, sans-serif; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; min-width: 1024px; }
body{margin: 0px auto; height: 100%; font-size: 12px; line-height: 1; font-family: Times, Helvetica, sans-serif; background-size: cover; min-width: 1024px; background: url(/img/back.png);}
.meseng_wrap{position: absolute; display: none; top:0px; left:0px; z-index: 1000; width: 100%; height: 100%; background: radial-gradient(50% 50%, rgba(101, 30, 122, 0.55), rgba(43, 15, 76, 0.9));}
.messeng{position: relative; top:0px; background: rgba(0,0,0,0.9); color: #ffffff; border:1px solid #1b87c8; box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4); padding:10px; top: 50%; left: 48%; width: auto; height: auto; }
.messeng img{cursor: pointer;}
.messeng .wrap_l{width: 95%; height: 361px; overflow-y: auto; overflow-x: hidden;}
.messeng .wrap_l table{width: 95%;}
.messeng .wrap_l div.pakovan > div{display: inline-block; width: 25%; vertical-align: top; margin: 2px;}
.messeng .wrap_l div.pakovan > div:first-child{width: 40%;}
.messeng .wrap_l table tbody tr td:last-child{cursor: pointer;}
.messeng .wrap_l p.title{font-size: 14px; font-weight: bold;}
.messeng p.confirm {font-size: 16px; cursor: pointer;}
.messeng .wrap_form p{margin: 5px 0 0 5%;}
.messeng .wrap_form input:not([type=checkbox]) {width: 93%; margin: 0 0 0 5%; border-radius: 2px;}
.messeng .wrap_form .buttom p{margin: 0;}
.messeng select{width: 99%; margin: 0%; background: #ffffff;}
.messeng .buttom{margin-left:45%;}
.messeng .drop{width: 100%; height: 50px; padding-top: 5px; text-align: center; font-size: 16px;}
.messeng .drop span{font-size: 14px;}
/*списки*/
div.wrap_u{display: block; position: relative; background: url(/img/ar_list.png) no-repeat 89% 54% #d7d7d7; background-size: auto 20%; width: 100%; height: 100%; color: #000000; border-radius: 5px;}
div.list_div{width: 100%; height: 100%; cursor: pointer; padding: 9px 0 0 4px; text-align: left;}
ul.list_ul{width: 100%; display: none; padding: 0; margin: 0; list-style: none; cursor: pointer; border-top: 0; top:90%; position: absolute; z-index: 600;}
ul.list_ul li{padding: 2% 4.5%;  width: 91%;  background:  #d7d7d7;}
div.wrap_u > div.list_div {padding: 5px 0 0 13px;}
div.wrap_u .list_div > img{margin-right: 10px; top:2px; position: relative; height: 14px;}
div.wrap_u > ul.list_ul li{ color: #000000; position: relative; text-align: left;}
div.wrap_u > ul.list_ul li img{margin: 2px 10px 0 7px; position: relative; top:2px; height: 14px;}
div.wrap_u > ul.list_ul li:hover img{opacity: 1;}
div.wrap_u > ul.list_ul li:hover{color:#000000;}
div.wrap_u > ul.list_ul li:last-child{border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;padding-bottom: 5%;}
/*списки конец*/
.buttom{width: 100%; background:grey; height: 30px; display: inline-block; padding: 0 5px; text-align: center; color: #ffffff; font-size: 16px; font-weight: bold; cursor: pointer; box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.6); position: relative; margin-top: 5px; border-radius: 3px;}
.buttom > img{position: absolute; top: -10px; left: -5px;}
.buttom p{text-shadow: 2px 2px 4px rgba(0,0,0,0.5); top: 23%; position: relative; margin: 0;}
.buttom.green{background: linear-gradient(to bottom, #2bfcc9, #04b68a);}
.buttom.blue{background: linear-gradient(to bottom, #89c7fc, #3672a6);}
.buttom.grey{background: linear-gradient(to bottom, #acacac, #676364);}
.buttom.turquoise{background: linear-gradient(to bottom, #26f7f4, #02a2b2);}
.buttom.greenl{background: linear-gradient(to bottom, #a0f482, #38a73e);}
.buttom.bluep{background: #a2c8e9; color: #000000;}
.buttom.bluep p{text-shadow: none; font-weight: normal;}
.buttom.small{width: auto; padding: 0 5px;}
.clear{clear: both;}
.top_move{text-align: center; position: fixed; bottom: 65px; right: 50%; cursor: pointer;  margin-right: -604px; color: #ffffff; display: none;}
.top_move img{margin: 0; }
.top_move p{margin: 0; text-align: center; font-size: 16px; font-weight: bold; text-shadow: 0 0 19px rgba(0,0,0,0.8);}
.auch{width: 300px; height: 200px; position: absolute; top:50%; text-align: center; left: 50%; margin: -150px 0 0 -100px; background: linear-gradient(to bottom, #f2f2f2, #dcdcdc); box-shadow: 0px 0px 38px 17px rgba(225,225,225,0.5); }
.auch input{width: 80%; margin: 10px auto; border-radius: 5px; height: 30px; outline: none; padding-left: 2%;}
.auch input:first-child{margin-top: 14%;}
.wrap_menu_admin{position: fixed; width: 100%; height: 20px; text-align: right;}
.wrap_menu_admin .menu_admin{height: 100%; display: none;}
.wrap_menu_admin:hover .menu_admin{display: block;}
.wrap_menu_admin .menu_admin a .menu_admin_unit{display: inline-block; vertical-align: top; height: 90%; padding-top: 5px; font-size: 12px; color: #02a2b2; margin: 0 10px;}
.wrap_style{width: 100%;}
.wrap_style .style_unit{display: inline-block; vertical-align: top; height: 20px; text-align: center; width: 49%;}
.wrap_style .style_unit input{width: 90%;}


.cont_col{display: flex; flex-direction: column;}
.cont_col_n{display: flex; flex-direction: column;padding: 15px;}
.cont_col_ad{font-family: 'Inter', sans-serif; display: flex; flex-direction: column; margin: 25px; border-radius: 10px; border: 1px solid lightgrey; padding: 15px;}
.s_row{margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap;}
.delkurs{display: flex; justify-content: flex-end;}
.outputbounce{display: flex; flex-direction: column; max-height: 100px; overflow: auto;}
.col{flex-direction: column;flex-wrap: wrap;}
.row{flex-direction: row;flex-wrap: wrap;}
/*.allparam{display: flex;flex-direction: row;flex-wrap: wrap; margin: 20px;}*/
.contkurs{justify-content: center;display: flex;flex-direction: row;flex-wrap: wrap;}
.contkurs_n{justify-content: center;display: flex;flex-direction: row;flex-wrap: wrap;}
.contkurs_output{display: flex; flex-direction: column; justify-content: space-between; overflow: auto; width: 60%; margin: 0 auto; max-height: 400px;}
.leftside{display: flex; flex: 1 1 75%; border: 1px solid #9e9e9e; background-color: whitesmoke; min-height: 100vh; margin: 10px;justify-content: center;}
.rightside{display: flex; flex: 1 1 20%;justify-content: center; border: 1px solid #9e9e9e; background-color: whitesmoke; min-height: 100vh; margin: 10px;}
.click_{cursor: pointer;}
.rightside ul{width: 90%;}
.rightside ul li{font-size: 14px; padding: 8px; margin: 8px; border: solid 1px #e3e3c7; width: 95%;}
.rightside ul li:hover {background-color: #1e7f9c; color: white;}
.framevideo{min-width: 100%; display: flex; justify-content: center;}
.reloadpage{width: 100%;}
iframe{width: 80%;height: 600px;}
.textdes{width: 95%; font-size: 16px; justify-content: center; margin: 0 auto;}
.textdes p {padding: 0; margin: 2px;}

.form {left: 35%;margin:1% auto; width: 25%;padding:40px 20px;background:#FFFFFF;
    border:1px solid #fafafa;box-shadow: 0px 14px 42px -15px rgba(8, 31, 74, 0.52);border-radius: 2px;}
.row_auch{display: flex; flex-direction: row; justify-content: space-between;}
.cart_auch{height: 44px;background: #E97432;border-radius: 2px; color: white; display: flex; width: 80%; margin: 10px auto;
    justify-content: center; align-items: center; cursor: pointer;}
.cart_auch:hover{background: #f00000;}
.rowzag{font-family: 'Roboto', sans-serif; font-size: 18px; color: #9e9e9e; margin: 10px;}
.admclass {width: 19%;}
.admclass input{float: right;}
.text_auch_gray{font-family: Inter;font-style: normal;font-weight: normal;font-size: 14px; line-height: 17px;
    color: #B6B8C3; margin-bottom: 15px;}
.h2text {font-family: Inter;font-style: normal;font-weight: 600;font-size: 24px;line-height: 29px;color: #081F4A; margin-top: 15px;}
.fa-key {color: gray; font-size: 24px !important; margin-top: 34%; margin-left: 39%;}
.fa-id-badge {color: gray; font-size: 24px !important; margin-top: 34%; margin-left: 39%;}
.filds{max-height: 150px; overflow: auto;}
#outchek3, #outchek2 {padding: 5px; color: red; font-family: 'Inter', sans-serif; font-weight: bold;}
.block_col{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px; font-family: 'Inter', sans-serif;}
.block_col_text{font-weight: bold; font-size: 32px; margin: 10px;}
.block_col_text_sm{font-size: 18px;}
.text_inp{font-family: Inter;font-style: normal;font-weight: 500;font-size: 12px;line-height: 15px;color: #23222E; width: 80%;
    margin: 0 auto; margin-top: 15px;}
.text_inp_main{font-family: Inter;font-style: normal;font-weight: 500;font-size: 12px;line-height: 15px;color: #23222E; width: 80%;
    margin: 0 auto;}