*{margin: 0;padding: 0;}
@font-face {
  font-family: 'KF2';
  src: url('../fonts/KF2.eot?#iefix') format('embedded-opentype'),
       url('../fonts/KF2.woff') format('woff'),
       url('../fonts/KF2.ttf')  format('truetype'),
       url('../fonts/KF2.svg#KF2') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{background-color:#f8f7ea;font-family: 'Marck Script', cursive;}
html,body{height:100%;}
.wrapper{min-height:100%;width: 1154px;margin:0 auto;}
header{padding: 7px 20px;}
.pre-footer, footer{height: 75px;}
footer{margin-top: -75px;line-height: 75px;font-family: sans,sans-serif;font-size: 13px;overflow: hidden;}

p{color:#826474;font-style:italic;font-size: 27px;text-align: center;line-height: 30px;}

#video-preloader{position: fixed;width:100%;height:100%;background-color:#000;z-index: 99;display: none;}
#video-preloader .close{cursor: pointer;float:right;background:url(../img/close_button.png)no-repeat top left;height:32px;width: 30px;margin:10px 10px 0 0;}

header h1{text-align: center; height:263px;position: relative;}
header h1 .clouds{position:absolute;}
header h1 .clouds.left{height:118px;width:454px;background: url(../img/clouds_1.png) no-repeat top left;bottom:0;left:0;}
header h1 .clouds.right{height:159px;width:405px;background: url(../img/clouds_2.png) no-repeat top left;bottom:10px;right: 0;}
header h1 #Stage{margin-top:-200px;}
.menu-wrapper{background: url('../img/menu_background.png')no-repeat bottom center; position: relative;height:299px;margin-top: 100px;}
.menu-wrapper .menu-item{float:left;font-size: 23px; font-style: italic; text-decoration: none;font-weight: normal;text-align: center;margin-left:-5px;}
.menu-wrapper .menu-item:first-of-type{margin-left:83px;}
.menu-wrapper .menu-item a{color:#54321f;text-decoration: none;display: block;border-bottom: 1px dashed;line-height: 27px;}
.menu-wrapper .menu-item a:hover{border-bottom: 1px solid transparent;}
.menu-wrapper .menu-item .repeat-movie{cursor: pointer;background: url(../img/repeat_movie_icon.png)no-repeat top center;padding-top: 113px;margin-top: -30px;}
.menu-wrapper .menu-item .download-link{font-size: 36px;line-height: 36px;background: url(../img/download_icon.png)no-repeat top center;padding-top: 185px;margin-left: 147px;margin-top: -96px;}
.menu-wrapper .menu-item .shop-link{border-bottom:none;background: url(../img/shop_icon.png)no-repeat top center;padding-top: 209px;margin-left: 46px;margin-top: -125px;width: 303px;display: block;}
.menu-wrapper .menu-item .shop-link span{border-bottom: 1px dashed;}
.menu-wrapper .menu-item .shop-link:hover span{border-bottom: 1px dashed transparent;}

.idea{margin-top: 10px;margin-bottom: 60px;}
.idea h2{font-size:46px;background:url(../img/block_header_decoration.png)no-repeat bottom center;font-weight: normal;text-align: center;color: #826474;margin-bottom: 10px;}
.idea .end-icon{float:right;height:24px;width:114px;background: url('../img/idea_end_icon.png') no-repeat left center;margin-top: -22px;margin-right: 234px;}


.example{background:url(../img/example_background.png)no-repeat bottom center;padding-bottom: 320px;margin-bottom: 25px;}
.example h2{color: #54321f;font-family: 'KF2';font-weight: normal;background:url(../img/example_header_background.png) no-repeat center top;font-size: 37px;font-weight: bold;padding: 34px 97px 57px;text-align: center;margin-bottom: 20px;}
.example p{margin-bottom: 20px;}
.example .fps-wrapper{width: 821px;background-color:#e7dcc6 ;padding: 19px;margin: 0 auto;box-shadow: 0 4px 5px #8f8e87;}

.creators{overflow: hidden;margin-bottom: 30px;}
.creators h2{color: #54321f;background: url(../img/creators_header_background.png)no-repeat top center;padding: 34px 97px 62px; text-align: center;font-size: 37px;font-weight: bold;margin-bottom: 20px;font-family: 'KF2'}
.creators ul{list-style: none;}
.creators ul li{padding-top: 104px;float:left;margin-right:15px;}
.creators ul li:last-child{margin-right:0;}
.creators ul li.jk{background: url(../img/creators_icon_jk.png)no-repeat top center;width:163px;}
.creators ul li.as{background: url(../img/creators_icon_as.png)no-repeat top center;width:217px;}
.creators ul li.vp{background: url(../img/creators_icon_v.png)no-repeat top center; width:166px;}
.creators ul li.pm{background: url(../img/creators_icon_pm.png)no-repeat top center; width: 174px;}
.creators ul li.tz{background: url(../img/creators_icon_tz.png)no-repeat top center; width:195px;}
.creators ul li.um{background: url(../img/personazh.png)no-repeat top center; width:164px;}
.creators ul li.jk .item-wrapper{transform:rotate(2.20deg);}
.creators ul li.as .item-wrapper{transform:rotate(-4.44deg);}
.creators ul li.v .item-wrapper{transform:rotate(3.79deg);}
.creators ul li.pm .item-wrapper{transform:rotate(7.28deg);}
.creators ul li.tz .item-wrapper{transform:rotate(-6.89deg);}
.creators .item-wrapper{margin-top: 10px;}
.creators .item-wrapper .image-wrapper{position: relative;height:178px;width:153px;margin:0 auto;}
.creators .item-wrapper .description{color:#54321f;text-align: center;margin-top: 10px;}
.creators .item-wrapper .description span{display: block;}
.creators .item-wrapper .description .creator-name{font-size:21px;font-weight: bold;}
.creators .item-wrapper .description .creator-position{font-size:16px;line-height: 23px;}
/*.creators .item-wrapper .description .creator-position:before{content: '\201c';}
.creators .item-wrapper .description .creator-position:after{content: '\201d';}*/

.subscription{overflow: hidden;margin-bottom: 70px;}
.subscription h2{color: #54321f;font-family: 'KF2';font-weight: normal;background:url(../img/subscription_form_header.png) no-repeat center top;font-size: 37px;font-weight: bold;padding: 34px 97px 57px;text-align: center;margin-bottom: 20px;}
.subscription .form-element-wrapper{overflow: hidden;width: 772px;margin: 40px auto 0;}
.subscription .form-item{float: left;}
.subscription .form-item label{display: block;text-align: center;margin-bottom: 10px;font-size: 37px;color:#54321f;}
.subscription .form-item input{font-size:30px;color:#54321f;font-family:'Marck Script', cursive;}
.subscription .form-item #pName{background: url(../img/subscription_form_element_name.png)no-repeat top left;height: 49px;padding: 4px 10px;border: none;width:253px;}
.subscription .form-item #pEmail{background: url(../img/subscription_form_element_mail.png)no-repeat top left;height: 49px;padding: 4px 10px;border: none;width:253px;}
.subscription .form-item.seporator{background: url(../img/subscription_form_element_seporator.png)no-repeat 75px 64px;height:116px;padding: 0 109px;}
.subscription .btnwrp{text-align: center;margin-top: 40px;}
.subscription .btnwrp input{background: none;border:none;color:#8b777a;font-family:'Marck Script', cursive;font-size: 50px;line-height:40px;border-bottom:1px dashed;padding: 7px 20px 11px;cursor: pointer;}
.subscription .btnwrp input:hover{border-bottom:1px dashed transparent;}

footer .inner-wrapper{width:1004px;margin:0 auto;overflow: hidden;}
footer .copy{float:left;color:#54321f;}
footer .copy a{color:#54321f;}
footer .copy a:hover{text-decoration: none;}
footer .creators-label{float:right;}
footer .creators-label a{display: inline-block;}
footer .creators-label a:last-child{float:right;margin:17px 0 0 20px;}
footer .creators-label .kupala-museum{background: url(../img/kupala_museum_logo.png)no-repeat top left;height:45px;width: 100px;margin-top: 10px;}
footer .creators-label .kupala-museum:hover{background: url(../img/kupala_museum_logo_hover.png)no-repeat top left;}

footer .creators-label .paulik{background: url(../img/paulik_logo.png)no-repeat top left;height:31px;width: 90px;}
footer .creators-label .paulik:hover{background: url(../img/paulik_logo_hover.png)no-repeat top left;}

footer .creators-label .tibo{background: url(../img/tibo_logo.png)no-repeat top left;height:63px;width: 98px;margin-right: 10px;}
footer .creators-label .tibo:hover{background: url(../img/tibo_logo_hover.png)no-repeat top left;}

.spbt{display: none;}
.support{margin-left: 420px;}
.support a{color: #54321f;}
.support a:hover{text-decoration: none;}

.overlay{display:none;background-color:rgba(120,105,96,0.9);position: fixed;height:100%;width: 100%;top:0;left:0;}
.helpdesk-form{display:none;height:422px;position: fixed;top:50%;left:50%;width:486px;margin-left: -243px;margin-top: -211px;background-color:#f8f7ea;border-radius:5px;padding:20px;}
.helpdesk-form .close-popup-button-wrapper{text-align: right;margin-bottom: 20px;}
.helpdesk-form .close-popup-button-wrapper a{color:#8b777a;text-decoration: none;border-bottom:1px dashed;}
.helpdesk-form .close-popup-button-wrapper a:hover{text-decoration: none;border-bottom: 1px dashed transparent}
.helpdesk-form .form-item{margin-bottom: 20px;}
.helpdesk-form .form-item input,.helpdesk-form .form-item textarea{padding: 5px 10px;width:454px;font-size:30px;color:#54321f;font-family:'Marck Script', cursive;background:transparent;border:none;}
.helpdesk-form .form-item textarea{height:100px;}
.helpdesk-form .form-item .form-input-top-border{background:url('../img/form-element-top-border.png')no-repeat top left;padding-top: 5px;padding-left: 5px;}
.helpdesk-form .form-item .form-input-top-border .form-input-bottom-border{background:url('../img/form-element-bottom-border.png')no-repeat bottom right;padding-right: 7px;padding-bottom: 5px;}
.helpdesk-form textarea{resize:none;}
.helpdesk-form .btnwrp{text-align: center;margin-top: 40px;}
.helpdesk-form .btnwrp input{background: none;border:none;color:#8b777a;font-family:'Marck Script', cursive;font-size: 50px;line-height:40px;border-bottom:1px dashed;padding: 7px 20px 11px;cursor: pointer;}
.helpdesk-form .btnwrp input:hover{border-bottom:1px dashed transparent;}