@import url("style01.css");
@import url("style02.css");
@import url("style03.css");
@import url("style04.css");
@import url("style05.css");
@import url("style06.css");
@import url("style07.css");
@import url("style08.css");
@import url("style09.css");
@import url("style10.css");
@import url("style11.css");
@import url("style12.css");
@import url("style13.css");
@import url("style14.css");
@import url("style15.css");
@import url("style16.css");
@import url("style17.css");
@import url("style18.css");
@import url("style19.css");
@import url("style20.css");
@import url("style21.css");
@import url("style22.css");
@import url("style23.css");
@import url("style24.css");
@import url("style25.css");
@import url("style26.css");
@import url("styleUP.css");
.container{width:769px;height:526px;top:50%;position:absolute;left:50%;margin-top: -263px;margin-left: -384px;background: white;}
.container div{position:absolute;}
.gallery{position:relative;-webkit-perspective: 1000px;background:url('/img/loader.gif') 50% 50% no-repeat;perspective: 1000px;width:769px;height:526px;left:50%;top:50%;margin-left:-384px;margin-top:-263px;transform:scale(0.7)}
.frame{width:100%;height:100%;background: url('/img/frame.png') 50% 50% no-repeat;background-size: cover;z-index: 21;}
.animation{width:100%;height:100%;z-index: 1; overflow: hidden;}
.solut{width:350px;height:269px;left:50%;margin-left:-175px;top:-20px;}
.solut div{width:100%;height:100%;}
.solut1{background: url('/img/solut_1.png') 0 0 no-repeat;animation: solut1 2s linear infinite;background-size:cover;}
.solut2{background: url('/img/solut_2.png') 0 0 no-repeat;animation: solut2 2s linear infinite;background-size:cover;}
.solut3{background: url('/img/solut_3.png') 0 0 no-repeat;animation: solut3 2s linear infinite;background-size:cover;}
.arrowg{display:block;height:75px;width:35px;cursor:pointer;position:absolute;z-index: 900;top:220px;}
.lessg{background:url('../img/arrows.png') 0 0 no-repeat;margin-left:-150px;}
.moreg{background:url('../img/arrows.png') -55px 0 no-repeat;left:769px;margin-left:115px;}
.lessg:hover{background:url('../img/arrows.png') 0 -82px no-repeat;}
.moreg:hover{background:url('../img/arrows.png') -55px -82px no-repeat;}
.svecha{width:39px;height:130px;right:80px;bottom:150px;z-index: 2}
.svecha div{width:100%;height:100%;}
.candle{width:79px;height:184px;right:60px;bottom:50px;background: url('/img/candle.png') 0 0 no-repeat;background-size:cover;z-index: 1}
.light1{background: url('/img/fire01.png') 0 0 no-repeat;animation: light1 1s linear infinite;background-size:cover;}
.light2{background: url('/img/fire02.png') 0 0 no-repeat;animation: light2 1s linear infinite;background-size:cover;}
.light3{background: url('/img/fire03.png') 0 0 no-repeat;animation: light3 1s linear infinite;background-size:cover;}
.light4{background: url('/img/fire04.png') 0 0 no-repeat;animation: light4 1s linear infinite;background-size:cover;}
.light5{background: url('/img/fire05.png') 0 0 no-repeat;animation: light5 1s linear infinite;background-size:cover;}
.gvozd{background: url('/img/gvozd.png') 0 0 no-repeat;    width: 300px; height: 155px; top: 320px;left: 60px;z-index: 10;background-size: cover}
.gvozd2{background: url('/img/gvozd2.png') 0 0 no-repeat;    width: 300px; height: 155px; top: 320px;left: 60px;z-index: 10;background-size: cover}
.container .player{z-index:6;bottom:0;margin-bottom:-120px;transform:scale(1.5);left:50%;margin-left:-260px;width:520px;line-height:13px;font-size:12px;font-weight: bold;display: none;}
.player b{font-size: 18px;    line-height: 55px;text-transform: uppercase}
.player{width:520px;left:50%;margin-left:-260px;position: absolute;bottom:82px;font-size:11px;font-weight: bold;display: none;}
.sticker{background: url('/img/sticker.png') 0 0 no-repeat;width:79px;height:80px;top:61px;right:55px;z-index: 10}


.info{
    display: table-cell;
    vertical-align: middle;
    height:526px;
    width:769px;
    padding: 0 60px;
    font-size: 19px;
    position: relative !important;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.95);
    z-index: 20;
    opacity: 0;

}
.player .hearbut{float:right;margin:5px;width:150px !important;margin-right:-10px;margin-bottom:10px;}
.messages .hearbut{margin:auto;clear:both;display:block;}
.helpbut{float:left;margin:5px;width:150px !important;margin-left:-10px;margin-bottom:10px;}
.player p{clear:both;font-size:11px;}
.gallery{-webkit-text-size-adjust: 100%;}
@keyframes solut1 {
    0% {opacity:1;}
    25%{opacity:0;}
    50%{opacity:0;}
    75%{opacity:0;}
    100%{opacity:1;}
}
@keyframes solut2 {
    0% {opacity:0;}
    25%{opacity:1;}
    50%{opacity:0;}
    75%{opacity:1;}
    100%{opacity:0;}
}
@keyframes solut3 {
    0% {opacity:0;}
    25%{opacity:0;}
    50%{opacity:1;}
    75%{opacity:0;}
    100%{opacity:0;}
}
@keyframes light1 {
    0% {opacity:0;}
    10% {opacity:0;}
    20% {opacity:0;}
    30% {opacity:0;}
    40% {opacity:1;}
    50% {opacity:0;}
    60% {opacity:0;}
    80% {opacity:0;}
    100% {opacity:0;}
}
@keyframes light2 {
    0% {opacity:0;}
    10% {opacity:0;}
    20% {opacity:0;}
    30% {opacity:1;}
    40% {opacity:0;}
    50% {opacity:1;}
    60% {opacity:0;}
    80% {opacity:0;}
    100% {opacity:0;}
}
@keyframes light3 {
    0% {opacity:0;}
    10% {opacity:0;}
    20% {opacity:1;}
    30% {opacity:0;}
    40% {opacity:0;}
    50% {opacity:0;}
    60% {opacity:1;}
    80% {opacity:0;}
    100% {opacity:0;}
}
@keyframes light4 {
    0% {opacity:0;}
    10% {opacity:1;}
    20% {opacity:0;}
    30% {opacity:0;}
    40% {opacity:0;}
    50% {opacity:0;}
    60% {opacity:0;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes light5 {
    0% {opacity:1;}
    10% {opacity:0;}
    20% {opacity:0;}
    30% {opacity:0;}
    40% {opacity:0;}
    50% {opacity:0;}
    60% {opacity:0;}
    80% {opacity:0;}
    100% {opacity:1;}
}