body{margin: 0; padding: 0; font-size: 14px; font-family: Helvetica, Arial, sans-serif;/*Tahoma, Verdana, Segoe, sans-serif;*/}
a{color: #FF5E00; text-decoration: none;}
a:hover{color: #DF0005;}
*{box-sizing: border-box;}
table img{max-width: 500px;}
input{outline: none;}
input:-webkit-autofill {background: #fff;}

.heder{width: 100%; margin: 0 auto;}
/*---------*/
.main_text{width: 100%; margin: 0 auto; background: #FFC80A; overflow: hidden;}
.main_text > span{
    display: block;
    width: 100%;
    height: 60px;
    text-align: center;
    color: #FFF;
    background: #222222;
    font-size: 28px;
    line-height: 60px;

}
.main_text div{width: 80%; margin: 50px auto; font-size: 16px;}

/*---------*/
.heder_menu{
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0px;
    left: 0;
    background: #222222;
}
.menu_city{
    height: 25px;
    margin: 11px 0 0 55px;
    line-height: 25px;
    cursor: pointer;
    color: #fff;
    position: absolute;
    text-align: center;
    text-decoration: underline;
    padding: 0 35px 0 18px;
    font-size: 16px;
}
.menu_city:after{
    content: '';
    width: 10px;
    height: 14px;
    background: url("../images/heder_city.png");
    position: absolute;
    left: 0;
    top:7px;
}
.menu_city span{
    width: 15px;
    height: 15px;
    display: block;
    transition: all 0.3s;
    transform: rotate(180deg);
    transform-origin: center;
    position: absolute;
    right: 10px;
    top:7px;
}
.menu_city span:before{
    content: '\e760';
    font-family: 'entypo';
    font-size: 30px;
    line-height: 15px;
    color: #DF0005;
}
.menu_city:before{transform: rotate(0deg);}
.menu_ul{
    width: 185px;
    margin: 15px 0 0 25px;
    list-style-type: none;
    background: linear-gradient(#222222,#000);
    padding-left: 45px;
    transition: opacity 0.5s;
    opacity: 0;
    position: absolute;
    top: -1000px;
    font-size: 16px;
}
.menu_ul li{padding: 0 0 5px 0;}
.menu_ul li:last-child{padding: 0 0 15px 0;}
.menu_ul a{color: #fff;}

.vhod + div > i,.reg + div > i, .vhod + div > a, .reg + div > a{display: block; width: 70%; margin: 5px auto 0;}
.vhod + div > i, .reg + div > i{font-style: normal;}

/*.vh{position: absolute; right: 40px; top: 41px; background: #222222; z-index: 10;}
.vh ul{list-style-type: none; margin: 0; padding: 0;}
.vh a{display: block; padding: 15px 25px; color: #fff; border-bottom: 1px solid #ccc; }
.vh a:hover{background: #ff5f00;}
.vh a i{font-size: 18px;}*/

/*--------------------*/
.vho{
    width: 100%;
    height: 50px;
    background: #FFC80A;
    position: fixed;
    bottom: 0;
    z-index: 10;
    overflow: hidden;
    box-shadow: 0 0 10px #000;
}
.vho ul{width: 100%; list-style-type: none; margin: 0; padding: 0; display: flex; justify-content: space-around;}
.vho ul a{line-height: 50px; color: #000; padding: 25px 0px;}
.vho a:after{
    font-family: entypo;
    content: '';
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    margin: 5px 0 0 10px;
}
.vho #m_cam:after{content: '📷';}
.vho #m_main:after{content: '\2302';}
.vho #m_comp:after{content: '🌄';}
.vho #m_usl:after{content: '\e70c';}
.vho #m_acc:after{content: '👤';}
.vho #m_kup:after{content: '🏆';}
@media (max-width: 768px) {
    .vho a:after{margin: 2px 0 0 0;}
    .vho ul a b {display: none;}
}
/*--------------------*/

.logo{display: block; width: 325px; height: 93px; background: url(/templ/new/images/logo.png); margin: 90px auto 0 auto;}

.heder .menu{width: 100%; height: 60px; background: #222222; margin-top: 25px; z-index: 2; position: relative; overflow: hidden;}
/*.heder .menu_cat{width: 100%; margin: 0 auto;}*/
.heder .menu_cat ul{list-style-type: none;  padding: 0; margin: 0; background: #222222; display: flex; justify-content: space-between; flex-wrap: wrap;}
.heder .menu_cat li{position: relative; padding: 0; margin: 0;}
/*.heder .menu_cat > ul > li{float: left;}*/
/**/
.heder .menu_cat ul li ul{opacity: 0; transition: opacity .3s; position: absolute; left: -9999px; width: 100%;}
.heder .menu_cat ul li:hover > ul{opacity: 1; left: 0px;}
.heder .menu_cat > ul > li > a{
    width: 100%;
    display: block;
    height: 60px;
    padding: 0 24px;
    line-height: 60px;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    text-align: center;

}
.heder .menu_cat > ul > li > a:hover,.heder .menu_cat > ul > li > a.act{background: #bf000c;}

#serch{display: block; width: 70%; margin: 30px auto; position: relative;}
#serch input[type=text]{
    width: 80%;
    height: 35px;
    /*border: 2px solid #FF5E00;*/
    border: 2px solid #222222;
    padding: 0 15px;
    outline: none;
}
#serch input[type=submit]{
    width: 19%;
    height: 35px;
    /*background: linear-gradient(#f37200,#bf000c);*/
    background: #222222;
    outline: none;
    border: none;
    color: #fff;
    cursor: pointer;
}
#autocomplete{transition: all .3s; transform: rotateX(-90deg); transform-origin: center top; opacity: 0;}
#autocomplete:not(:empty){
    display: block;
    width: 80%;
    position: absolute;
    z-index: 10000;
    left: 0;
    top:35px;
    /*border-right: 1px solid #FF5E00;
    border-left: 1px solid #FF5E00;
    border-bottom: 1px solid #FF5E00;*/
    border-right: 1px solid #222222;
    border-left: 1px solid #222222;
    border-bottom: 1px solid #222222;
    background: #fff;
    transform: rotateX(0deg);
    opacity: 1;
}
#autocomplete ul{list-style: none; margin: 0; padding: 0;}
#autocomplete a{display: block; padding: 10px 20px; color: #000;}
#autocomplete li:hover{background: #eaeaea;}
/**/
.main{width: 100%; margin: 0 auto; clear: both; z-index: 1;}

.slider_b{width: 100%; height: 400px; overflow: hidden;}

.slider_b a{
    display: block;
    width: 100%;
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/**/
.content{clear: both;}
.load_but{
    display: block;
    width: 170px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #bf000c;
    cursor: pointer;
    position: absolute;
    bottom: 25px;
    left: calc(50% - 85px);

}
/*--------------------*/
/*
.baners{width: 100%; position: relative;}
.baners > span, .baners > h1{
    display: block;
    width: 100%;
    height: 60px;
    text-align: center;
    color: #FFF;
    background: #222222;
    font-size: 28px;
    line-height: 60px;
    
    margin: 0;
    font-weight: normal;
    border-bottom: 1px solid #fff;
}

.baners a div{
    //width: 325px;
    width: 25%;
    height:325px;
    float: left;
}
.baners a div:nth-child(even){
    transition: all .3s;
    transform-origin: 50%;
    position: relative;
    overflow: hidden;
    background: #1F1F27;
    padding: 25px;
    border-bottom: 1px solid #fff;
}
.baners a div:nth-child(odd){
    transition: all .3s;
    transform-origin: 50%;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
}

.baners a div:nth-child(3n){border-left: 1px solid #fff;}

.baners h2{text-align: center; margin-bottom: 0; color: #FFC809; margin-top: 0;}
.baners p{margin: 10px 0; color: #fff; text-align: center; font-size: 18px; overflow: hidden; max-height: 135px; column-width: 170px;}

.baners div > span{
    display: block;
    width: 95%;
    height: 90%;
    margin: 5%;
    overflow: hidden;
}
.baners  div > span > img{width: inherit;}

Старый
.baners > div > div {
    width: inherit;
    height: inherit;
    transform-origin: 0% 50%;
    position: absolute;
    top: 0;
    left: -325px;
    opacity: 0;
    transition: opacity .5s;
    padding: 25px;
    background: #1F1F27;

}
.baners > div:hover{transform:scale(1.1); z-index: 2; }
.baners > div:hover > div{opacity: 1; left: 0;}
.baners div a{
    display: block;
    width: 144px;
    height: 40px;
    margin: 0 auto;
    background: #FFC809;
    border-radius: 25px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    text-transform: lowercase;
    font-size: 16px;
    position: absolute;
    bottom: 30px;
    left: 90px;
}*/

/*--------------*/
.event{overflow: hidden; position: relative;}
.event > h1{display: block; width: 100%; min-height: 60px; text-align: center; color: #FFF; background: #222222; font-size: 28px;
    line-height: 60px; margin: 0; padding: 0; font-weight: normal; }
.event_bg{width: 100%; padding: 30px; background: #FFC80A; overflow: hidden;}
.event_cont{width: 65%; background: #fff; padding: 30px; position: relative; float: left;}
.event_cont #edit{position: absolute; right: 30px; top: 30px; font-size: 20px;}
.event_cont > h2{margin: 0 0 10px;}
.event_cont > p{margin:0; font-size: 18px; line-height: 30px;}
.event_cont > a,.post_text a{display: inline-block; color: #E00004; font-size: 18px;}

.event_arg{width: 30%; margin-left: 30px; padding: 30px; float: left; background: #fff; position: relative;}
.event_arg > span{display: block; text-align: center; color: #272727; font-size: 18px; font-weight: bold;  padding: 0 0 15px;}
.event_arg .line{width: 80%; height: 15px; margin: 5px auto 30px; background:url("../images/event_line.png") center no-repeat;}
.event_arg > b{display: block; width: 80%; height: 1px; background: #AD8239; margin: 30px auto;}
.event_arg p{font-size: 16px;}
.event_arg > .arh{
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px 15px;
    border-radius: 5px;
    color: #fff;
    background: #E00004;
    text-transform: uppercase;
}
.event_img{max-width: 100%; display: block; margin: 0 auto;}
/*------------------------------------------*/
.post h1{display: block; width: 100%; height: 60px; text-align: center; color: #FFF; background: #222222; font-size: 28px;
    line-height: 60px; margin: 0; padding: 0; font-weight: normal; }
.post_text{width: 60%; margin: 30px 0 30px 30px; font-size: 18px; position: relative; float: left;}
.post_text h2{font-size: 18px;}
.post_text #edit {position: absolute; right: 0px; top: 0px; font-size: 20px;}
.post_text p{margin: 0; line-height: 30px;}

.post_kontact{width: 30%; margin: 30px 0px 30px 30px; padding: 30px; float: left; background: #FFC80A;/*#FFC80A*/}
.post_kontact > span{font-size: 18px;}
.post_kontact > span{display: block; text-align: center; font-weight: bold; font-style: italic;}
.post_kontact .line{width: 80%; height: 15px; margin: 5px auto 30px; background:url("../images/event_line.png") center no-repeat;}
.post_kontact .linem{width: 80%; height: 1px; margin: 20px auto 20px; background: #000;}
.post_kontact p{line-height: 30px; font-size: 16px;}
.post_kontact i{font-style: normal; font-weight: bold;}

.post_img img{
    display: block;
    width: 240px;
    /*height: 160px;*/
    border: 1px solid #808080;
    margin: 0px 10px;
    float: left;
}
/*-------------------------------------------*/
.static h1{
    display: block;
    width: 100%;
    height: 60px;
    text-align: center;
    color: #FFF;
    background: #222222;
    font-size: 28px;
    line-height: 60px;

    font-weight: normal;
}
.static p{padding: 0 30px; font-size: 16px;}
.static b{
    display: block;
    width: 100%;
    height: 60px;
    color: #000;
    background: #D4D2D3;
    font-size: 18px;
    line-height: 60px;

    font-weight: normal;
    padding: 0 45px;
}

.tarif{position: relative; margin-top: 50px;}
.tarif > h2{text-align: center; margin-bottom: 5px; font-size: 29px;}
.tarif > img{display: block; margin: 0 auto 12px auto;}
.tarif > b{display: block; width: 65%; margin:0 auto 30px auto; text-align: center; font-size: 15px; line-height: 23px;}
.tarif > span{display: block; width: 100%; height: 60px; text-align: center; color: #FFF;
    background: #222222; font-size: 30px; line-height: 60px;}
.tarif_bg{width: 100%; height: 605px; background: #FFC80A; overflow: hidden; position: relative;}
.tarif_bg > i{display: block; width: 40%; margin: 25px auto; font-size: 18px; text-align: center; color: #272727; font-style: normal;}
/**/
.tarif_bg > b{
    display: block;
    width: 296px;
    height: 381px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    top: 140px;
    left: 205px;
    font-weight: normal;
}
.tarif_bg > b .naz{display: block; text-align: center;  font-size: 12px; margin-top: 40px;}
.tarif_bg > b .cena{
    display: block;
    text-align: center;
    font-size: 24px;
    margin-top: 20px;
}
.tarif_bg > b .cena b{font-size: 40px; font-weight: normal;}
.tarif_bg > b .cena i{color: #808080; font-style: normal;}
.tarif_bg > b .opcii{display: block; text-align: center;  margin-top: 10px;}
/**/
.tarif_bg > div:nth-child(2),.tarif_bg > div:nth-child(4){width: 296px; height: 381px; position: absolute;}
.tarif_bg > div:nth-child(2){top: 140px; left: 205px; background: url("../images/tr1.png"); z-index: 1;}
.tarif_bg > div:nth-child(3){width: 335px; height: 443px; background: url("../images/tr2.png"); position: absolute; left: 482px; top: 110px; z-index: 2;}
.tarif_bg > div:nth-child(4){top: 140px; right: 205px; background: url("../images/tr3.png"); z-index: 1;}
.tarif_bg a{display: block; width: 150px; height: 44px; text-align: center; line-height: 44px; color: #515151;
    border: 1px solid #515151; border-radius: 25px; margin: 312px auto 0 auto; }
.tarif_bg > div:nth-child(3) a{margin: 367px auto 0 auto; border: none; background: #FFC809; color: #fff;}
/*---------------*/


/*---------------*/
.rassilka{
    width: 100%;
    height: 545px;
    background: #FFC80A url("../images/korona_b.png") bottom center no-repeat;
    overflow: hidden;
    color: #fff;
    margin: 0px auto;
}
.rassilka span:nth-child(1){
    display: block;
    width: 100%;
    height: 60px;
    text-align: center;
    color: #FFF;
    background: #222222;
    font-size: 30px;
    line-height: 60px;

}
.rassilka .tb{display: block; text-align: center; font-size: 2.8em;  margin-top: 20px;}
.rassilka .tm{display: block; text-align: center; font-size: 1.5em; margin-top: 10px;}
.rassilka .convert{
    display: block;
    width: 76px;
    height: 76px;
    background: url("../images/convert.png") no-repeat;
    margin: 50px auto 0 auto;
}
.rassilka form{display: block; width: 600px; margin: 70px auto 0 auto; position: relative;}
.rassilka form #event{
    display: block;
    width: 198px;
    height: 153px;
    background: url("../images/rassilka.png");
    position: absolute;
    top: -156px;
    left: 485px;
    padding: 25px;
    font-size: 1.1em;
}
.rassilka select{
    height: 55px;
    width: 150px;
    line-height:55px;
    padding: 0 25px;
    border: none;
    outline: none;
    border-radius: 10px 0 0 10px;
    position: absolute;
    left:0;
    border-right: 2px solid #FFC80A;
}
.rassilka option{
    height: 55px;
    line-height: 55px;
}
.rassilka input[type=email]{
    height: 55px;
    width: 300px;
    line-height: 55px;
    padding: 0 25px;
    border: none;
    outline: none;
    position: absolute;
    left: 150px;
}
.rassilka input[type=submit]{
    height: 55px;
    width: 150px;
    line-height: 55px;
    background: #E00004;
    border: none;
    outline: none;
    border-radius: 0 10px 10px 0;
    position: absolute;
    color: #fff;

    font-size: 1em;
    cursor: pointer;
    position: absolute;
    left:450px;
}


/*---------------*/
.footer{width: 100%; height: 750px; margin: 0 auto; position: relative;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #FFC809,#FFC809);
    background-size: 400% 400%;
    animation: Gradient 15s ease infinite paused;
}
.footer:hover{animation-play-state: running;}
@keyframes Gradient {
    0% {background-position: 0% 50%}
    50% {background-position: 100% 50%}
    100% {background-position: 0% 50%}
}

.footer > span:nth-child(1){display: block; width: 100%; height: 60px; text-align: center; color: #FFF;
    background: #222222; font-size: 28px; line-height: 60px;}

.footer > span:nth-child(2){display: block; width: 425px; height: 50px; margin: 25px auto 0 auto; color: #fff; font-size: 28px;}
.footer > span:nth-child(2) img{position: relative; top:12px;}
.footer #el{width: 284px; height: 404px; position: absolute; left: 100px; bottom: 0; background: url("../images/footer_el.png");
    z-index: 1;}
.footer #str{width: 512px; height: 620px; position: absolute; right: 55px; top: 100px; background: url("../images/footer_str.png");
    z-index: 1;
}
.footer_cont{width: 1100px; height: 420px; margin: 100px auto 0 auto; background: rgba(255,255,255, .8); position: relative; z-index: 2;}
.footer_cont > div{
    width: 360px;
    float: left;
    height: 400px;
    position: relative;
}
.footer_cont > div:nth-child(1):after{
    content: '';
    width: 218px;
    height: 176px;
    background: url("../images/footer1.png");
    position: absolute;
    top: -50px;
    left: 55px;
}
.footer_cont > div:nth-child(2):after{
    content: '';
    width: 254px;
    height: 179px;
    background: url("../images/footer2.png");
    position: absolute;
    top: -50px;
    left: 0;

}
.footer_cont > div:nth-child(3):after{
    content: '';
    width: 197px;
    height: 173px;
    background: url("../images/footer3.png");
    position: absolute;
    top: -50px;
    left: 64px;
}
.footer_cont > div > span{
    display: block;
    color: #9fa3a7;
    text-align: center;

    font-size: 18px;
    margin-top: 125px;
}

.footer_cont > div h3{text-align: center; font-weight: normal; font-size: 27px; padding: 0 40px;}
.footer_cont > div a{
    display: block;
    width: 135px;
    height: 45px;
    margin: 0 auto;
    border: 1px solid #FFC809;
    border-radius: 25px;
    text-align: center;
    color: #000;
    line-height: 39px;
    font-weight: bold;
    background: #fff;
}
.footer_cont > div a:hover{box-shadow: 0 0 3px #FFC809 inset;}
.footer_cont p{
    display: block;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    color: #9fa3a7;
    font-size: 16px;
}
/*------------------*/

.footer_s{width: 620px; height: 325px; margin: 50px auto; background: url("../images/korona.png") 145px top no-repeat; overflow: hidden;}
.footer_s h3{margin-top: 140px; text-align: center; font-size: 1.5em; font-weight: bold; color: #000;}

.footer_s span{display: block; width: 50%; margin: 0 auto; text-align: center; color: #9fa3a7;}
.footer_s a{
    display: block;
    width: 215px;
    height: 50px;
    margin: 30px auto 0 auto;
    background: #FFC809 url("../images/footer_button_str.png") 160px 50% no-repeat;
    border-radius: 25px;
    line-height: 50px;
    color: #fff;
    padding-left: 50px;

    font-size: 16px;
}

.footer_n{width: 100%; height: 465px; margin: 0 auto; background: #1F1F27; overflow: hidden; position: relative; color: #fff;}
.footer_n_logo{width: 192px; height: 55px; margin: 50px auto 0 auto; background: url("../images/logo_niz.png")}
.footer_n > span{
    display: block;
    text-align: center;

    margin-top: 20px;
    font-weight: bold;
}
.footer_n > ul{width: 80%; list-style: none; margin: 50px auto; font-size: 16px; padding: 0; text-align: center;}
.footer_n > ul > li{width: 33%;  float: left;}
.footer_n > ul > li > ul{list-style: none; font-size: 14px; padding: 10px 0 0 0;}
.footer_n ul span{display: block; text-decoration: underline;}
.footer_n a{text-decoration: none; color: #fff; text-transform: capitalize; display: inline-block; padding: 5px 0;}

.footer_n_line{width: 80%; height: 1px; background: #fff; margin: 50px auto 0 auto;}

.footer_n_menu{width: 100%;}
.footer_n_menu .menu_cat ul{list-style-type: none; display: flex; justify-content: center; margin: 0; padding: 0;}
.footer_n_menu .menu_cat ul li{display: block;}
.footer_n_menu .menu_cat > ul a{display: block; padding: 15px 10px;}

.footer_n_menu .soc{list-style-type: none; display: flex; justify-content: center; padding: 0; clear: both;}
.footer_n_menu .soc li{display: block;}
.footer_n_menu .soc a{display: block; width: 30px; height: 30px; margin: 0 5px; background-size: contain; background-repeat: no-repeat;}
.footer_n_menu .soc li:nth-child(1) a{background-image: url("../images/s_f.png");}
.footer_n_menu .soc li:nth-child(2) a{background-image: url("../images/s_i.png");}
.footer_n_menu .soc li:nth-child(3) a{background-image: url("../images/s_u.png");}


.footer_n_cop{width: 100%; height: 50px; background: #000; position: absolute; left: 0; bottom: 0;}
.footer_n_cop span{display: block; text-align: center; line-height: 50px;}
.footer_n .kassa{position: absolute; right: 0; bottom: 0;}

/*------------------*/
.user_action{width: 100%; margin: 0px auto 20px auto;}
.user_action + div{width: 900px; margin: 0 auto;}
.user_action > span{
    display: block;
    width: 100%;
    height: 60px;
    text-align: center;
    color: #FFF;
    background: #222222;
    font-size: 28px;
    line-height: 60px;
}
.user_action > b,.user_content > b{
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 25px auto 0 auto;
    background: #8F75BE;
    color: #fff;
    border-radius: 50%;
    font-weight: normal;
}
.user_action > i, .user_content > i{
    display: block;
    text-align: center;
    font-style: normal;
    font-weight: bold;

    margin: 10px auto 25px auto;
}
.user_action > a,.user_action > div{
    display: block;
    background: #EFEFEF url("../images/event_bg.png") center no-repeat;
    color: #BCBCBC;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    margin: 0 auto;

}
.user_action > a:after,.user_action > div:after{
    content: '';
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    border: 10px solid #BBBBBB;
    box-sizing: border-box;
}
.user_action > a > b,.user_action > div > b{
    display: block;
    width: 300px;
    font-size: 22px;
    font-weight: normal;
    position: absolute;
    top: 115px;
}
.user_action > a > i,.user_action > div > i{
    display: block;
    width: 135px;
    height: 30px;
    position: absolute;
    color: #EFEFEF;
    background: #BBBBBB;
    line-height: 30px;
    right: 14px;
    top: 14px;
    font-size: 16px;
    text-align: center;
    font-style: normal;
    position: absolute;
    z-index: 2;
}

.u_bb{width: 1000px; height: 400px; font-size: 40px; padding-top: 100px;}
.u_sb{width: 300px; height: 300px; font-size: 26px; padding-top: 68px;}

.u_bb b{margin: 100px auto 0 auto;}
.u_sb b{margin: 88px auto 0 auto;}
.user_action > a > img,.user_action > div > img{
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.f_load > button{
    width: 210px;
    height: 34px;
    position: absolute;
    color: #fff;
    background: #8F75BE;
    border: none;
    outline: none;
    font-size: 16px;
}
.f_load input[type=file]{width: 210px; height: 34px; position: absolute; overflow: hidden; opacity: 0; outline: none; cursor: pointer;}
.f_load input[type=submit]{
    width: 210px;
    height: 34px;
    margin-left: 250px;
    color: #fff;
    background: #FFC809;
    border: none;
    outline:none;
    font-size: 16px;
    cursor: pointer;
}
.but_del{
    display: block;
    width: 210px;
    height: 45px;
    margin: 25px auto;
    text-align: center;
    line-height: 45px;
    color: #fff;
    background: #DF0005;
    font-size: 16px;
    cursor: pointer;
}
.but_del:hover{color: #fff;}
.img_del{width: 300px; position: relative; margin: 0 auto;}
.img_del a{
    display: block;
    width: 35px;
    height: 35px;
    background: red;
    position: absolute;
    top: 0;
    right: -2px;
    line-height: 35px;
    color: #fff;
    border-radius: 0 0 0 15px;
    font-size: 20px;
}
.user_content input,.user_content select,.user_content textarea{display: block; margin: 0 auto 10px auto ;}/*ADDED*/
.user_content input[type=text],.user_content select,.user_content input[type=password],
.user_content input[type=email],.user_content input[type=number]{
    width: 365px;
    height: 45px;
    border: 1px solid #8F75BE;
    border-radius: 8px;
    padding: 12px 15px;
    outline: none;
}
.user_content input[type=date]{
    width: 180px;
    height: 45px;
    border: 1px solid #8F75BE;
    border-radius: 8px;
    padding: 10px 15px;
    outline: none;
}
.user_content textarea{
    min-width: 365px;
    min-height: 150px;
    border: 1px solid #8F75BE;
    border-radius: 8px;
    padding: 12px 15px;
    outline: none;
}
.user_content input[type=submit],.user_content input[type=button]{
    width: 210px;
    height: 45px;
    color: #fff;
    background: #FFC809;
    border: none;
    outline:none;
    font-size: 16px;
    cursor: pointer;
    margin: 25px 0;
}
.but_sum{
    display: inline-block;
    width: 210px;
    height: 40px;
    color: #fff;
    background: #FFC809;
    border: none;
    outline:none;
    font-size: 16px;
    line-height: 40px;
    margin: 25px 0;
}
.but_sum:hover{
    color: #fff;
    background-color: #8F75BE;
}


.user_content input[type=text]:focus,
.user_content input[type=date]:focus,
.user_content input[type=password]:focus,
.user_content input[type=email]:focus,
.user_content select:focus,
.user_content textarea:focus{border: 2px solid #8F75BE;}

#active{background: #9A77C4 url("../images/event_bga.png") center no-repeat; color: #fff;}
#active i{background: #FFEB00; color: #9A77C4;}

/*Купоны*/
.cupon{
    display: block;
    width: 100%;
    height: 120px;
    margin-top: 25px;
    position: relative;
    border-radius: 10px;
    cursor: pointer;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #FFC809,#FFC809);
    background-size: 400% 400%;
}
.cupon .scid{
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    transition: all 0.3s;
}
.cupon:hover .scid{transform: scale(1.1);}
.cupon .usl{
    position: absolute;
    color: #fff;
    top: 30px;
    left: 25px;
    font-size: 1.2em;
}
.cupon .pos{
    position: absolute;
    color: #fff;
    top: 55px;
    left: 30px;
}

#app{
    display: none;
    color: #fff;
    position: absolute;
    right: 30px;
    top: 10px;
    font-size: 18px;
    border-radius: 50%;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
}