html, body{
    height : 100%;
    font-size: 16px;
    /*min-width: 998px; */
}
body {
    font-family: Arial, Helvetica, sans-serif;
    /*
    font-family: Tahoma, Geneva, sans-serif;
    font-family: Verdana, Geneva, sans-serif;
    font-family: Georgia,"Times New Roman", serif;
    font-family: "Courier New", Courier, monospace;
     */
    margin:0;
    color: #222;
}
img {border: none}
.color_black{ color: black !important;}
.color_red{ color: #e2001a !important;}
/*-----------------------------------*/
::-moz-selection { background: #222; color: #fff; text-shadow: none; }
::selection { background: #222; color: #fff; text-shadow: none; }

a {
    color: #e2001a;
    text-decoration: none;
    /*-webkit-transition: color 400ms ;*/
    /*-moz-transition: color 400ms ;*/
    /*-ms-transition: color 400ms ;*/
    /*-o-transition: color 400ms ;*/
    /*transition: color 400ms ;*/
}
/*a:visited { color: #551a8b; }*/
a:hover { color: #222; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; margin-left: -7px; padding: 0; white-space: normal; }

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    
    display: block;
    border: 1px solid black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 17px;
    padding: 3px 6px;
    width: 221px;
    box-sizing: border-box;
}

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0;  }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

input {
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    border-radius: 0;
}

/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/*-----------------------------------*/
.inline-block		{ display:inline-block;zoom:1; }
.none				{ display:none !important; }

.invisible          { visibility: hidden; }
.hidden             { display: none !important; visibility: hidden !important; }
.visible			{ visibility:visible !important; }

.clear				{ clear:both; height:0; font-size:0; line-height:0; overflow:hidden; display:block; }
.clearfix:before,
.clearfix:after     { content: ""; display: table; }
.clearfix:after     { clear: both; }
.clearfix           { zoom: 1; }

.fleft				{ float:left !important; }
.fright				{ float:right !important; }
.vat                { vertical-align:top !important; }
.vam                { vertical-align:middle !important; }
.vab                { vertical-align:bottom !important; }

.ml0{margin-left: 0 !important;}

.ttu{text-transform: uppercase !important;}

.aplha{
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.transition{
    -webkit-transition: opacity 400ms ;
    -moz-transition: opacity 400ms ;
    -ms-transition: opacity 400ms ;
    -o-transition: opacity 400ms ;
    transition: opacity 400ms ;
}
.border_radius{
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.wrapper {
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative;
    z-index: 1;
    zoom: 1;
}
.min_width{
    width: 998px;
    margin: auto;
}

/* Footer
-----------------------------------------------------------------------------*/
.footer {
    border-top: 1px solid black;
    /*height: 231px;*/
    padding: 21px 0 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 1;
    font-size: 12px;
    line-height: 15px;
    width: 998px;
    margin: 0 0 0 -499px;
   /* overflow: hidden;*/
}
.copyright{
    float: left;float: left;
    /* margin: 0 95px 0 0; */
    width: 130px;
}
.made_in{
    float: right;    width: 120px;
}
.made_in div{
    font-size: 10px;
    line-height: 11px;
    color: #999999;
    margin: 4px 0 0;
}
.studio7{
    background: url('../img/studio7_hover.png') no-repeat 0 0;
    display: block;
    width: 108px;
    height: 49px;
}
.studio7:hover img{
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}
.studio7 img{
    -webkit-transition: opacity 400ms ;
    -moz-transition: opacity 400ms ;
    -ms-transition: opacity 400ms ;
    -o-transition: opacity 400ms ;
    transition: opacity 400ms ;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.f_clmn{
    font-size: 14px;
    line-height: 18px;
    float: left;
    width: 172px;
    margin-top: -18px;
}
.f_clmn2{
    margin: 0 35px;
}
.footer .curator{color: #666666;}
.footer .h2{
    color: #999999;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    margin: 36px 0 10px;
    margin: 18px 0 10px;
    text-transform: uppercase;
}
.map_link{
    background: url('../img/map_link.png') no-repeat 0 0;
    overflow: hidden;
    display: block;
    margin: 16px 0 0;
    padding: 2px 0 0;
    /**/
    display: none;
}
.map_link span{
    background: url('../img/map_link_hover.png') no-repeat 0 0;
    width: 11px;
    height: 16px;
    float: left;
    /*-webkit-transition: opacity 400ms ;*/
    /*-moz-transition: opacity 400ms ;*/
    /*-ms-transition: opacity 400ms ;*/
    /*-o-transition: opacity 400ms ;*/
    /*transition: opacity 400ms ;*/
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    margin: -2px 3px 0 0;
}
.map_link:hover span{
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.f_content{
    float: left;
    margin: -2px 0 0;
}
.f_title{
    text-transform: uppercase;
    color: black;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    margin: 0 0 24px;
}

/* Header
-----------------------------------------------------------------------------*/
.header {
    height:100px;
    font-weight: bold;
}
.logo {
    float: left;
    width: 166px;
    height: 40px;
    margin: 18px 0 0 1px;
}
.logo img {
	vertical-align: bottom;
	height: -webkit-fill-available;
}
.logo_awards {width: 229px;}
.nav {
    float: left;
    margin: 33px 0 0 100px;
    padding: 0;
    list-style: none;
    font-size: 15px;
    line-height: 18px;
}
.nav li{
    float: left;
    margin: 0 0 0 30px;text-transform: uppercase;
}
.h_link_holder{
    float: right;
    overflow: hidden;
}
.h_link{
    color: black;
    float: left;
    background: url('../img/h_link.png') no-repeat right 4px;
    border-bottom: 1px solid black;
    padding: 0 30px 0 10px;
    margin: 30px 0 0 25px;
    font-size: 18px;
    line-height: 22px;
}
.h_link:hover{
    color: #333;
}


/* Middle
-----------------------------------------------------------------------------*/
.content {
    padding: 0 0 320px;
}
.main_title{
    padding: 0 0 0 79px;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    margin: 0 0 18px;
    text-transform: uppercase;
}
.container{
    float: left;
    padding: 0 0 0 79px;
    width: 545px;
}
.sidebar{
    float: right;
    width: 311px;
    position: relative;
    z-index: 1;
}
.content .sub_nav,
.sidebar .sub_nav{
    color: black;
    padding: 0;
    margin: -3px 0 0 46px;
    list-style: none;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
}
.container>.sub_nav {
    list-style: none;
}
.content .sub_nav li,
.sidebar .sub_nav li{
    margin: 0;
}
.fb_box{
    width: 233px;
    height: 330px;
}
.border_img{
    position: relative;
    z-index: 1;
}
.border_img .bl,
.border_img .br{
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    border-color: white transparent transparent white;
    border-style: solid;
}
.border_img .br{
    left: auto;
    right: 0;
    border-color: transparent white white transparent;
}
.club_main{
    font-size: 14px;
    line-height: 20px;
}
.club_main .bl,
.club_main .br{
    border-width: 150px 37px;
}
.club_main .border_img{
    float: right;
    margin: 0 -65px 0 -28px;
}
.club_main .cmain_title{
    text-transform: uppercase;
    font-size: 22px;
    line-height: 25px;
    font-weight: bold;
    margin: 80px 0 0;
    border-top: 1px solid black;
    width: 300px;
    float: left;
    position: relative;
    z-index: 2;
    padding: 12px 0 0;
}
.club_main .cmain_clmn{
    float: left;
    width: 267px;
    padding: 5px 0 0;
}
.club_main .cmain_clmn2{
    margin-left: 33px;
    width: 245px;
}
.club_main ul{
    padding: 0;
    margin: 0;
    list-style-position: outside;
}
.club_main .fb_box{margin-top: 239px;}
.club_members{}
.club_members .fb_box{
    margin-top: 92px;
}
.club_members .main_title{
    float: left;
    width: 405px;
}
.members_all_holder.act .bbottom{
    position: absolute;
    bottom: 0;
    height: 1px;
    background: white;
    width: 100%;
    z-index: 2;
    margin: 0 0 -1px -25px;
}
.members_all_holder{
    float: left;
    padding: 0 25px 9px;
    background: white;
    border: 1px solid black;
    margin: 7px 0 0;
    position: relative;
    z-index: 1;
}
.members_all{
    background: url('../img/members_all.jpg') no-repeat right 5px;
    padding: 0 20px 2px 5px;
    border-bottom: 1px dashed black;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    margin: 7px 0 0;
}
.members_all_popup{
    background: white;
    border: 1px solid black;
    position: absolute;
    right: -1px;
    top: 100%;
    width: 597px;
    padding: 23px 0 17px;
}
.members_all_popup ul{
    padding: 0;
    margin: 0 -10px 0 0;
    list-style: none;
}
.members_all_popup li{
    display: inline-block;
    font-size: 14px;
    line-height: 17px;
    width: 169px;
    padding: 0 0 0 30px;
    margin: 0 0 9px;
}
.ie_7 .members_all_popup li{display: inline;zoom:1}
.members_list{
    padding: 0;
    margin: 0 0 0 -120px;
    list-style: none;
    color: black;
}
.members_list li{
    float: left;
    height: 177px;
    width: 180px;
    text-align: center;
    margin: 0 0 10px 41px;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    font-weight: bold;
}
.members_list a{color:#000;}
.members_list a:hover{color:#e2001a;}
.members_list span{
    display: block;
    margin: 9px 0 0;
}
.members_list .members_subtitle{
    font-size:12px;text-transform: none;color:#999999;font-weight: normal;
}
.members_list img{vertical-align: bottom;}
.show_more{
    background: url('../img/show_more.jpg') no-repeat right 8px;
    padding: 0 30px 3px 8px;
    color: black;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    border-bottom: 1px solid black;
    float: left;
}
.loader{
    background: url('../img/loader.gif') no-repeat center;
    height: 15px;
    width: 128px;
    margin: 50px auto;
}
.club_member{
    font-size: 14px;
    line-height: 20px;
}
.club_member .fb_box{
    margin: 92px 0 0;
}
.club_member .member_img{
    margin: 0 0 20px -79px;
    vertical-align: bottom;
}
.back_link_holder{height: 104px; display: none;}
.back_link{
    background: url('../img/back_bg.jpg') no-repeat 0 6px;
    float: left;
    text-transform: uppercase;
    color: #e2001a;
    font-weight: bold;
    text-transform: uppercase;
    overflow: hidden;
    font-size: 14px;
    line-height: 17px;
    margin: 20px 0 0;
}
.back_link:hover span{
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}
.back_link span{
    background: url('../img/back_bg_hover.jpg') no-repeat 0 0;
    width: 4px;
    height: 7px;
    float: left;
    margin: 6px 3px 0 0;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    /*-webkit-transition: opacity 400ms ;*/
    /*-moz-transition: opacity 400ms ;*/
    /*-ms-transition: opacity 400ms ;*/
    /*-o-transition: opacity 400ms ;*/
    /*transition: opacity 400ms ;*/
}
.club_member .container p{
    margin: 0 0 20px;
}
.anketa_bg{
    background: url('../img/anketa_bg.jpg') no-repeat 0 6px;
    padding: 0 0 0 29px;
    margin: 0 0 14px -29px;
}
.time_bg{
    background: url('../img/time_bg.jpg') no-repeat 0 4px;
    padding: 0 0 0 22px;
    margin: 0 0 14px -22px;
}
.money_bg{
    background: url('../img/money_bg.jpg') no-repeat 0 4px;
    padding: 0 0 0 24px;
    margin: 0 0 14px -24px;
}
.club_membership{
    font-size: 14px;
    line-height: 20px;
}
.club_membership .fb_box{
    margin-top: 92px;
}
.club_membership .sub_title{
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
    color: #999999;
    margin: 6px 0 26px;
}
.club_membership .h2{
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 50px 0 15px;
}
.club_membership_form{
    font-size: 14px;
    line-height: 17px;
}
.club_membership_form .fieldset{
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 0 0 0 50px;
    margin: 0 0 24px -50px;
}
.club_membership_form .field{
    width: 235px;
    float: left;
    margin: 0 0 20px 60px;
}
.club_membership_form .field_full{
    float: none;
    width: auto;
    margin-left: 0;
}
.field_full input{width: 516px;}
.club_membership_form label span{font-size: 12px;}
.club_membership_form label{
    display: block;
    margin: 0 0 2px;
}
.club_membership_form .h3{
    text-transform: uppercase;
    font-weight: bold;
    color: #999999;
    font-size: 15px;
    line-height: 18px;
    margin: 0 0 16px;
}
.btn_input{
    position: relative;
    z-index: 1;
    zoom: 1;
}
.btn_input .submit{
    position: absolute;
    width: 100%;
    height: 100%;
    right: -2px;
    top: -2px;
    z-index: 10;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}
.btn_input .submit input{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1000px;
    z-index: 1;
    cursor: pointer;
    width: auto;
    height: auto;
}
.btn{color:#000;text-transform: uppercase;text-decoration: underline; padding:0px 15px;    font-weight: bold;font-size: 13px;}
.btn.error{    color: #e2001a;}

.btn.arrow-right, .btn.arrow-left{margin:20px 0px;}
.btn.arrow-right{float:right;}
.btn.arrow-left{float:left;}

.work-table{margin-bottom: 20px;}
.relvideo{position:relative;}
.work-work-wrap{margin-bottom: 20px;position:relative;}
.relvideo_logo{position: absolute;
    right: 0px;
    bottom: 11px;
    width: 135px;
    background: #fff url('../img/logo-ytb.png') no-repeat center;
    height: 40px;
}

.add_more{
    background: url('../img/add_more.jpg') no-repeat 7px 5px;
    border-bottom: 1px solid black;
    padding: 0 7px 2px 24px;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    float: left;
    cursor: pointer;
    margin: -15px 0 50px;
}
.form_application{
    background: url('../img/form_application.jpg') no-repeat right 3px;
    border-bottom: 1px solid black;
    text-transform: uppercase;
    color: black;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    padding:  0 25px 1px 8px;
    max-width: 50%;
    margin: 20px auto !important;
    min-width: 166px;
}
.form_application:hover{border-color: transparent;}
.form_number{
    float: left;
    text-align: right;
    font-size: 10px;
    line-height: 14px;
    margin: 19px 0 0 -50px;
    width: 40px;
    padding: 0 10px 0 0;
}
.form_number span{
    border: 1px solid black;
    padding: 0 4px;
}
.news_main{}
.news_main .show_more{
    margin: 0 0 0 70px;
}
.news_list{
    padding: 0;
    margin: 0;
    list-style: none;
}
.news_list .li{
    margin: 0 0 48px;
}
.nlist_link{
    color: white !important;
    text-decoration: none;
    height: 300px;
    position: relative;
    z-index: 1;
    display: block;
    background: #444;
}
.nlist_link .border_img{
    float: none;
    display: block;
    margin: 0;
}
.nlist_link .bl,
.nlist_link .br{
    border-width: 150px 36px;
}
.odd .nlist_link .bl{
    border-color: transparent transparent white white ;
}
.odd .nlist_link .br{
    border-color: white white transparent transparent ;
}
.nlist_title{
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    font-weight: bold;
    border-top: 1px solid white;
    position: relative;
    z-index: 1;
    display: block;
    text-transform: uppercase;
    padding: 10px 0 0;
    margin: 0 0 4px;
}
.nlist_txt{
    position: absolute;
    z-index: 2;
    width: 690px;
    left: 72px;
    bottom: 41px;
}
.news_selected{
    font-size: 14px;
    line-height: 20px;
}
.news_selected .back_link{margin-top: 16px;}
.news_selected .fb_box{margin-top: 45px;}
.news_selected .main_title{
    font-size: 30px;
    line-height: 35px;
    width: 700px;
    margin-top: 4px;
}
.news_selected .border_img{
    float: none;
    height: 300px;
    display: block;
}
.news_selected .bl,
.news_selected .br{
    border-width: 150px 37px;
}
.other_news{
    width: 250px;
    font-weight: bold;
}
.onews_title{
    margin: 51px 0 0;
    font-size: 25px;
    line-height: 30px;
    font-weight: bold;
}
.other_news ul{
    padding: 0;
    margin: 14px 0 0;
    list-style: none;
    font-size: 15px;
    line-height: 19px;
    text-transform: uppercase;
}
.other_news li{margin: 0 0 50px;}

.b-form.sub {
    width: 235px;
}
.b-form.sub input {
    width: 235px;
    margin-top: 15px;
    outline: none;
}
.awards{
    color: #666666;
}
.awards .back_link{
    text-transform: none;
    margin: 0 0 30px 58px;
    margin-left: 0;
}
.awards .main_title{
    font-size: 3.75rem;
    line-height: 3.75rem;
    margin: 0 0 50px;
    padding: 0;
    color: black;
}
.awards .conContent h3{
    margin: 20px 0;
    font-size: 16px;
    color: black;

}
.awards .container{
    padding: 0 0 0 65px;
    width: 636px;
    font-size: 14px;
    line-height: 20px;
    padding-left: 0;
}
.breacrumbs {
    font-size: 14px;
    margin-bottom: 30px;
}

.breacrumbs span {
  color: #666666;
}

.breacrumbs span a:hover {
  color: #666666;
}
.breacrumbs span a {
  color: #e2001a;
}

.breacrumbs span a:hover {
    color: #666666;
}

.breacrumbs>span+span::before {
    padding-right: .5rem;
    /*padding-left: .5rem;*/
    color: #666666;
    content: "/";
}

.breacrumbs::after {
    display: table;
    clear: both;
    content: "";
}
.awards .container h2 {
    color: black;
}
.awards .container p{
    margin: 20px 0;
}
.awards .accordion b,
.awards .accordion strong,
.awards .accordion b,
.awards .accordion strong,
.awards .container b,
.awards .container strong,
.awards .sidebar b,
.awards .sidebar strong{
    color: black;
}
.awards .sidebar{
    width: 235px;
    padding: 0;
    font-size: 14px;
    line-height: 17px;
}
.awards .sub_nav{margin-left: 0;}
.sidebar .h2{
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    margin: 23px 0 15px;
    text-transform: uppercase;
    color: black;
}
.awards .awards_h2{margin-top: 4px;}
.awards_page{}
.apage_img{margin-bottom: 45px;}
.awards_main{}
.awards_main .main_title{
    font-size: 7.5rem;
    line-height: 6.5rem;
}
.awards_main .main_title span{
    display: none;
    color: #e2001a;
}
.awards_main b{color: black;}
.awards_main p{
    margin: 20px 0 20px 0px;
    width: 435px;
    font-size: 15px;
    line-height: 20px;
}
.awards_main .border_img{
    float: right;
    margin: 0 14px 0 0;
}
.awards_main .start{
    position: absolute;
    background: white;
    border-bottom: 4px solid black;
    font-size: 2.625rem;
    line-height: 2.625rem;
    right: 0;
    bottom: 11px;
    color: black;
    text-transform: uppercase;
    padding: 11px 0 6px 14px;
}
.awards_main .amain_txt{
    float: left;
    margin: -8px -100px 0 0;
    position: relative;
    z-index: 2;
}
.contest_page{}
.contest_page .container ul,
.sidebar .ul{
    padding: 0;
    margin: 20px 0;
    list-style: none;
}

.sidebar .ul li{
    background: url('../img/ul.png') no-repeat 0 8px;
    padding: 0 0 10px 10px;
}
.contest_page .container ul li:last-child {
    padding-bottom: 0;
}

.sidebar .ul li:last-child {
    padding-bottom: 0;
}
.contest_page .sidebar .ul{margin-bottom: 60px;}
.sidebar .ul li{margin: 10px 0;}
.contest_page .container ol{
    padding: 0;
    margin: 20px 0;
    list-style-position: inside;
}
.contest_page .container ol li{}
.contest_page .container .h2{
    text-transform: uppercase;
    font-size: 25px;
    line-height: 35px;
    margin: 60px 0 0;
    color: black;
}
.awards .sub_nav{
    margin-top: 4px ;
}
.contest_page .sub_nav{
    margin-bottom: 80px;
}
.date_box{
    text-transform: uppercase;
    font-size: 15px;
    line-height: 18px;
    margin: 55px 0 0;
}
.date_box .date{
    float: left;
    background: url('../img/calendar_day.png') no-repeat 0 0;
    width: 15px;
    padding: 4px 0 0;
    height: 11px;
    text-align: center;
    color: black;
    margin: 0 0 0 -24px;
    font-size: 9px;
    line-height: 10px;
    font-family: Tahoma, Geneva, sans-serif;
}
.accordion{
    margin: 0;
    padding: 0;
}
.accordion .members_list{
    margin: 25px 0 10px -40px;
}
.accordion .dt{
    margin: 20px 0 0;
    padding: 0;
    color: #e2001a;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
    cursor: pointer;
}
.accordion .dt:hover span{border-bottom-color: transparent !important;}
.accordion .dt span{
    border-bottom: 1px dashed #e2001a;
    padding: 0 0 1px;
}
.accordion .dt .dt_span{
    display: block;
    text-transform: none;
    border: 0 !important;
    color: #666666;
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    padding: 3px 0 0;
}
.accordion .dt.act span{
    border-bottom: 1px dashed black;
    color: black;
}
.accordion .dt.act span.dt_span {
    color: #666666;
}
.accordion .dd {
    overflow: hidden;
    margin: 0 0 0 -25px;
    padding: 0 0 0 25px;
    height: 0;
}
.accordion .dd_div{

}
.requirements_box{
    background: url('../img/requirements_box.png') no-repeat 0 0;
    width: 13px;
    height: 16px;
    float: left;
    margin: 1px 0 0 -20px;
}
.winners_page{}
.winners_page .container{
    float: none;
    width: auto;
}
.years_filter{
    float: right;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    margin: 37px 0 0;
    text-transform: uppercase;
    color: black;
}
.years_filter span,
.years_filter a{
    margin: 0 0 0 18px;
}
.winner_box{
    margin: 0 0 27px;
}
.winner_box .video{
    float: left;
    /*width: 640px;*/
    padding: 7px 0 0 0;
    margin-right: 20px;
    width: calc(70% - 20px);
    max-width: 640px;
}
.winner_box .video img,
.winner_box .video object,
.winner_box .video iframe
{vertical-align: bottom;}
.video_info{
    float: right;
    width: 255px;
}
.vinfo_title{
    font-size: 1.5625rem;
    line-height: 1.875rem;
    font-weight: bold;
    color: black;
    text-transform: uppercase;
    margin: 0 0 35px;
}
.vinfo_name{
    background: url('../img/vinfo_name.png') no-repeat 0 0;
    padding: 0 0 0 18px;
    margin: 0 0 8px;
}
.vinfo_agency{
    background: url('../img/vinfo_agency.png') no-repeat 0 0;
    padding: 0 0 0 18px;
    margin: 0 0 19px;
}
.winners_page{}
.winners_page .h2{
    text-transform: uppercase;
    font-size: 2.4375rem;
    line-height: 2.5rem;
    color: black;
    margin: 0;
    font-weight: bold;
}
.winners_page .h3{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.5625rem;
    line-height: 1.875rem;
    color: #919191;
    margin: 27px 0 20px;
}
.winners_list{
    padding: 10px 0 0;
    margin: 0 0 70px;
    list-style: none;
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
    color: black;
    text-transform: uppercase;
    text-align: justify;
}
.winners_list li{
	display: inline-block;
    padding: 0 20px 0 0px;
    
    margin: 0 0 11px;
}
.winners_list .clmn1{
    padding-left: 0;
    width: 230px;
}
.winners_list .clmn2{width: 240px;}
.winners_list .clmn3{width: 240px;}
.winners_list .clmn4{width: 90px;}
.mt75{margin-top: 75px !important;}
.juri_page{}
.juri_page .members_list {
    margin-left: -45px;
}
.juri_page .members_list li{
    width: 199px;
    margin-left: 45px;
}
.juri_page .container .h2{
    font-size: 25px;
    line-height: 25px;
    color: black;
    text-transform: uppercase;
}
.juri_page .accordion,
.juri_page .non_accordion{
    margin: 0 0 0 65px;
}
.takepart_page{}
.takepart_page .container{
    width: 870px;
    float: none;
}
.tabs{
    padding: 0;
    margin: 0 0 -1px;
    list-style: none;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.tabs li{
    float: left;
    color: #919191;
    cursor: pointer;
    padding: 14px 26px;
    border: 1px solid transparent;
    font-weight: bold;
    /*font-size: 1.875rem;*/
    font-size: 1.275rem;
    line-height:24px;
}
.tabs li:hover{color: black;}
.tabs li.act{
    background: white;
    border-color: black;
    color: black;
    cursor: default;
    position: relative;
    z-index: 1;
}
.tabs li.act i{
    position: absolute;
    left: 0;
    top: 100%;
    background: white;
    width: 100%;
    height: 1px;
    z-index: 1;
}
.tabs_content{
    padding: 25px 25px 35px;
    margin: 0;
    list-style: none;
    background: white;
    border: 1px solid black;
}
.tabs_content li{display: none;}
.tabs_content li.act{
    display: block;
}
.takepart_form{
    color: black;
}
.takepart_form .hr{
    border-top: 1px solid #999999;
    margin: 30px 0 15px;
}
.takepart_form label{
    margin: 15px 0 auto;
    display: block;
}
.takepart_form .form_application{margin-top: 70px;}
.takepart_form .field{
    min-height: 1px;
    float: left;
    width: 235px;
    margin: 0 0 0 50px;
}
.takepart_form .error label,
.takepart_form .error input{
    color: #e2001a;
}
.takepart_form .error input {
    border: 1px solid #e2001a;
}
.btn_input .user_message {
    /*white-space: nowrap;*/
    font-size: 13px;
    text-transform: none;
}
.sendmeagain {
    padding-top: 40px;
}
.bold_text {
    color: #000000;
    font-size: 14px;
    padding: 40px 0 15px;
    font-weight: bold;
}
.givemeaddress {
    font-size: 14px;
    padding-bottom: 3px;
}
.notes{
    font-style: italic;
    font-size: 12px;
    padding: 0 0 0 17px;
    text-indent: -17px;
}
.right_nav {
    float: right;
    padding-top: 27px;
}
.login,
.join {
    float: left;
}
.join,
.enter {
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    margin-right: 15px; 
    padding: 0 3px;
    display: block;
    border-bottom: 2px solid black;
}
.login {
    margin-right: 15px;
    position: relative;
    z-index: 2;
}
.enter {
    margin-right: 0;
    background: url('../img/key.png') 95% 50% no-repeat;
    padding-right: 20px;
    cursor: pointer;
}
.login {
    border: 1px solid white;
}
.join {
    position: relative;
    top: 6px;
}
a.join:hover,
span.enter:hover{
    border-bottom: 2px solid #fff;
}
.vote-table-head:last-child {
    padding-left: 70px;
}
.vote-table tbody tr td:last-child {
    padding-left: 70px;
}
.vote-table tbody tr td {
    padding-top: 15px;
}
.work-item .arrow-left {
    padding: 0;
}
.container-404 {
    width: 100% !important;
}
.work-item .btn.arrow-right {
    float: right;
    padding: 0;
    display: block;
}
.login.opened {
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #000;
    background: #fff;
}
.bor {
    position: relative;
    background: #fff;
    z-index: 4;
    padding: 5px 10px 10px;
}
.login.opened .enter {
    border-bottom: 0 none;
    color: #e2001a;
    background-image: url('../img/key_.png');
}
.popup_login {
    display: none;
    position: absolute;
    border: 1px solid black;
    width: 210px;
    padding: 20px;
    left: -1px;
    top: 100%;
    background: #fff;
    margin-top: -1px;
    z-index: 3;
}
.login.opened .popup_login {
    display: block;
}
.input_line {
    position: relative;
    margin-bottom: 10px;
}
.input_line input {
    width: 190px;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    display: block;
}
.input_line label {
    display: block;
    width: 190px;
    padding: 0 10px;
    height: 22px;
    line-height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    color: #656565;
    font-weight: normal;
}
.login.opened .enter {
    z-index: 4;
    position: relative;
}
input.reset {
    border: 0 none;
    outline: 0 none;
    background: transparent none;
    margin: 0;
    padding: 0;
    display: inline;
    text-transform: none;
    text-align: left;
}
input.reset.subm {
    float: left;
    color: #000;
    background: url('../img/enter.png') 3px 0 no-repeat;
    padding: 3px 5px 0 20px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 2px solid black;
    width: auto;
}
input.reset.subm:hover {
    border-bottom: 2px solid #fff;
}
.forgot {
    float: right;
    color: #656565;
    font-size: 12px;
    text-decoration: underline;
    font-weight: normal;
    position: relative;
    top: 7px;
    cursor: pointer;
}
.error_block {
    margin-top: 15px;
    background: #E2001A;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    padding: 5px;
}
.enter_passw .error_block {
    margin-top: 10px;
    margin-bottom: 15px;
}
.input_line.error input,
.input_line.error label,
.input_pass.error input,
.input_pass.error label  {
    color: #E2001A;
    border-color: #E2001A;
}
input.reset.close {
    float: left;
    color: #000;
    background: url('../img/close.png') 96% 55% no-repeat;
    padding: 3px 15px 0 5px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 2px solid black;
    width: auto;
}
.post_message p {
    color: #666666;
    font-size: 12px;
    margin: 0;
    padding: 0 0 10px;
    font-weight: normal;
}
.post_message p strong {
    color: #E2001A;
}
.exit {
    padding: 10px;
}
.ex {
    padding-right: 20px;
    background: url('../img/key_.png') 100% 50% no-repeat;
}
.ex:hover {
    background: url('../img/key.png') 100% 50% no-repeat;
}
.link_to_profile {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    margin-left: 7px;
    background: url('../img/ltp.png') 0 50% no-repeat;
    padding-left: 8px;
}
.user_message {
    position: absolute;
    text-align: center;
    font-size: 13px;
    padding: 2px 5px;
    bottom: 27px;
    left: 0px;
    width: 100%;
    box-sizing: border-box;
}
.user_message.good {
    color: #659933;
    border: 1px solid #659933;
}
.user_message.bad {
    color: #fff;
    border: 1px solid #e2001a;
    background: #e2001a;
}
.text_data {
    position: relative;
} 
.user_message em {
    position: absolute;
    display: block;
    width: 4px;
    height: 7px;
    background-repeat: no-repeat;
    /*background-image: url('../img/msg_label.png');*/
    left: -4px;
    top: 50%;
    margin-top: -2px;
}
.user_message.good em {
    background-position: 0 0;
}
.user_message.bad em {
    /*background: url('../img/bad.png') no-repeat;*/
}
.text_data h2 {
    color: black;
    font-size: 25px;
    line-height: 35px;
    margin: 60px 0 0;
    text-transform: uppercase;
    font-weight: bold;
}
.profile_list {
    margin-left: -40px;
}
.profile_list li {
    padding-bottom: 40px;
    position: relative;
    list-style-type: none;
    background: none !important;
}
.section_title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    color: #656565;
    margin-bottom: 35px;
}
.work_list {
    width: 100%;
    border-collapse: collapse;
}
.work_list thead td {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
.work_list tbody td {
    text-align: left;
    vertical-align: top;
    padding: 10px 0;
    border-top: 1px solid #CCCCCC;
}
.work_list tbody td.wname,
.work_list thead td.wname {
    padding-left: 30px;
}
.work_list thead td {
    padding-bottom: 20px;
}
.work_list tbody td.wname {
    background: url('../img/tab_block.png') 0 15px no-repeat;
}
.edit,
.del,
.cancel {
    float: left;
    background-image: url('../img/actions.png');
    background-repeat: no-repeat;
    text-decoration: none;
    margin-right: 10px;
    width: 11px;
}
.edit {
    height: 16px;
    background-position: 0 0;
    
}
.del {
    height: 11px;
    background-position: 0 -16px;
    position: relative;
    top: 5px;
}
.cancel {
    height: 11px;
    top: 0;
    position: relative;
    background-position: 0 -27px;
    left: 21px;
}
.work_list tbody tr:first-child td {
    border-top: 0 none;
}

.work_list tbody tr.non_approve td.wname {
    background-image: none;
}
.work_list tbody tr.non_approve td {
    background-color: #F9F9F9;
}
.tabline li {
    float: left;
}
.tabline li a {
    display: block;
    text-transform: uppercase;
    border-width: 1px 1px 0;
    background: #fff;
    font-size: 1.3125rem;
    padding: 10px 20px;
    text-decoration: none;
    border-color: #fff;
    border-style: solid;
    color: #919191;
    font-weight: bold;
}
.tabform ul,
.tabform li {
    display: block;
    margin: 0;
    padding: 0;
}
.tabline li {
    text-align: center;
}
.tabline li a.current {
    color: #000;
    border-color: #000000;
    border-bottom: 1px solid #fff;
}
.viewport {
    border: 1px solid #000;
}
.proform {
    display: block;
    padding: 50px 0;
}
.global {
    display: block;
    padding: 0 30px;
}
.in_line {
    margin: 0 0 15px;
    display: flex;
    flex-wrap: wrap;
}
.in_col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 5px;
    width: calc(50% - 10px);
}
.in_col input {
    width: 100%;
}
.in_col label {
    color: #000000;
    display: block;
    padding-bottom: 3px;
}
.in_col.lft {
    margin-right: 103px;
}
.in_col.error label,
.in_col.error input {
    color: #e2001a;
}
.in_col.error input {
    border: 1px solid #e2001a;
}
.squad {
    text-transform: uppercase;
    color: #999999;
    font-size: 15px;
    font-weight: bold;
    padding: 20px 30px 10px;
}
.sq_persone {
    border-top: 1px solid #999999;
    padding: 20px 30px 20px;
    position: relative;
}
.pr_num {
    position: absolute;
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #000 #fff #000 #000;
    color: #000000;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    width: 18px;
    text-align: center;
    top: -1px;
    left: -19px;
}
.pr_delete {
    position: absolute;
    top: -1px;
    left: 100%;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: #000 #000 #000 #fff;
}
.pr_delete img {
    position: relative;
    top: -1px;
    cursor: pointer;
}
.add_less,
.file_less{
    border-top: 1px solid #999999;
    padding: 15px 30px 60px;
}
.add_less a,
.file_less a,
a.simple_file,
a.video_file  {
    display: block;
    position: relative;
    overflow: hidden;
    width: 117px;
    height: 20px;
}
.add_less a:hover,
.file_less a:hover,
a.simple_file:hover,
a.video_file:hover  {
    height: 19px;
    border-bottom: 1px solid #fff;
}
.sendme.save {
    display: block;
    position: relative;
    overflow: hidden;
    width: 126px;
    height: 20px;
}
.sendme.save:hover {
    height: 19px;
}
.long_text {
    padding: 0 30px 25px;
}
.text_length {
    float: right;
    white-space: nowrap;
    color: #666666;
    font-size: 11px;
}
.long_text {
    color: #000;
}
.textarea_block {
    padding-top: 5px;
}
.text_ar {
    display: block;
    width: 100%;
    resize: none;
}
.file_input {
    padding: 0 30px;
}
.file_input label {
    color: #000;
    display: block;
    padding-bottom: 5px;
}
.filename {
    float: left;
    width: 100%;
    height: 21px;
    line-height: 21px;
    margin-right: 30px;
}
.or_file {
    width: auto;
    height: 21px;
    /* background: url(../img/file.png) 0% 50% no-repeat; */
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: flex;
    color: #000;
    clear: both;
    align-items: center;
}
.or_file>span{
    border-bottom: 1px solid #000000;
}
.or_file:after{
    content: '';
    width: 25px;
    height: 20px;
    background: url('../img/file.png') 100% 50% no-repeat;
}
.or_file input {
    font-size: 50px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
    width: auto;
    height: 30px;
    line-height: 30px;
}
.notess {
    color: #666666;
    font-size: 14px;
    padding: 10px 30px 40px;
}
.notess a {
    color: #e2001a;
    font-weight: bold;
}
.sendme input {
    border: 0 none;
    padding: 0;
    margin: 0;
    outline: 0 none;
    height: auto;
    width: auto;
}
.sendme {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0 30px;
    position: relative;
}
.sendme .user_message {
    left: 280px;
    top: -2px;
}
.sendme.small .user_message {
    top: 20px;
    left: 0;
    position: inherit;
}
.tabline {
    position: relative;
    z-index: 3;
}
.viewport {
    position: relative;
    z-index: 1;
    top: -1px;
}
.form_text {
    padding: 0 30px 20px;
}
.awards .container .form_text p {
    padding: 0 0 3px;
    font-size: 13px;
    margin: 0;
}
.form_text b {
    color: #000;
}
textarea.tare {
    display: block;
    width: 222px;
    height: 120px;
    resize: none;
}
.catname {
    font-size: 18px;
    color: #000000;
    text-transform: uppercase;
    font-weight: bold;
    padding: 45px 0 25px;
}
.work_list_two {
    width: 100%;
}
.work_list_two th {
    color: #000;
}
.work_list_two th,
.work_list_two td {
    padding: 10px;
    text-align: left;
    vertical-align: top;
    border-collapse: collapse;
    font-size: 14px;
    
}
.work_list_two td {
    border-bottom: 1px solid #cccccc;
}
.work_list_two tr:last-child td {
    border-bottom: 0 none;
}
.work_list_two td b {
    color: #000;
}
.work_list_two tr.non_approve td {
    background: #f8f8f8;
}
.chtd {
    width: 20px;
    text-align: center;
}
.chtd input {
    display: inline;
    /*position: relative;*/
    top: 2px;
    left: 3px;
}
.work_list_two .black_color td {
    color: #000;
}
.work_list_two.black_color td.last {
    color: #666666;
    width: 50px;
}
.work_list_two.black_color td.price {
    width: 110px;
}
.total {
    font-size: 13px;
    text-align: right;
}
.reset_passwd {
    padding-top: 30px;
}
.reset_passwd label {
    font-size: 14px;
    color: #000000;
}
.input_pass {
    padding-top: 3px;
    padding-bottom: 15px;
}
.input_pass input {
    width: 225px;
}
.sendme.save .user_message {
    left: 150px;
}
.sendme.save {
    margin-top: 30px;
}
.popup_clone {
    position: fixed;
    width: 270px;
    height: 300px;
    background: #fff;
    top: 50%;
    left: 50%;
    margin: -150px auto auto -135px;
    border: 1px solid #1e201f;
} 
.pclone_body {
    padding: 25px 20px;
    position: relative;
}
.pc_head {
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 35px;
}
.changeme {
    color: #000;
}
.chsel {
    padding-bottom: 15px;
    padding-top: 3px;
}
.cls {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}
.clone_result {
    padding-bottom: 20px;
    font-size: 14px;
}
.cl_name {
    color: #000000;
    padding-bottom: 3px;
}
.cl_val {
    color: #666666;
    font-size: 13px;
}
.enter_form label {
    display: none;
}
.input_line.error input,
.input_line.error label,
.input_pass.error input,
label.error   {
    color: #E2001A;
    border-color: #E2001A;
}
.long_text.error textarea,
.long_text.error label,
.file_input.error input.filename,
.file_input.error label{
    color: #E2001A;
}
.long_text.error textarea,
.file_input.error input.filename {
    border-color: #E2001A;
}
.c40 {
    border-top: 1px solid #999999;
    padding: 10px 35px 50px;
}
.crazy .file_input {
    margin-bottom: 20px;
    position: relative;
    border-top: 1px solid #999999;
    padding: 10px 30px;
}
.upload_block .pr_num,
.upload_block .pr_delete {
    display: none;
}
.upload_block.crazy .pr_num,
.upload_block.crazy .pr_delete {
    display: block;
}
@media all and (-webkit-min-device-pixel-ratio:0) {
    /*здесь стили для хрома*/
}
.tracklist {
    float: left;
    width: 670px;
    line-height: 1.3;
}
.tracklist li,
.tracklist ul,
.text_ed ul,
.text_ed li {
    display: block;
    padding: 0;
    margin: 0;
}
.tracklist li {
    float: left;
    width: 245px;
    margin-right: 65px;
    padding-bottom: 25px;
}
.tracklist li.clear {
    clear: left;
    width: 100%;
    float: none;
}
.tracklist h5 {
    text-transform: uppercase;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 3px;
    margin: 0;
}
.text_ed {
    float: left;
    width: 635px;
}
.text_ed h5 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color:#000;
    margin: 0;
    padding: 0;
}
.awards .container .text_ed p {
    color: #666666;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
ul.graf_block {
    padding-top: 30px;
}
ul.graf_block li {
    padding-bottom: 40px;
}
ul.graf_block li h4 {
    color: #000;
    text-transform: uppercase;
    margin: 5px 0;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
}
.list_name {
    font-size: 23px;
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.short_name {
    float: left;
    padding-left: 20px;
    width: 180px;
    background: url("vinfo_name.png") no-repeat scroll 0 0 transparent;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
}
.shotrs_agency {
    margin-left: 233px;
    background: url("vinfo_agency.png") no-repeat scroll 0 0 transparent;
    padding-left: 20px;
}
.awards .container .shotrs_agency p {
    padding: 0;
    margin: 0 0 14px;
    font-size: 15px;
    color: #000;
    width: 370px;
}
/* ==|== print styles =======================================================
   Print styles.
   ========================================================================== */
@media print {
    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}
.copyrightSmall,
.mainBanner {
    display: none;
}
/* start hamburger menu */

.hamburger {
    position: relative;
    display: none;
    width: 50px;
    height: 50px;
    top: 0;
}

.hamburger1,
.hamburger2,
.hamburger3 {
    position: absolute;
    top: 50%;
    left: calc(50% - 20px);
    height: 0.13726835964310227vw;
    width: 40px;
    background: #000000;
    height: 4px;
    transition: all 200ms ease-in-out;
    z-index: 10;
}

.hamburger:hover .hamburger1,
.hamburger:hover .hamburger2,
.hamburger:hover .hamburger3 {
    background: #000000;
}

.convert:hover .hamburger2 {
    background: inherit;
}

.hamburger1 {
    top: calc(50% - 10px);
}

.hamburger3 {
    top: calc(50% + 10px);
}

/* animation hamburger line 1 and 3 convert to 45deg, middle line - color inerit */

.convert .hamburger1 {
    top: 50%;
    transform: rotate(45deg);
}

.convert .hamburger2 {
    background-color: transparent;
}

.convert .hamburger3 {
    top: 50%;
    transform: rotate(-45deg);
}
.headWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.menuCover {
    display: none;
}
.main-internal footer .conContent {
    margin-top: 0;
}
.b-menu .active {
    text-align: center;
}
/*.clear {*/
/*display: none;*/
/*}*/
/* start hamburger end */
.menuCover {
    display: block;
    width: 100%;
    height: 100px;
    background-color: #ffffff;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
}
.menu_items {
    transition: top 0.3s ease;
}
.mobilesSub_nav {
    display: none;
}

.awards .date_box .date{
    margin: 0 10px 0 0;
}
.awards .date_box {
    margin: 20px 0;
}
/* youtube fix */
.youtubeWrapper {
    /*max-width: 640px;*/
    /*margin: 60px auto;*/
    /*padding: 0 20px;*/
}

.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
/* youtube fix */

@keyframes swipeMove {
    100%,0%   {right: 20px;}
    25%  {right: 40px;}
    50%  {right: 20px;}
    75%  {right: 0px;}
}
.stickyFixed {
    position: fixed !important;
    margin-left: 30px !important;
}
.stickyAbsolute {
    position: absolute !important;
    margin-left: 30px !important;
}
/* floating arrow */
.floatingArrow {
    display: flex;
    height:20px;
    width:20px;
    padding:10px;
    border:3px solid #000000;
    /*background-color: #ffffff;*/
    position: fixed;
    bottom: 50px;
    opacity: 0;
    right: 10px;
    transition: opacity 0.3s ease;
    z-index: 2;
}
.floatingArrow:after {
    content: ' ';
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background-image: url(../img/chevron-up.svg);
    background-size: cover;
    transition: transform 0.2s linear;
    animation-name: arrowFloat;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;

}
@keyframes arrowFloat {
    100%,0%   {transform:translateY(4px);}
    50%  {transform:translateY(-4px);}
}
.floatingArrow:hover {
    opacity: 1;
    cursor: pointer;
}

.takepart_form .fieldset {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.takepart_form .field {
    width: calc(33.3% - 20px);
    margin: 0 10px;
    float: none;
    display: flex;
    flex-direction: column;
}
.takepart_form .user_message.bad.register_error {
    left: 0;
    top: 100%;
    bottom: auto;
}


button, input, select, textarea {
    width: auto;
}
.swipeHand {
    border: 1px solid #c3c3c2;
    z-index: 1;
}
.responsiveWrap {
    position: relative;
}
.swipeHand:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 20px;
    z-index: 20;
    background: url(../img/swipe.svg) no-repeat 100% 100%;
    background-size: cover;
    width: 30px;
    height: 30px;
    padding: 0;
    transition: transform 0.2s linear;
    animation-name: swipeMove;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.responsive {
    overflow-x:auto;
    position: relative;
    box-sizing: border-box;
    padding: 5px;
}
/*.menuCoverShadow:before {*/
    /*content:'';*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 100px;*/
    /*background-color: #000000;*/
    /*opacity: 0.4;*/
    /*z-index: 7;*/
/*}*/
.loginWrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px !important;
    align-items: center;

}
.loginWrap .b-form {
    margin: 20px;
    width: calc(50% - 40px);
}
.loginWrap .b-form input{
    width: 100%;
    min-width: 235px;
}
.desktopSub_nav li.active,
.desktopSub_nav li.node a {
    padding: 10px 0;
    display: block;
}
.styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
}
.styled-checkbox + label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 16px;
    height: 16px;
    background: white;
    border: 1px solid;
}
.styled-checkbox:hover + label:before {
    background: #ffffff;
}
.styled-checkbox:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
    background: #ffffff;
}
.styled-checkbox:disabled + label {

    color: #b8b8b8;
    cursor: auto;
}
.styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
}
.styled-checkbox:checked + label:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    background: url(../img/clipboards.svg) no-repeat;
    width: 50px;
    height: 50px;
}
.total,
.total b {
    display: inline;
}
.styled-checkbox {
    position: absolute;
    opacity: 0;
}
.inner_in select{
    text-overflow: ellipsis;
    width: 100%;
    min-width: 184px;
}
.lineAndBtn {
    display: flex;
    flex-direction: row;
}
@keyframes swipeMove {
    100%,0%   {right: 20px;}
    25%  {right: 40px;}
    50%  {right: 20px;}
    75%  {right: 0px;}
}
/* make tables Flex */
.flexTable {
    display: flex;
    flex-direction: column;
}
.flexTable .tr {
    display: flex;
    padding-bottom: 15px;
}
.flexTable .td {
    display: flex;
    flex-wrap: wrap;
}
.work-table-title {
    width: 35%;
    font-weight: 700;
    vertical-align: top;
    text-transform: uppercase;
}
.work-table-content {
    width: 65%;
    padding: 0 35px;
}
.work-box .youtubeWrapper {
    margin: 10px auto;
}
.audioWrap {
    width: 100%;
    height: 30px;
}
.workImg {
    width: 100%;
    height: auto;
}
.dark-theme
{
    background-color: #000000;
    color: #FFFFFF;
}

.normal-theme
{
    background-color: #B8FFF7;
    color: #C53131;
}

.light-theme
{
    background-color: #FFFFFF;
    color: #000000;
}
#audio {
    width: 100%;
}
.work-work-wrap>img {
    width: 100% !important;
    max-width: 640px;
}


@media (max-width: 1200px) {
    .header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header .logo {
        order: 0;

    }
    .header .right_nav {
        order: 1;
    }
    .header .right_nav {
        order: 2;
    }
    .header .nav {
        order: 1;
    }
    .footer {
        width: 100%;
        max-width: 998px;
        display: flex;
        justify-content: space-between;
    }
    .copyright {
        order: 0;
    }
    .f_content {
        order: 1;
        width: 100%;
    }
    .made_in {
        order: 2;
    }
    .header .nav,
    .header .logo {
        margin: 0;
    }
    .right_nav {
        padding-top: 0;
    }
    body>.wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .min_width {
        margin: 0 40px;
        width: calc(100% - 80px);
        max-width: 998px;
    }
    .comitetWrap {
        display: flex;
        /*flex-wrap: wrap;*/
        width: 100%;
        justify-content: space-between;
    }
    .comitetWrap .f_clmn {
        margin: 0 10px;
        width: calc(25% - 20px);
        max-width: 150px;
    }
    .header .nav li {
        display: flex;
        justify-content: space-around;
    }
    .node {
        margin: 0;
    }
    .f_title {
        margin: 0 10px 10px;
    }
    .menu_items {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .winner_box clearfix {
        display: flex;
        flex-wrap: wrap;
    }
    .winner_box .video {

    }
    .winner_box .video_info {
        width: 30%;
    }

    /*.nav .node:last-child {*/
        /*margin-right: 30px;*/
    /*}*/

}
@media (max-width: 1023px) {
    html{
        font-size: 14px;
    }
    .mainBannerBig {
        display: none;
    }
    .amain_txt .main_title {
        position: absolute;
        top: 0;
        right: 0;
    }

    .mainBanner {
        display: block;
    }
    .conContent,
    .mainBanner,
    .amain_txt,
    .main_title,
    .awards_main p {
        width: 100%;
    }
    .awards_main .main_title {
        z-index: 10;
    }
    .mainBanner img {
        margin: 6.944444444444445vw 0 2.0833333333333335vw 0;
    }
    .awards_main .border_img.mainBanner {
        float: inherit;
        display: flex;
        justify-content: flex-end;
    }
    .awards_main .start {
        bottom: 30px;
    }
    .content {
        padding: 0;
    }
    .footer {
        border-top: 1px solid black;
        height: auto;
        padding: 21px 0 0;
        position: relative;
        left: 0;
        bottom: 0;
        z-index: 1;
        font-size: 12px;
        line-height: 15px;
        width: calc(100% - 20px);
        margin: 0 10px;
        flex-wrap: wrap;
    }
    .f_clmn {
        width: calc(25% - 20px);
    }
    .copyrightBig {
        display: none;
    }
    .copyrightSmall {
        display: block;
        width: 100%;
        margin: 0 auto 20px !important;
    }
    .made_in {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }
    .conContent {
        margin-bottom: 60px;
    }
    .tabs_content {
        margin: 0 0 40px 0;
    }
    .tabs li {
        padding: 0.9722222222222222vw 1.8055555555555556vw;
    }
    .pass_restore {
        margin-bottom: 30px;
    }
    #form-auth-login {
        margin-bottom: 50px;
    }
    .loginWrap {
        margin-left: 0;
    }
}
@media (max-width: 990px) {
    html{
        font-size: 12px;
    }
    .header {
        display: flex;
    }

    .menu_items .right_nav,
    .menu_items .nav {
        width: 100%;
    }
    .menu_items .nav {
        display: flex;
        flex-direction: column;
    }
    .nav li {
        margin: 0;
    }
    .menu_items .right_nav {
        display: flex;
        justify-content: center;
    }
    .join {
        top: 0px;
        padding: 5px 10px 0 10px;
    }
    .hamburger {
        display: block;
    }
    .menu_items {
        position: absolute;
        top: -100%;
        left: 0;
        width: 100%;
        background-color: #ffffff;
        z-index: 5;
        transition: top 0.5s ease;
        -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.75);
    }
    .menu_items.active {
        top: 101px;
    }
    .nav .active a,
    .nav .node a {
        width: 100%;
        text-align: center;
        padding: 10px;
    }
    .hamburger,
    .logo_awards {
        z-index: 6;
    }
    .right_nav .login {
        margin: 0 10px;
    }
    .right_nav > a {
        margin: 0 10px 10px;
    }
    .menuCover {
        z-index: 6;
    }
    .desktopSub_nav {
        display: none;
    }
    .content .container {
        position: static;
    }
    .years_filter,
    .winners_list,
    .mobilesSub_nav {
        display: block;
        width: 250px;
        position: absolute;
        top: 0;
        left: -280px;
        background-color: #ffffff;
        margin: 0;
        padding: 20px 0 !important;
        box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
    }
    .years_filter:after,
    .winners_list:after,
    .mobilesSub_nav:after {
        position: absolute;
        background: #e2001a;
        content: "меню";
        width: 140px;
        height: 30px;
        top: 55px;
        right: -85px;
        color: #fff;
        text-align: center;
        font-size: 18px;
        line-height: 26px;
        border-radius: 0 0 10px 10px;
        box-shadow: 0px 0px 4px rgba(0,0,0,0.5);
        transform: rotate(270deg);
        cursor: pointer;
    }
    .hidden_menu {
        transition: left 0.3s ease;
        z-index: 4;
    }
    .hidden_menu.showed {
        left: -30px;
    }
    .sidebar {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .wrapper>.content {
        display: flex;
        flex-direction: column;
    }
    .awards .container {
        width: 100%;
    }
    .contest_page .container .mobilesSub_nav {
        top: 100px;
        margin-left: 30px;
    }
    .contest_page .container .mobilesSub_nav li{
        padding: 5px 20px;
        background: none;
    }
    .container .mobilesSub_nav li{
        padding: 5px 20px;
        background: none;
    }
    .container>.date_box {
        display: none;
    }
    .accordion {
        margin-bottom: 50px;
    }
    .awards .sidebar {
        width: 100%;
    }
    .wrapper {
        overflow-x: hidden;
    }

    /* winners */
    .years_filter,
    .winners_list {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 0;
        transition: left 0.3s ease, right 0.3s ease;
        z-index: 4;
    }
    .winners_list {
        right: auto;
        left: -290px;
    }
    .years_filter {
        width: 75px;
        left: auto;
        right: -115px;
    }
    .years_filter:after{
        content: "Фільтр по роках";
        width: 220px;
        height: 30px;
        top: 95px;
        left: -125px;
        transform: rotate(90deg)
    }
    .winners_list:after{
        content: "Категорії";
        width: 140px;
        height: 30px;
        top: 55px;
        right: -85px;
        transform: rotate(270deg);
    }
    .years_filter.showed {
        left: auto;
        right: -40px;
    }
    .winners_list.showed {
        left: -40px;
        right: auto;
    }
    .winners_list.showed.stickyFixed {
        left: -30px;
        right: auto;
    }
    .winners_list.stickyFixed {
        left: -280px;
        right: auto;
    }
    .winners_list.stickyAbsolute {
        left: -320px;
        right: auto;
    }
    .winners_list.clearfix.stickyAbsolute.showed {
        left: -70px;
        right: auto;
    }
    .years_filter.showed.stickyFixed {
        left: auto;
        right: 0px;
    }
    .years_filter.stickyFixed {
        left: auto;
        right: -75px;
    }
    .winners_page .container {
        overflow-x: hidden;
    }
    .winners_page {
        position: relative;
    }
    .winners_list li {
        padding: 0;
        margin: 0;
    }
    .winners_list li span,
    .winners_list li a {
        padding: 10px;
        display: block;
        text-align: left;
    }
    .years_filter span,
    .years_filter a {
        margin: 0;
        padding: 10px;
    }
    .awards.awards_page .hidden_menu {
        /*margin-top: 150px;*/
    }
    .in_col.lft {
        margin: 0;
    }
    .in_col {
        display: flex;
        flex-direction: column;
        margin: 0 10px;
        width: calc(50% - 20px);
    }
    .in_col label {
        margin-bottom: auto;
    }
    .in_col select {
        width: 100%;
        max-width: auto;
    }
    .in_line {
        margin: 0 -10px 15px;
        width: 100%;
        display: flex;
    }
    .sq_persone,
    .global {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    table {
        width: 100%;
        min-width: 600px;
        overflow-x: auto;
    }
    .sendme {
        margin-top: 40px;
        margin-bottom: 40px;    
    }

    .login.opened {
        border: none;
    }
    .popup_login {
        position: fixed;
        top: calc(50% - 75px);
        left: calc(50% - 126px);
    }
    .closeModal {
        content: "";
        background: url(../img/close.svg) no-repeat;
        position: absolute;
        top: -40px;
        right: 0px;
        width: 30px;
        height: 30px;
        margin: 5px;
        z-index: 999;
    }
    .popup_shadow {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000000;
        opacity: 0.4;
    }
    .login.opened .popup_shadow{
        display: block;
    }
    .loginWrap {
        justify-content: center;
    }
    .menuCoverShadow:before {
        content:'';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100px;
        background-color: #000000;
        opacity: 0.4;
        z-index: 7;
    }
    .in_col select {
        text-overflow: ellipsis;
        width: 100%;
        max-width: 100%;
    }


}
@media (max-width: 768px) {
    .comitetWrap .f_clmn {
        width: calc(50% - 20px);
    }
    html{
        font-size: 10px;
    }
    .winner_box {
        display: flex;
        flex-direction: column;
    }
    .winner_box .video,
    .winner_box .video_info {
        width: 100%;
    }
    .winner_box .video {
        order: 1;
    }
    .winner_box .video_info {
        order: 0;
    }
    .takepart_form .field {
        width: calc(100% - 20px);
        margin: 0 10px;
        float: none;
        display: flex;
        flex-direction: column;
    }
    .in_col {
        display: flex;
        flex-direction: column;
        margin: 0 10px 10px;
        width: calc(100% - 20px);
    }
    .tabform {
        margin-bottom: 40px;
    }
    .text_ar {
        width: 100%;
    }
    .filename {
        width: 70%;
    }
    .sq_persone,
    .global {
        padding: 0 10px;
    }
    .file_input {
        padding: 0 20px;
        margin-bottom: 20px;
    }
    .long_text {
        padding: 0 20px 25px;
    }
    
    .in_col:first-child {
        margin-top: 20px;
    }
    .global .in_line:first-child .in_col:first-child {
        margin-top: 10px;
    }
    .filename {
        width: 100%;
    }
    .user_message.bad {
        left: 0 !important;
        bottom: 10px;
    }
    .center_form {
        width: 100%;
    }
    .f_content {
        margin: 0 20px;
        width: calc(100% - 40px);
    }
    .menu_items .nav li.active {
        padding: 10px;
    }
    .proform {
        display: block;
        padding: 10px 0 30px 0;
    }
    .form_text .conContent {
        margin-bottom: 0px;
    }
    .sq_persone .btn {
        padding: 15px 0px;
    }
    .proform {
        width: 100%;
    }
    .loginWrap .b-form {
        margin: 20px;
        width: calc(100% - 40px);
    }
    .loginWrap .b-form input{
        width: 100%;
    }
    .addquestion.error .height1{
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .lineAndBtn {
        display: flex;
        flex-direction: column;
    }
    .flexTable .tr {
        flex-wrap: wrap;
    }
    .work-table-title,
    .work-table-content {
        width: 100%;
    }

}
@media (max-width: 720px) {
    .comitetWrap .f_clmn {
        max-width: 100%;
    }
    .f_clmn>.conContent {
        margin-bottom: 0px;
    }
    .comitetWrap {
        flex-wrap: wrap;
        justify-content: center;
        width: 80%;
        margin: 0 auto;
    }
}
@media (max-width: 530px) {
    .mainBanner img {
        margin: 6.944444444444445vw -3.4722222222222223vw 2.0833333333333335vw 0;
    }
    .tabline li{
        width: 50% !important;
    }
    .tabform ul {
        display: flex;
    }
    .tabline li a {
        box-sizing: border-box;
        height: 100%;
        border-bottom: 1px solid;
    }

}
@media (max-width: 450px) {
    .mainBanner img {
        margin: 6.944444444444445vw -90px 2.0833333333333335vw 0;
    }
    .logo_awards a img {
        width: 90%;
    }
    .tabs li {
        font-size: 1.5rem;
    }
}
@media (max-width: 400px) {
    html{
        font-size: 8px;
    }
    .comitetWrap .f_clmn {
        width: calc(100% - 20px);
    }
    .comitetWrap .f_clmn {
        width: 200px;
        margin: 0 auto;
    }
}
@media (max-width: 350px) {
    .mainBanner img {
        margin: 5.944444vw -100px 2.0833333333333335vw 0;
        width: 410px;
        height: 300px;
    }

    .form_application.btn_input {
        margin-left: 0px;
        margin: 20px !important;
    }
    .long_text {
        display: flex;
        flex-direction: column;
    }
    .long_text .text_length {
        display: flex;
        order: 1;
    }
    .long_text label {
        display: inline-block;
        order: 0;
    }
    .long_text .textarea_block {
        order: 2;
    }
    .relvideo_logo {
        position: absolute;
        right: 0px;
        bottom: 2px;
        width: 125px;
    }
}




.modal-alert {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-alert-holder {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.4);
}

.modal-alert-body {
    position: relative;
    z-index: 6;
    display: flex;
}


.modal-alert-body img {
    width: 45vw;
    max-height: 90vh;
    object-fit: contain;
}

.close-alert {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    transform: translate(50%, -50%);
}

.close-alert:hover svg {
    fill: darkred;
}

@media (max-width: 800px) {
    .modal-alert-body img {
        width: 75vw;
    }
    .close-alert {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 600px) {
    .modal-alert-body img {
        width: calc(100% - 40px);
        margin: auto;
    }
    .close-alert {
        right: 20px;
    }
}