/* christmas 2014*/

.christmas .header_bg{
    overflow: hidden;
}

.christmas .header_bg-snow{
    background: url("../img_old/CHRISTMAS/head__snow.png") center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}

.christmas .header{
    position: static;
    overflow: visible;
}
.christmas .logo{
    position: relative;
    z-index: 4;
}
.christmas .logo:before{
    content: "";
    position: absolute;
    top: -11px;
    left: -19px;
    width: 49px;
    height: 49px;
    background: url(../img_old/CHRISTMAS/head__hed.png) 0 0 no-repeat;
}
.christmas .menu{
    position: relative;
    z-index: 4;
}

.christmas .ball-1,
.christmas .ball-2,
.christmas .ball-3,
.christmas .ball-4{
    position: absolute;
    width: 25px;
    height: 93px;
    top: 0;
    z-index: 3;

    -webkit-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}
.christmas .ball-1{
    left: 56%;
    background: url(../img_old/CHRISTMAS/ball-1.png) 0 0 no-repeat;

    -webkit-animation-name: 'varr';
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count:1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state:running;

    -o-animation-name: 'varr';
    -o-animation-duration: 1s;
    -o-animation-timing-function:ease-in;
    -o-animation-delay: 0;
    -o-animation-iteration-count:1;
    -o-animation-direction:normal;
    -o-animation-play-state:running;

    -moz-animation-name: 'varr';
    -moz-animation-duration: 1s;
    -moz-animation-timing-function:ease-in;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count:1;
    -moz-animation-direction:normal;
    -moz-animation-play-state:running;

    -ms-animation-name: 'varr';
    -ms-animation-duration: 1s;
    -ms-animation-timing-function:ease-in;
    -ms-animation-delay:0;
    -ms-animation-iteration-count:1;
    -ms-animation-direction:normal;
    -ms-animation-play-state:running;

    animation-name: 'varr';
    animation-duration: 1s;
    animation-timing-function:ease-in;
    animation-delay: 0;
    animation-iteration-count:1;
    animation-direction:normal;
    animation-play-state:running;
}
.christmas .ball-2{
    top: -6px;
    left: 58%;
    background: url(../img_old/CHRISTMAS/ball-2.png) 0 0 no-repeat;

    -webkit-animation-name: 'varr2';
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count:1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state:running;

    -o-animation-name: 'varr2';
    -o-animation-duration: 2s;
    -o-animation-timing-function:ease-in;
    -o-animation-delay: 0;
    -o-animation-iteration-count:1;
    -o-animation-direction:normal;
    -o-animation-play-state:running;

    -moz-animation-name: 'varr2';
    -moz-animation-duration: 2s;
    -moz-animation-timing-function:ease-in;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count:1;
    -moz-animation-direction:normal;
    -moz-animation-play-state:running;

    -ms-animation-name: 'varr2';
    -ms-animation-duration: 2s;
    -ms-animation-timing-function:ease-in;
    -ms-animation-delay:0;
    -ms-animation-iteration-count:1;
    -ms-animation-direction:normal;
    -ms-animation-play-state:running;

    animation-name: 'varr2';
    animation-duration: 2s;
    animation-timing-function:ease-in;
    animation-delay: 0;
    animation-iteration-count:1;
    animation-direction:normal;
    animation-play-state:running;
}
.christmas .ball-3{
    left: 60%;
    background: url(../img_old/CHRISTMAS/ball-3.png) 0 0 no-repeat;

    -webkit-animation-name: 'varr3';
    -webkit-animation-duration: 2.5s;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count:1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state:running;

    -o-animation-name: 'varr3';
    -o-animation-duration: 2.5s;
    -o-animation-timing-function:ease-in;
    -o-animation-delay: 0;
    -o-animation-iteration-count:1;
    -o-animation-direction:normal;
    -o-animation-play-state:running;

    -moz-animation-name: 'varr3';
    -moz-animation-duration: 2.5s;
    -moz-animation-timing-function:ease-in;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count:1;
    -moz-animation-direction:normal;
    -moz-animation-play-state:running;

    -ms-animation-name: 'varr3';
    -ms-animation-duration: 2.5s;
    -ms-animation-timing-function:ease-in;
    -ms-animation-delay:0;
    -ms-animation-iteration-count:1;
    -ms-animation-direction:normal;
    -ms-animation-play-state:running;

    animation-name: 'varr3';
    animation-duration: 2.5s;
    animation-timing-function:ease-in;
    animation-delay: 0;
    animation-iteration-count:1;
    animation-direction:normal;
    animation-play-state:running;
}
.christmas .ball-4{
    left: 70%;
    background: url(../img_old/CHRISTMAS/ball-4.png) 0 0 no-repeat;

    -webkit-animation-name: 'varr4';
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-delay: 0;
    -webkit-animation-iteration-count:1;
    -webkit-animation-direction: normal;
    -webkit-animation-play-state:running;

    -o-animation-name: 'varr4';
    -o-animation-duration: 3s;
    -o-animation-timing-function:ease-in;
    -o-animation-delay: 0;
    -o-animation-iteration-count:1;
    -o-animation-direction:normal;
    -o-animation-play-state:running;

    -moz-animation-name: 'varr4';
    -moz-animation-duration: 3s;
    -moz-animation-timing-function:ease-in;
    -moz-animation-delay: 0;
    -moz-animation-iteration-count:1;
    -moz-animation-direction:normal;
    -moz-animation-play-state:running;

    -ms-animation-name: 'varr4';
    -ms-animation-duration: 3s;
    -ms-animation-timing-function:ease-in;
    -ms-animation-delay:0;
    -ms-animation-iteration-count:1;
    -ms-animation-direction:normal;
    -ms-animation-play-state:running;

    animation-name: 'varr4';
    animation-duration: 3s;
    animation-timing-function: ease-in;
    animation-delay: 0;
    animation-iteration-count:1;
    animation-direction:normal;
    animation-play-state:running;
}
@media screen and (max-width: 1100px) {
    .christmas .ball-1{
        left: 59%;
    }
    .christmas .ball-2{
        left: 62%;
    }
    .christmas .ball-3{
        left: 65%;
    }
    .christmas .ball-4{
        left: 73%;
    }
}

@-webkit-keyframes varr{
    from{
        -webkit-transform: translate(0, -100px);
    }
    to{
        -webkit-transform: translate(0, 0);
    }
}
@-moz-keyframes varr{
    from{
        transform: translate(0, -100px);
    }
    to{
        transform: translate(0, 0);
    }
}
@-ms-keyframes varr{
    from{
        -ms-transform: translate(0, -100px);
    }
    to{
        -ms-transform: translate(0, 0);
    }
}
@-o-keyframes varr{
    from{
        transform: translate(0, -100px);
    }
    to{
        transform: translate(0, 0);
    }
}
@keyframes varr{
    from{
        transform: translate(0, -100px);
    }
    to{
        transform: translate(0, 0);
    }
}

@-webkit-keyframes varr2{
    from{
        -webkit-transform: translate(0, -100px);
    }
    50%{
        -webkit-transform: translate(0, -100px);
    }
    to{
        -webkit-transform: translate(0, 0);
    }
}
@-moz-keyframes varr2{
    from{
        transform: translate(0, -100px);
    }
    50%{
        transform: translate(0, -100px);
    }
    to{
        transform: translate(0, 0);
    }
}
@-ms-keyframes varr2{
    from{
        -ms-transform: translate(0, -100px);
    }
    50%{
        -ms-transform: translate(0, -100px);
    }
    to{
        -ms-transform: translate(0, 0);
    }
}
@-o-keyframes varr2{
    from{
        transform: translate(0, -100px);
    }
    50%{
        transform: translate(0, -100px);
    }
    to{
        transform: translate(0, 0);
    }
}
@keyframes varr2{
    from{
        transform: translate(0, -100px);
    }
    50%{
        transform: translate(0, -100px);
    }
    to{
        transform: translate(0, 0);
    }
}

@-webkit-keyframes varr3{
    from{
        -webkit-transform: translate(0, -100px);
    }
    50%{
        -webkit-transform: translate(0, -100px);
    }
    to{
        -webkit-transform: translate(0, 0);
    }
}
@-moz-keyframes varr3{
    from{
        transform: translate(0, -100px);
    }
    50%{
        transform: translate(0, -100px);
    }
    to{
        transform: translate(0, 0);
    }
}
@-ms-keyframes varr3{
    from{
        -ms-transform: translate(0, -100px);
    }
    50%{
        -ms-transform: translate(0, -100px);
    }
    to{
        -ms-transform: translate(0, 0);
    }
}
@-o-keyframes varr3{
    from{
        transform: translate(0, -100px);
    }
    50%{
        transform: translate(0, -100px);
    }
    to{
        transform: translate(0, 0);
    }
}
@keyframes varr3{
    from{
        transform: translate(0, -100px);
    }
    50%{
        transform: translate(0, -100px);
    }
    to{
        transform: translate(0, 0);
    }
}

@-webkit-keyframes varr4{
    from{
        -webkit-transform: translate(0, -100px);
    }
    50%{
        -webkit-transform: translate(0, -100px);
    }
    to{
        -webkit-transform: translate(0, 0);
    }
}
@-moz-keyframes varr4{
    from{
        transform: translate(0, -100px);
    }
    50%{
        transform: translate(0, -100px);
    }
    to{
        transform: translate(0, 0);
    }
}
@-ms-keyframes varr4{
    from{
        -ms-transform: translate(0, -100px);
    }
    50%{
        -ms-transform: translate(0, -100px);
    }
    to{
        -ms-transform: translate(0, 0);
    }
}
@-o-keyframes varr4{
    from{
        transform: translate(0, -100px);
    }
    50%{
        transform: translate(0, -100px);
    }
    to{
        transform: translate(0, 0);
    }
}
@keyframes varr4{
    from{
        transform: translate(0, -100px);
    }
    50%{
        transform: translate(0, -100px);
    }
    to{
        transform: translate(0, 0);
    }
}
.christmas .gotopc{
    z-index: 4;
}

.christmas #main{
    background: url(../img_old/CHRISTMAS/bg-patern.png) 0 0 repeat;
}

.christmas .top-banner-on-main:before{
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    width: 100%;
    height: 15px;
    display: block;
    background: url(../img_old/CHRISTMAS/baner-snow.png) center center no-repeat;
    z-index: 2;
}

.christmas .footer_bg:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: url(../img_old/CHRISTMAS/foot__snow.png) 0 0 repeat;
}
.christmas .main_centering{
    z-index: 2;
}

.christmas .ribbon:before{
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%;
    height: 25px;
    background: url(../img_old/CHRISTMAS/download-snow.png) center no-repeat;
}

.christmas .bt.big_blue_bt{
    position: relative;
}
.christmas .bt.big_blue_bt:before{
    content: "";
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    height: 23px;
    background: url(../img_old/CHRISTMAS/download-snow-btn.png) center no-repeat;
    display: block;
}
.christmas .bt.big_blue_bt:after{
    content: "";
    position: absolute;
    top: -25px;
    right: 100%;
    margin-right: -13px;
    background: url(../img_old/CHRISTMAS/candy.png) 0 0 no-repeat;
    width: 74px;
    height: 106px;
    display: block;
}

.christmas .features-list .widthHalf:first-child li a{
    display: block;
    position: relative;
}
.christmas .features-list .widthHalf:first-child li a:before{
    content: "";
    display: block;
    left: 4px;
    top: -4px;
    position: absolute;
    width: 167px;
    height: 14px;
    background: url(../img_old/CHRISTMAS/snow.png) 0 0 no-repeat;

}
.christmas .features-list .widthHalf:first-child li:last-child a:before{
    background: url(../img_old/CHRISTMAS/snow2.png) 0 0 no-repeat;
}

.christmas .footer:before{
    content: "";
    position: absolute;
    left: 100%;
    bottom: 100%;
    background: url(../img_old/CHRISTMAS/snowman.png) 0 0 no-repeat;
    width: 159px;
    height: 176px;
    display: block;
}