@import url(http://fonts.googleapis.com/css?family=Roboto:500,100,300,700,300italic,400&subset=latin,cyrillic); html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, sub, sup, ol, ul, li, form, label, input, select, button, textarea, table, tbody, tfoot, thead, tr, th, td, a { margin: 0; padding: 0;} body { min-width: 1000px; font: 300 18px/28px 'Roboto', sans-serif; color: #363e40; background: url("../images/all_bg.jpg") repeat;} img { border: none;} a { cursor: pointer; text-decoration: underline;} a:hover { text-decoration: none;} p { margin-bottom: 15px;} h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; color: #0e0708; line-height: normal;} h1 { font-size: 56px;} h2 { font-size: 46px;} h3 { font-size: 38px;} h4 { font-size: 30px;} h5 { font-size: 22px;} h6 { font-size: 16px;} input[type='submit'], input[type='button'] { cursor: pointer;} ol, ul { margin-bottom: 25px;} .head_bar:after, .head_container:after, .time_wr:after, .countdown_wr:after, .participate_contaener:after { content: ''; display: table; clear: both;} .header { padding-bottom: 56px; background: url("../images/bg_1.jpg") 50% 50% no-repeat; background-size: cover;} .head_bar_wr { background: rgba(255, 255, 255, 0.7); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);} .head_bar { width: 1000px; margin: 0 auto; padding: 13px 0;} .event_cont { padding: 2px 144px 0 10px; float: right; position: relative; text-align: right;} .event_date { font-size: 26px; font-weight: 400; line-height: 30px; color: #007096;} .event_name { font-size: 20px; font-weight: 500; color: #d00007; line-height: 26px;} .year { font: 300 60px/62px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #d00007; position: absolute; top: 0; right: 0;} .head_bar h1 { margin: 0; font-size: 21px; font-weight: 500; line-height: 30px; overflow: hidden; text-transform: uppercase;} .head_container { width: 1000px; margin: 0 auto;} .column_1 { width: 424px; float: left;} .logo { width: 409px; margin-bottom: 32px; padding-top: 23px;} .logo a { display: block; padding: 84px 0 0 24px; background: url("../images/logo.png") no-repeat; font-size: 17px; font-weight: 100; color: #000000; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #dadada;} .rubric { font-size: 24px; font-weight: 400; line-height: 30px; color: #000; text-shadow: 0 1px #dadada;} .rubric h3 { margin-bottom: 11px; font-size: 60px; font-weight: 400; color: #000; text-shadow: 0 1px #dadada;} .column_2 { width: 420px; float: right;} .countdown_wr { padding: 42px 0 23px;} .countdown_title { width: 90px; padding-top: 13px; float: left; font-weight: 500; color: #000; line-height: 20px; text-shadow: 0 1px #dadada;} .countdown { width: 317px; float: right; overflow: hidden;} .countdown ul { width: 105%; margin: 0;} .countdown li { width: 72px; margin-right: 9px; float: left; font-size: 14px; color: #0f0f0f; line-height: 18px; list-style: none; text-align: center; text-shadow: 0 1px 0 #dadada;} .time_item { display: block; width: 72px; height: 64px; margin-bottom: 3px; background: url("../images/count.png") no-repeat; font: 400 53px/62px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #ffffff; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); text-shadow: none;} .time_item:before { content: ''; display: block; width: 67px; height: 2px; background: url("../images/line-1.png") no-repeat; position: absolute; top: 31px; left: 3px;} .time_item:after { content: ''; display: block; width: 73px; height: 15px; background: url("../images/binder.png") no-repeat; position: absolute; top: 24px; left: 0;} .form_container { padding: 24px 40px 39px; background: rgba(4, 43, 56, 0.7); position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .form_container h3 { margin-bottom: 12px; font-size: 28px; font-weight: 500; color: #ffffff; line-height: 30px; text-align: center;} .form_line { margin-bottom: 14px; text-shadow: 0 1px #415358;} .form_line input { width: 100%; height: 40px; padding: 0 12px; background: #ffffff; border: 2px solid #ffffff; box-sizing: border-box; font: 18px/36px 'Roboto', sans-serif; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .form_line input.error { border-color: #ed1c24;} .form_btn { padding-top: 9px;} .btn { display: block; height: 44px; background: url("../images/button.png") repeat-x; font-weight: bold; color: #ffffff; line-height: 44px; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #007995; text-transform: uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 1px #3f606d; -moz-box-shadow: 0 1px 1px #3f606d; box-shadow: 0 1px 1px #3f606d;} .form_message { font-size: 20px; font-weight: 400; color: #ffffff; position: absolute; right: 40px; left: 40px; bottom: 7px; text-align: center;} .partners_wr { background: url("../images/bg_2.jpg") repeat; box-shadow: inset 0 2px 5px rgba(10, 15, 10, 0.6); position: relative;} .partners_wr:before { content: ''; display: block; width: 1068px; height: 449px; background: url("../images/glow.png") no-repeat; position: absolute; top: -12px; left: 50%; margin-left: -534px; z-index: 10;} .partners { width: 1000px; margin: 0 auto; padding: 46px 0 82px; position: relative; z-index: 20;} .partners h2 { margin-bottom: 44px; color: #ffffff; text-align: center; text-transform: uppercase; text-shadow: 0 1px #023140;} .partners_slider { padding: 0 30px; position: relative;} .partners_list { width: 856px; margin: 0 auto; overflow: hidden;} .partners_list ul { margin: 0;} .partners_list li { width: 842px; margin: 0 7px; float: left; list-style: none;} .partners_list li span { display: block; width: 200px; height: 120px; margin: 0 7px 14px; background: #ffffff; float: left; line-height: 120px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .partners_list li span img { display: inline-block; max-width: 190px; max-height: 110px; vertical-align: middle;} .next a, .prev a { display: block; width: 21px; height: 45px; background: url("../images/sprite.png") no-repeat; position: absolute; top: 104px; outline: none;} .next a { right: 0; background-position: -23px 0;} .prev a { left: 0; background-position: 0 0;} .bx-wrapper .bx-viewport { background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} .what_wr { padding: 45px 0 59px; background: url("../images/bg_3.jpg") repeat; position: relative;} .what_wr:before { content: ''; display: block; width: 30px; height: 12px; background: url("../images/sprite.png") -46px 0 no-repeat; position: absolute; top: -12px; left: 50%; margin-left: -15px;} .what { width: 1000px; margin: 0 auto;} .what h2 { margin-bottom: 28px; color: #007096; text-align: center; text-transform: uppercase; text-shadow: 0 1px #ffffff;} .what_list { width: 100%; margin-bottom: 30px; padding-bottom: 26px; border-bottom: 1px solid #ffffff; overflow: hidden; position: relative;} .what_list:after { content: ''; display: block; width: 100%; height: 1px; background: #c9ced0; position: absolute; bottom: 0;} .what_list ul { width: 105%; margin: 0;} .what_list li { width: 490px; height: 180px; margin: 0 19px 20px 0; background: #ffffff; float: left; list-style: none; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);} .what_img { width: 200px; margin-right: 26px; float: left; position: relative;} .what_img:after { content: ''; display: block; width: 11px; height: 28px; background: url("../images/sprite.png") -77px 0 no-repeat; position: absolute; top: 27px; right: -4px;} .what_img img { width: 200px; height: 180px; float: left;} .what_tx { padding: 21px 22px; line-height: 26px; text-shadow: 0 1px #f3f3f3;} .what_tx span { color: #b40000;} .description { padding: 0 20px; position: relative; text-shadow: 0 1px #ffffff;} .description:before { content: '*'; font-size: 20px; font-weight: bold; color: #b40000; position: absolute; top: 2px; left: 0;} .comment_wr { padding: 132px 0 138px; background: url("../images/comment.jpg") 50% 0 no-repeat; position: relative; -webkit-box-shadow: inset 0 2px 5px rgba(10, 15, 10, 0.2); -moz-box-shadow: inset 0 2px 5px rgba(10, 15, 10, 0.2); box-shadow: inset 0 2px 5px rgba(10, 15, 10, 0.2);} .comment_wr:before { content: ''; display: block; width: 30px; height: 17px; background: url("../images/sprite.png") -46px -14px no-repeat; position: absolute; top: -12px; left: 50%; margin-left: -15px;} .comment_slider { width: 940px; margin: 0 auto; padding: 0 30px; position: relative;} .comment_list { width: 843px; margin: 0 auto; overflow: hidden;} .comment_list ul { margin: 0;} .comment_list li { width: 842px; height: 190px; float: left; list-style: none; text-align: center; text-shadow: 0 1px #f3f3f3;} .comment_list li p { margin-bottom: 28px; font-size: 26px; font-style: italic; line-height: 34px; color: #414141;} .quote { color: #007ca6;} .auth { font-size: 16px; line-height: 20px; color: #007ca6; text-shadow: 0 1px #f3f3f3;} .c_next a, .c_prev a { display: block; width: 21px; height: 45px; background: url("../images/sprite.png") no-repeat; position: absolute; top: 53px; outline: none;} .c_next a { right: 0; background-position: -113px 0;} .c_prev a { left: 0; background-position: -90px 0;} .partition_wr { background: url("../images/bg_4.jpg") 50% 0 repeat; position: relative; -webkit-box-shadow: inset 0 2px 5px #560007; -moz-box-shadow: inset 0 2px 5px #560007; box-shadow: inset 0 2px 5px #560007;} .partition { width: 1000px; margin: 0 auto; padding: 46px 0 56px; background: url("../images/partition_glow.jpg") no-repeat; position: relative;} .partition:before { content: ''; display: block; width: 30px; height: 19px; background: url("../images/sprite.png") -136px 0 no-repeat; position: absolute; top: -12px; left: 50%; margin-left: -15px;} .partition h2 { margin-bottom: 37px; color: #ffffff; text-align: center; text-transform: uppercase; text-shadow: 0 1px #540000;} .partition_list { width: 100%; background: url("../images/bg_5.png") 50% 0 no-repeat; overflow: hidden; text-align: center;} .partition_list ul { width: 1040px; margin: 0; font-size: 0;} .partition_list li { display: inline-block; vertical-align: top; width: 222px; margin: 0 38px 34px 0;} .partition_img { height: 146px; margin-bottom: 6px; line-height: 146px;} .partition_img img { max-width: 92px; max-height: 82px; vertical-align: middle;} .partition_name { font-size: 18px; color: #ffffff; text-shadow: 0 1px #71000a;} .participate_wr { background: url("../images/bg_6.png") 50% 0 no-repeat; position: relative; -webkit-box-shadow: inset 0 2px 5px rgba(58, 0, 0, 0.2); -moz-box-shadow: inset 0 2px 5px rgba(58, 0, 0, 0.2); box-shadow: inset 0 2px 5px rgba(58, 0, 0, 0.2);} .participate_wr:before { content: ''; display: block; width: 30px; height: 19px; background: url("../images/sprite.png") -136px -21px no-repeat; position: absolute; top: -12px; left: 50%; margin-left: -15px;} .participate { width: 1000px; margin: 0 auto; padding: 35px 0 18px; background: url("../images/bg_7.png") 50% 100% no-repeat;} .participate h2 { margin-bottom: 30px; text-align: center; color: #b40006; text-shadow: 0 1px #fff; text-transform: uppercase;} .participate_contaener .column_2 { margin-left: 40px; padding-top: 8px;} .participate_tx { overflow: hidden;} .avail { margin-bottom: 16px;} .avail h3, .contacts h3 { margin-bottom: 14px; font-size: 28px; font-weight: 500; color: #000; text-shadow: 0 1px #e9e9e9;} .avail_list ul { margin: 0;} .avail_list li { padding: 0 0 18px 28px; list-style: none; color: #363e40; line-height: 22px; position: relative; text-shadow: 0 1px #f3f3f3;} .avail_list li:before { content: ''; display: block; width: 6px; height: 6px; background: url("../images/sprite.png") -46px -33px no-repeat; position: absolute; top: 9px; left: 0;} .contacts { margin-bottom: 10px; font-weight: 400; color: #393939; line-height: 22px;} .contacts a { color: #b40000; text-decoration: none;} .tel, .mail, .website { padding: 0 0 18px 30px; position: relative;} .tel:before, .mail:before, .website:before { content: ''; display: block; background: url("../images/sprite.png") no-repeat; position: absolute;} .tel:before { width: 13px; height: 18px; top: 4px; left: 0; background-position: -168px 0;} .mail:before { width: 16px; height: 11px; top: 8px; left: 0; background-position: -183px 0;} .website:before { width: 15px; height: 15px; top: 5px; left: 2px; background-position: -168px -21px;} .info_wr { padding-top: 2px; background: url("../images/bg_8.png") 50% 0 no-repeat;} .info { width: 1000px; margin: 0 auto;} .info ul { margin: 0;} .info li { padding: 23px 0 28px; list-style: none; border-bottom: 1px solid #bebebe; -webkit-box-shadow: 0 1px 0 #e9e9e9; -moz-box-shadow: 0 1px 0 #e9e9e9; box-shadow: 0 1px 0 #e9e9e9;} .info li span { display: inline-block; vertical-align: middle; margin-right: 28px; font-size: 22px; font-weight: bold; color: #000; text-shadow: 0 1px #e9e9e9;} .info li img { margin-right: 26px; vertical-align: middle;} .footer { width: 1000px; padding: 41px 0 91px; margin: 0 auto; font-size: 14px; text-shadow: 0 1px #f3f3f3;}