/* style */

@font-face {
    font-family: 'Fregat';
    src: local('../fonts/Fregat Regular'), local('Fregat-Regular'),
        url('../fonts/Fregat.woff2') format('woff2'),
        url('../fonts/Fregat.woff') format('woff'),
        url('../fonts/Fregat.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: 'Fregat';
    src: local('../fonts/Fregat Bold'), local('Fregat-Bold'),
        url('../fonts/Fregat-Bold.woff2') format('woff2'),
        url('../fonts/Fregat-Bold.woff') format('woff'),
        url('../fonts/Fregat-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
  }  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100.01%;
    vertical-align: baseline;
    background: transparent
}
html, body {
    height: 100%;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none
}
html * {
    max-height: 1000000px
}
body {
    line-height: 1.2;
    width: 100%;
    overflow-x: hidden !important;
    background: #eceff4;
    padding: 0;
    margin: 0;
    color: #1a1b1e;
    font-family: Fregat;
    width: 100%;
    font-weight: 400;
}
img {
    border: none;
}
.clear {
    clear: both;
    height: 0px;
}
::-webkit-file-upload-button {
    cursor: pointer;
}
#main-wrapper {
    overflow: hidden !important;
}
.w-center {
    width: 1170px;
    position: relative;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    z-index: 2;
}
.w-center:after {
    content: "";
    display: block;
    clear: both;
}
a, a[nohref] {
    cursor: pointer;
}
b, strong, .bold {
    font-weight: 700;
}
.title-block {
color: #1b1c1f;
display: block;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
text-align: center;
font-size: 45px;
line-height: 44px;
position: relative;
font-family: 'Fregat';
font-weight: 700;
}
.title-block.white {
color: #fff;
}
.title-block.left {
text-align: left;
}
.button-yellow {
margin: 0 auto; 
margin-top: 20px;
padding: 0px 0px 0px 0px;
width: 280px; 
height: 56px;
display: block; 
vertical-align: top;
font-weight: 400;
text-decoration: none; 
font-size: 22px; 
line-height: 22px;
font-family: 'Fregat';
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
outline: none;
cursor: pointer;
-webkit-appearance: none;
text-align: center;
color: #201d0d; 
border: none;
background: rgb(255,229,7);
background: -moz-linear-gradient(top,  rgba(255,229,7,1) 0%, rgba(228,193,24,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,229,7,1) 0%,rgba(228,193,24,1) 100%);
background: linear-gradient(to bottom,  rgba(255,229,7,1) 0%,rgba(228,193,24,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe507', endColorstr='#e4c118',GradientType=0 );
-webkit-box-shadow: inset 0px -3px 0px 0px #b39300;
-moz-box-shadow:    inset 0px -3px 0px 0px #b39300;
box-shadow:         inset 0px -3px 0px 0px #b39300;
}
.button-yellow:hover, .button-yellow:active {
text-decoration: none;
background: rgb(255,222,0);
}
.button-yellow.mini {
width: 150px; 
height: 32px;
font-size: 15px; 
line-height: 32px !important;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: inset 0px -2px 0px 0px #b39300;
-moz-box-shadow:    inset 0px -2px 0px 0px #b39300;
box-shadow:         inset 0px -2px 0px 0px #b39300;
}
.button-border {
margin: 0 auto; 
padding: 0px;
width: 240px;
height: 56px;
display: block; 
font-weight: 400;
text-decoration: none; 
font-size: 22px; 
line-height: 56px; 
font-family: 'Fregat';
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
outline: none;
cursor: pointer;
-webkit-appearance: none;
text-align: center;
color: #f3d50e; 
border: 2px solid #f3d50e;
background: none;
}
.button-border:hover, .button-border:active {
text-decoration: none;
color: #201d0d; 
background: #f3d50e;
}
.button-yellow.inline, .button-border.inline, .button-red.inline {
display: inline-block;
}
.button-yellow.resizable, .button-border.resizable, .button-red.resizable {
width: auto;
padding-left: 24px;
padding-right: 24px;
}
.button-white-border {
margin: 0 auto; 
margin-top: 0px; 
padding: 0px 0px 0px 0px;
width: 130px;
height: 40px;
display: block; 
font-weight: 400;
text-decoration: none; 
font-size: 17px; 
line-height: 17px; 
font-family: 'Fregat';
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
outline: none;
cursor: pointer;
-webkit-appearance: none;
text-align: center;
color: #fd8592; 
border: 2px solid #fd8592;
background: none;
}
.button-white-border:hover, .button-white-border:active {
text-decoration: none;
color: #fff; 
background: #fd8592;
}


.remote {
    display: block;
    position: absolute;
    top: 267px;
    right: -30px;
}



#snowfall-1, #snowfall-2, #snowfall-3, #snowfall-4, #snowfall-5, #snowfall-6 {
position: absolute; 
top: -100px;
width: 100%; 
height: 100%;
}
#promo {
width: 100%; max-width: 1920px; height: 810px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 98; color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
background: url("../images/bg-promo.jpg") top center no-repeat;
}
#promo .w-center {
height: inherit;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
    color: black;
}
#promo .top {
display: block;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
height: 115px;
text-align: center;
}
#promo .top:after {
content: "";
display: block;
clear: both;
}
#promo .top .left {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px; 
padding: 33px 0px 0px 0px;
max-width: 430px;
width: 100%;
float: left;
text-align: left;
}
#promo .top .left .logo {
	display: block;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	font-size: 25px;
    line-height: 24px;
}
.tc{
    display: inline-block;
    padding-top: 30px;
    font-size: 50px;
}
#promo .top .right {
display: inline-block;
vertical-align: top;
width: 400px;
float: right;
text-align: right;
margin: 0px 0px 0px 0px;
padding: 26px 0px 0px 0px;
font-size: 0px;
}
#promo .top .right .phone {
display: block;
margin: 0px -5px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 28px;
line-height: 28px;
position: relative;
}
#promo .top .right .button-yellow {
margin-left: 0px;
margin-top: 8px;
display: inline-block;
vertical-align: top;
}
#menu {
display: block;
margin: 10px 0px 0px 0px;
padding: 8px 0px 0px 0px;	
height: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#menu ul {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
font-size: 0px;
text-align: left;
}
#menu ul li {
display: inline-block;
vertical-align: top;
margin: 0px 26px 0px 26px;
padding: 0px 0px 0px 0px;
position: relative;
}
#menu ul li:first-child {
margin-left: 0px;
}
#menu ul li:last-child {
margin-right: 0px;
}
#menu ul li a {
color: #f4d60e;
text-decoration: underline;
font-size: 17px;
line-height: 22px;
}
#menu ul li a:hover {
opacity: 0.9;
text-decoration: none;
}
#promo .main {
display: block;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;	
height: 420px;
}
#promo .main .title {
display: block;
margin: 0px 0px 0px 0px; 
padding: 5px 0px 0px 0px;
text-align: left;
font-size: 60px;
line-height: 58px;
position: relative;
font-weight: 700;
word-spacing: -0.025em;
text-shadow: 0px 0px 191px rgba(14, 2, 3, 0.31);
}
#promo .main .subtitle {
display: block;
margin: 0px 0px 0px 0px; 
padding: 34px 0px 0px 0px;
text-align: left;
font-size: 20px;
line-height: 30px;
position: relative;
word-spacing: -0.025em;
}
#promo .main .button-yellow.gather {
margin-left: 0px;
margin-top: 39px;
width: 340px;
height: 70px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
border-radius: 35px;
font-size: 24px;
line-height: 24px;
position: relative;
}
#promo .main .button-yellow.gather:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 46px;
height: 46px;
background-repeat: no-repeat;
background-position: -71px -5px;

position: absolute;
top: 50%;
margin-top: -23px;
right: 16px;
}
#promo .akciya {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#promo .akciya .left {
display: block;
margin: 0px 0px 0px 0px;
padding: 40px 0px 0px 55px;
width: 760px;
height: inherit;
background: rgba(184, 21, 40, 0.9);
-moz-border-radius: 6px 6px 0px 0px;
-webkit-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
font-size: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#promo .akciya .left:after {
content: "";
display: block;
clear: both;
}
#promo .akciya .left .txt-1 {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 11px 0px 0px 0px;
font-size: 55px;
line-height: 55px;
}
#promo .akciya .left .txt-2 {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 24px;
padding: 15px 0px 0px 0px;
font-size: 22px;
line-height: 24px;
}
#promo .akciya .left .days {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 1px 0px 0px 0px;
font-size: 0px;
float: right;
width: 320px;
}
#promo .akciya .left .days:after {
content: "";
display: block;
clear: both;	
}
#promo .akciya .left .days > div {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 17px;
padding: 0px 0px 0px 0px;
width: 150px;
}
#promo .akciya .left .days > div:first-child {
margin-left: 0px;
}
#promo .akciya .left .days .l {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
line-height: 19px;
}
#promo .akciya .left .days .n {
display: block;
margin: 0px 0px 0px 0px;
padding: 8px 0px 0px 0px;
color: #fade0a;
font-size: 55px;
line-height: 55px;
}
#promo .akciya .gift {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 264px;
height: 183px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url("http://garlandcurtain.xcartpro.com/r1/images/img-promo-gift.html");
position: absolute;
bottom: -4px;
right: 50%;
margin-right: -468px;
}
#details {
width: 100%; max-width: 1920px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
background: #eceff4 url("../images/bg-details.jpg") top center no-repeat;
}
#details:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
height: 56px;
background-repeat: no-repeat;
background-position: center top;
background-image: url("../images/img-before-details.png");
position: absolute;
top: -56px;
left: 0px;
z-index: 1;
}
#details .privilege-items {
display: block;
margin: 0px -30px 0px -30px; 
padding: 32px 0px 0px 0px;
font-size: 0px;
text-align: center;
}
#details .privilege-items:after {
content: "";
display: block;
clear: both;
}
#details .privilege-item {
display: inline-block;
vertical-align: top;
margin: 40px 15px 0px 15px;
padding: 0px 0px 0px 0px;
width: 270px;
font-size: 20px;
line-height: 24px;
color: #1a1b1e;
}
#details .privilege-item .icon {
display: block;
margin: 0 auto; 
padding: 0px 0px 0px 0px;
width: 100%;
height: 120px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#details .privilege-item .icon i {
display: block;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
background-position: 0px 0px;
position: absolute;
left: 50%;

}
#details .privilege-item .icon i {
top: 30px;
margin-left: -42px;
width: 100%;
height: 100%;

    background-image: url("../images/snai.png");
}
#details .privilege-item .txt {
display: block;
margin: 16px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
}
#details .details {
display: block;
margin: -4px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
padding-top: 114px;
position: relative;
background: url("../images/bg-details-bottom.jpg") no-repeat center bottom;
}
#details .details .detail-items {
display: block;
margin: 30px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
font-size: 0px;
text-align: center;
position: relative;
height: 789px;
}
#details .details .detail-items:after {
content: "";
display: block;
clear: both;
}
#details .details .detail-item {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 16px 0px 26px 0px;
width: 300px;
height: 126px;
font-size: 20px;
line-height: 24px;
color: #1b1c1f;
background: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
position: absolute;
cursor: default;
}
#details .details .detail-item:before {
content: "";
display: block;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
position: absolute;
background-repeat: no-repeat;
background-position: 0px 0px;

}
#details .details .detail-item.big {
height: 140px;
padding-top: 33px;
padding-bottom: 32px;
}

#details .details .detail-item.left {
text-align: left;
left: 0px;
padding-left: 40px;
padding-right: 25px;
}
#details .details .detail-item.right {
text-align: right;
right: 0px;
padding-left: 25px;
padding-right: 40px;
}
#details .details .detail-item#detail-item-1 {
width: 319px;
top: 71px;
}
#details .details .detail-item#detail-item-1:before {
width: 225px;
height: 47px;
top: 53px;
right: -224px;
background-position: -5px -5px;
}
#details .details .detail-item#detail-item-1:hover:before, #details .details .detail-item.active#detail-item-1:before {
background-position: -240px -5px;
}
#details .details .detail-item#detail-item-2 {
width: 319px;
top: 83px;
    height: 110px;
}
#details .details .detail-item#detail-item-2:before {
width: 264px;
height: 45px;
top: 70px;
left: -263px;
background-position: -475px -5px;
}
#details .details .detail-item#detail-item-2:hover:before, #details .details .detail-item.active#detail-item-2:before {
background-position: -749px -5px;
}
#details .details .detail-item#detail-item-3 {
width: 319px;
top: 216px;
    height: 94px;
}
#details .details .detail-item#detail-item-3:before {
width: 160px;
height: 43px;
top: 54px;
right: -159px;
background-position: -1023px -5px;
}
#details .details .detail-item#detail-item-3:hover:before, #details .details .detail-item.active#detail-item-3:before {
background-position: -1193px -5px;
}
#details .details .detail-item#detail-item-4 {
    height: 93px;
    width: 319px;
    top: 218px;
    padding: 10px 30px;
}
#details .details .detail-item#detail-item-4:before {
width: 216px;
height: 26px;
top: 50px;
left: -215px;
background-position: -1363px -5px;
}
#details .details .detail-item#detail-item-4:hover:before, #details .details .detail-item.active#detail-item-4:before {
background-position: -1589px -5px;
}
#details .details .detail-item#detail-item-5 {
width: 319px;
top: 332px;
}
#details .details .detail-item#detail-item-5:before {
width: 176px;
height: 26px;
top: 68px;
right: -174px;
background-position: -1815px -5px;
}
#details .details .detail-item#detail-item-5:hover:before, #details .details .detail-item.active#detail-item-5:before {
background-position: -2001px -5px;
}
#details .details .detail-item#detail-item-6 {
width: 319px;
top: 349px;
}
#details .details .detail-item#detail-item-6:before {
width: 129px;
height: 45px;
top: 14px;
left: -126px;
background-position: -2187px -5px;
}
#details .details .detail-item#detail-item-6:hover:before, #details .details .detail-item.active#detail-item-6:before {
background-position: -2326px -5px;
}
#details .details .detail-item#detail-item-7 {
width: 319px;
top: 492px;
}
#details .details .detail-item#detail-item-7:before {
width: 135px;
height: 13px;
top: 64px;
right: -134px;
background-position: -2465px -5px;
}
#details .details .detail-item#detail-item-7:hover:before, #details .details .detail-item.active#detail-item-7:before {
background-position: -2610px -5px;
}
#details .details .detail-item#detail-item-8 {
width: 319px;
top: 504px;
    height: 100px;
}
#details .details .detail-item#detail-item-8:before {
width: 127px;
height: 40px;
top: 37px;
left: -126px;
background-position: -2755px -5px;
}
#details .details .detail-item#detail-item-8:hover:before, #details .details .detail-item.active#detail-item-8:before {
background-position: -2892px -5px;
}
#details .details .detail-item .z {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #1b1c1f;
font-size: 26px;
line-height: 30px;
}
#details .details .detail-item .d {
display: block;
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;
color: #6b6d71;
font-size: 16px;
line-height: 19px;
}
#skidka {
width: 100%; max-width: 1920px; height: 650px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
background: #32200d url("../images/bg-skidka.jpg") top center no-repeat; color: #fff;
}
#skidka .title-block {
padding-top: 103px;
font-size: 50px;
line-height: 52px;
}
#skidka .subtitle {
display: block;
margin: 0px 0px 0px 0px; 
padding: 8px 0px 0px 0px;
text-align: center;
font-size: 30px;
line-height: 36px;
position: relative;
}
#skidka .days {
display: block;
margin: 0 auto;
margin-top: 72px;
padding: 0px 0px 0px 0px;
font-size: 0px;
width: 650px;
}
#skidka .days:after {
content: "";
display: block;
clear: both;	
}
#skidka .days > div {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 46px 0px 35px 0px;
height: 208px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
background-repeat: no-repeat;
background-position: center top;
background-image: url("../images/img-skidka-days.png");
}
#skidka .days > div.left {
background-position: -5px -5px;
width: 343px;
padding-left: 0px;
padding-right: 30px;
}
#skidka .days > div.right {
background-position: -358px -5px;
width: 340px;
float: right;
margin-left: -50px;
padding-left: 30px;
padding-right: 0px;
}
#skidka .days .l {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 20px;
line-height: 24px;
}
#skidka .days .n {
display: block;
margin: 0px 0px 0px 0px;
    padding: 2px 0px 9px 0px;
color: #fade0a;
font-size: 55px;
line-height: 55px;
}
#skidka .note {
display: block;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
font-size: 22px;
line-height: 28px;
position: relative;
}
#fir-trees {
width: 100%; max-width: 1920px; padding: 0px 0px 132px 0px; margin: 0 auto; position: relative; z-index: 99;
background: #eceff4;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#fir-trees .title-block {
padding-top: 94px;
}
#fir-trees .tree-items {
display: block;
padding: 16px 0px 0px 0px;
margin: 0px -30px 0px -30px;
font-size: 0px;
text-align: center;
}
#fir-trees .tree-items:after {
content: "";
display: block;
clear: both;
}
#fir-trees .tree-item {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 57px 30px 0px 15px;
font-size: 18px;
line-height: 24px;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
width: 370px;
background: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#fir-trees .tree-item .img {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
height: 425px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
#fir-trees .tree-item .img img {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
max-width: 100%;
max-height: 100%;
-moz-border-radius: inherit;
-webkit-border-radius: inherit;
border-radius: inherit;
}
#fir-trees .tree-item .desc {
display: block;
padding: 20px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#fir-trees .tree-item .desc .title {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #1b1c1f;
font-size: 30px;
line-height: 34px;
}
#fir-trees .tree-item .desc ul.size {
display: block;
padding: 0px 0px 0px 0px;
margin: 14px 0px 0px 0px;
font-size: 0px;
height: 55px;
}
#fir-trees .tree-item .desc ul.size li {
display: inline-block;
vertical-align: top;
padding: 10px 0px 0px 2px;
margin: 0px 0px 0px 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
cursor: pointer;
width: 60px;
height: 36px;
}
#fir-trees .tree-item .desc ul.size li:first-child {
margin-right: 1px;
}
#fir-trees .tree-item .desc ul.size li.active {
background: #eccd10;
}
#fir-trees .tree-item .desc ul.size li:hover {
cursor: pointer;
}
#fir-trees .tree-item .desc ul.size li.active {
cursor: default;
}
#fir-trees .tree-item .desc ul.size li > span {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 20px;
line-height: 18px;
color: #8f8f8f;
border-bottom: 2px dotted #8f8f8f;
}
#fir-trees .tree-item .desc ul.size li:hover > span {
color: #1b1c1f;
border-bottom-color: #1b1c1f;
}
#fir-trees .tree-item .desc ul.size li.active > span {
color: #1b1c1f;
border-bottom-color: transparent;
}
#fir-trees .tree-item .desc .price {
display: block;
padding: 0px 0px 0px 0px;
margin: 17px 0px 0px 0px;
color: #ca1e2e;
font-size: 26px;
line-height: 30px;
}

#fir-trees .tree-item .desc .price_disc {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 17px 0px 0px 0px;
/*	color: #ca1e2e;*/
	color: #c8c8c8;
	font-size: 26px;
	line-height: 30px;
	/* text-decoration:line-through; */
}
#fir-trees .tree-item .desc .price_disc > span{
    text-decoration:line-through;
}
#fir-trees .tree-item .desc .price_disc .price, #fir-trees .tree-item .desc .price_disc .price *{
    text-decoration: none!important;
}


#fir-trees .tree-item .desc .button-yellow.mini {
width: 170px;
height: 40px;
position: relative;
margin-top: 15px;
top: 17px;
font-size: 18px;
line-height: 18px;
}
#fir-trees .tree-item .desc .button-yellow.mini:hover {
-webkit-box-shadow: inset 0px -2px 0px 0px #b39300, 0px 0px 190px rgba(0,0,0,0.4);
-moz-box-shadow:    inset 0px -2px 0px 0px #b39300, 0px 0px 190px rgba(0,0,0,0.4);
box-shadow:         inset 0px -2px 0px 0px #b39300, 0px 0px 190px rgba(0,0,0,0.4);
}
#accessories {
width: 100%; max-width: 1920px; padding: 0px 0px 145px 0px; margin: 0 auto; position: relative; z-index: 100;
background: #eceff4;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#accessories:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
height: 334px;
background-repeat: no-repeat;
background-position: center top;
background-image: url("http://garlandcurtain.xcartpro.com/r1/images/img-before-accessories.html");
position: absolute;
top: -113px;
left: 0px;
z-index: 1;
}
#accessories .title-block {
padding-top: 89px;
}
#accessories .wrap {
display: block;
padding: 0px 0px 0px 0px;
margin: 52px 0px 0px 0px;
text-align: center;
}
#accessories .wrap .circle {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
width: 170px;
height: 170px;
position: absolute;
top: 50px;
right: 50%;
margin-right: -585px;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
border: 6px solid #ccc;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
font-size: 18px;
line-height: 23px;
text-align: center;
}
#accessories .wrap .circle > div {
width: 100%;
display: table;
height: inherit;
position: relative;
top: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#accessories .wrap .circle > div > div {
display: table-cell;
vertical-align: middle;
height: 100%;
}
#accessories .wrap ul.tabs {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 0px;
}
#accessories .wrap ul.tabs li {
display: inline-block;
vertical-align: top;
padding: 16px 30px 0px 30px;
margin: 0px 10px 0px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
cursor: pointer;
height: 50px;
background: #ddd;
}
#accessories .wrap ul.tabs li.active, #accessories .wrap ul.tabs li:hover  {
background: #eccd10;
cursor: pointer;
}
#accessories .wrap ul.tabs li.active {
cursor: default;
}
#accessories .wrap ul.tabs li > span {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 22px;
line-height: 20px;
color: #525252;
}
#accessories .wrap ul.tabs li:hover > span, #accessories .wrap ul.tabs li.active > span {
color: #1b1c1f;
border-bottom-color: transparent;
}
#accessories .items {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px -30px 0px -30px;
font-size: 0px;
text-align: center;
}
#accessories .items:after {
content: "";
display: block;
clear: both;
}
#accessories .item {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 57px 15px 0px 15px;
font-size: 18px;
line-height: 24px;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
width: 270px;
min-height: 450px;
background: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#accessories .item.hidden {
display: none;
}
#accessories .item .img {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
height: 190px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
background: #ccc;
}
#accessories .item .img.border img {
border-bottom: 1px solid #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#accessories .item .img img {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: inherit;
height: inherit;
-moz-border-radius: inherit;
-webkit-border-radius: inherit;
border-radius: inherit;
}
#accessories .item .desc {
display: block;
padding: 35px 20px 0px 20px;
margin: 0px 0px 0px 0px;
}
#accessories .item .desc .title {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #1b1c1f;
font-size: 24px;
line-height: 28px;
}
#accessories .item .desc .d {
display: block;
padding: 23px 10px 0px 10px;
margin: 0px 0px 0px 0px;
color: #6b6d71;
font-size: 16px;
line-height: 19px;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
min-height: 99px;
}
#accessories .item .desc .price {
display: block;
padding: 0px 0px 0px 0px;
margin: 24px 0px 0px 0px;
color: #1b1c1f;
font-size: 20px;
line-height: 24px;
}
#accessories .item .desc .button-yellow.mini {
width: 170px;
height: 40px;
position: relative;
margin-top: 10px;
top: 17px;
font-size: 18px;
line-height: 18px;
}
#accessories .item .desc .button-yellow.mini:hover {
-webkit-box-shadow: inset 0px -2px 0px 0px #b39300, 0px 0px 190px rgba(0,0,0,0.4);
-moz-box-shadow:    inset 0px -2px 0px 0px #b39300, 0px 0px 190px rgba(0,0,0,0.4);
box-shadow:         inset 0px -2px 0px 0px #b39300, 0px 0px 190px rgba(0,0,0,0.4);
}
#fairytale {
width: 100%; max-width: 1920px; height: 510px;
 padding: 0px 0px 0px 0px; margin: 0 auto; margin-top: -30px; position: relative; z-index: 99;
background: url("../images/bg-fairytale.jpg") top center no-repeat; color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#fairytale .w-center {
height: inherit;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#fairytale .w-center > div {
width: 70%;
display: table;
height: inherit;
position: relative;
top: 8px;
    color: #212121;
}
#fairytale .w-center > div > div {
display: table-cell;
vertical-align: middle;
height: 100%;
font-size: 29px;
line-height: 34px;
font-weight: 700;
}
#opt {
width: 100%; max-width: 1920px; height: 578px; padding: 0px 0px 0px 0px; margin: 0 auto; margin-top: -30px; position: relative; z-index: 98;
background: #da3f49 url("../images/bg-questions.jpg") top center no-repeat; color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#opt .title-block {
line-height: 50px;
}
#opt .subtitle {
display: block;
padding: 0px 0px 0px 0px;
margin: 14px 0px 0px 0px;
font-size: 24px;
line-height: 30px;
}
#opt .w-center {
height: inherit;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#opt .w-center > div {
width: 100%;
display: table;
height: inherit;
position: relative;
top: -4px;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#opt .w-center > div > div {
display: table-cell;
vertical-align: middle;
height: 100%;
}
.red-form.inline {
padding: 45px 50px 49px 50px;
width: 1020px;
margin-left: 0px;
margin-top: 45px;
text-align: left;
font-size: 0px;
background: #b91825;
}
.red-form.inline .subzag {
padding: 0px 0px 24px 0px;
margin: 0px 0px 0px 0px;
font-size: 17px;
line-height: 22px;
color: #fff;
}
.red-form.inline .inps {
width: 300px;
height: 56px;
font-size: 15px;
display: inline-block;
vertical-align: top;
margin-top: 0px;
margin-left: 20px;
}
.red-form.inline .inps.name {
margin-left: 0px;
}
.red-form.inline .submit-button {
display: inline-block;
vertical-align: top;
margin-top: 0px;
margin-left: 20px;
width: 280px;
height: 56px;
}
#gallery {
width: 100%; max-width: 1920px; padding: 0px 0px 115px 0px; margin: 0 auto; position: relative; z-index: 99;
background: #eceff4;
}
#gallery .title-block {
padding-top: 95px;
}
#gallery .imgs {
display: block;
margin: 0px -40px 0px -40px;
padding: 42px 0px 0px 0px;
text-align: center;
font-size: 0px;
}
#gallery .imgs:after {
content: "";
display: block;
clear: both;
}
#gallery .img {
display: inline-block;
vertical-align: top;
margin: 30px 15px 50px 15px;
padding: 0px 0px 0px 0px;
position: relative;
width: 300px;
height: 450px;
-webkit-box-shadow: 0px 0px 80px 0px rgba(14, 2, 3, 0.05);
-moz-box-shadow:    0px 0px 80px 0px rgba(14, 2, 3, 0.05);
box-shadow:         0px 0px 80px 0px rgba(14, 2, 3, 0.05);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#gallery .img a, #gallery .img img {
display: block;
margin: 0 auto; 
padding: 0px 0px 0px 0px;
position: relative;
width: inherit;
height: inherit;
text-decoration: none;
z-index: 1;
-moz-border-radius: inherit;
-webkit-border-radius: inherit;
border-radius: inherit;
}
#benefits {
width: 100%; max-width: 1920px; padding: 0px 0px 114px 0px; margin: 0 auto; position: relative; z-index: 99;
background: #eceff4;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#benefits:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
height: 330px;
background-repeat: no-repeat;
background-position: center top;
background-image: url("../images/img-before-benefits.png");
position: absolute;
top: -138px;
left: 0px;
z-index: 1;
}
#benefits .title-block {
padding-top: 84px;
}
#benefits .benefit-items {
display: block;
margin: 0px -30px 0px -30px;
padding: 18px 0px 0px 0px;
font-size: 0px;
text-align: center;
}
#benefits .benefit-items:after {
content: "";
display: block;
clear: both;
}
#benefits .benefit-item {
display: inline-block;
vertical-align: top;
margin: 76px 15px 0px 15px;
padding: 0px 0px 0px 0px;
width: 370px;
text-align: left;
}
#benefits .benefit-item .icon {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 135px;
height: 95px;
position: relative;
}
#benefits .benefit-item .icon i {
display: block;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
background-position: 0px 0px;
position: absolute;
background-image: url("../images/icons-benefit.png");
}
#benefits .benefit-item#benefit-item-1 .icon i {
top: 17px;
left: 8px;
width: 80px;
height: 75px;
background-position: -5px -5px;
}
#benefits .benefit-item#benefit-item-2 .icon i {
top: 19px;
left: 14px;
width: 68px;
height: 70px;
background-position: -95px -5px;
}
#benefits .benefit-item#benefit-item-3 .icon i {
top: 15px;
left: 9px;
width: 78px;
height: 78px;
background-position: -173px -5px;
}
#benefits .benefit-item#benefit-item-4 .icon i {
top: 20px;
left: 16px;
width: 64px;
height: 68px;
background-position: -261px -5px;
}
#benefits .benefit-item#benefit-item-5 .icon i {
top: 24px;
left: 8px;
width: 80px;
height: 60px;
background-position: -335px -5px;
}
#benefits .benefit-item#benefit-item-6 .icon i {
top: 23px;
left: 18px;
width: 60px;
height: 62px;
background-position: -425px -5px;
}
#benefits .benefit-item .txt {
display: inline-block;
vertical-align: top;
margin: 0px -5px 0px 6px;
padding: 0px 0px 0px 0px;
width: 225px;
font-size: 16px;
line-height: 20px;
}
#benefits .benefit-item .txt .z {
display: block;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
font-size: 24px;
line-height: 26px;
color: #1a1b1e;
}
#benefits .benefit-item .txt .d {
display: block;
margin: 0px 0px 0px 0px; 
padding: 12px 0px 0px 0px;
font-size: 16px;
line-height: 20px;
color: #6b6d71;
}
#questions {
width: 100%; max-width: 1920px; height: 530px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
background: #d71b2c url("../images/bg-questions.jpg") top center no-repeat; color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#questions .w-center, #questions .left, #questions .right {
height: inherit;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
#questions .left, #questions .right {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#questions .left {
    max-width: 750px;
    width: 100%;
}
#questions .left > div {
display: table;
height: inherit;
position: relative;
top: -4px;
width: 100%;
}
#questions .left > div > div {
display: table-cell;
vertical-align: middle;
height: 100%;
}
#questions .title-block {
font-size: 50px;
line-height: 53px;
height: auto;

    color: black;
}
#questions .button-border {
margin-left: 0px;
margin-top: 42px;
float: left;
    color: black;
    background-color: #efce11;
}
#questions .action{
	top: -60px;
}
#questions .right {
width: 370px;
position: relative;
float: right;
}
#questions .right > div {
display: table;
height: inherit;
position: relative;
top: 0px;
width: 100%;
}
#questions .right > div > div {
display: table-cell;
vertical-align: middle;
height: 100%;
}
#footer {
width: 100%; max-width: 1920px; padding: 0px 0px 29px 0px; margin: 0 auto; position: relative; z-index: 99;
background: #eceff4; color: #1b1c1f;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
    text-align: center;
}
#footer .left {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px; 
padding: 45px 0px 0px 0px;
width: 300px;
position: relative;
font-size: 20px;
line-height: 24px;
color: #1b1c1f;
}
#footer .center {
display: inline-block;
vertical-align: top;
/*width: 300px;*/
margin: 0px 0px 0px 130px;
padding: 32px 0px 0px 0px;
font-size: 16px;
line-height: 24px;
position: relative;
text-align: center;
}
#footer .center .phone {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 26px;
line-height: 28px;
position: relative;
}
#footer .center .button-yellow {
margin-top: 9px;
display: inline-block;
vertical-align: top;
}
#footer .right{
    text-align: right;
    float: right;
    padding: 45px 0px 0px 0px;
    vertical-align: top;
    position: relative;
    font-size: 20px;
    line-height: 24px;
    color: #1b1c1f;
}
#footer .reforge {
float: right;
width: 240px;
text-align: right;
margin: 0px 0px 0px -10px;
padding: 37px 0px 0px 0px;
font-size: 14px;
line-height: 20px;
position: relative;
display: inline-block;
vertical-align: top;
}
#footer .reforge a {
position: relative;
display: inline-block;
vertical-align: top;
text-decoration: underline;
color: #d5192d;
}
#footer .reforge a:hover {
text-decoration: none;
opacity: 0.8;
}
#footer .reforge a:before, #footer .reforge a::before {
content: "";
width: 86px;
height: 15px;
position: absolute;
top: 20px;
right: 0px;
display: block;
z-index: 1;
}
#footer .reforge a:after, #footer .reforge a::after {
content: "";
width: 86px;
height: 24px;
position: absolute;
top: 31px;
right: 0px;
display: inline-block;
vertical-align: top;
background-repeat: no-repeat;
background-image: url("http://garlandcurtain.xcartpro.com/r1/images/reforge.html");
background-position: 0px 0px;
z-index: 2;
}
#copyright {
width: 100%; max-width: 1920px; padding: 18px 0px 16px 0px; margin: 0 auto; position: relative; z-index: 99;
text-align: center; color: #a1a3aa; background: #fff; font-size: 14px; line-height: 19px;
}

#cart {
background: #d72538;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
height: 80px;
position: fixed;
bottom: -80px;
left: 0px;
z-index: 150;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
color: #fff;
}
#cart .w-center {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
height: inherit;
}
#cart .left {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px; 
padding: 28px 0px 0px 42px;
text-align: left;
width: 470px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
font-size: 20px;
line-height: 24px;
font-weight: 400;
}
#cart .left:before {
content: "";
display: block;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
background-position: -5px -5px;
background-image: url("../images/sprite-icons.png");
position: absolute;
top: 24px;
left: 0px;
width: 30px;
height: 30px;
}
#cart .right {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px; 
padding: 20px 0px 0px 0px;
text-align: right;
width: 470px;
float: right;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
font-size: 0px;
}
#cart .right .summ {
font-size: 20px;
line-height: 20px;
display: inline-block;
vertical-align: top;
font-weight: 700;
margin-right: 28px;
padding-top: 9px;
}
#cart .right .button-yellow.mini {
width: 170px;
height: 40px;
font-size: 17px;
line-height: 17px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
}
#cart .right .button-white-border {
width: 130px;
height: 40px;
display: inline-block;
vertical-align: top;
}
.slideCart {
display: inline-block;
vertical-align: top;
margin: 15px 0px 0px 0px; 
padding: 17px 0px 0px 0px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
width: 190px;
height: 50px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
position: absolute;
top: 0px;
left: 50%;
margin-left: -95px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slideCart > span {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
font-size: 16px;
line-height: 15px;
}
.slideCart.slideUp {
background: #be1d2e;
}
.slideCart.slideUp > span {
border-bottom: 1px dotted #fff;
color: #fff;
}
.slideCart.slideUp:hover {
background: #fff;
}
.slideCart.slideUp:hover > span {
border-bottom: 1px dotted #1b1c1f;
color: #1b1c1f;
}
.slideCart.slideDown {
background: #fff;
top: -40px;
-webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 0px 50px rgba(0, 0, 0, 0.2);
box-shadow:         0px 0px 50px rgba(0, 0, 0, 0.2);
}
.slideCart.slideDown > span {
border-bottom: 1px dotted #1b1c1f;
color: #1b1c1f;
}
.slideCart.slideDown:hover {
background: #be1d2e;
-webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.6);
-moz-box-shadow:    0px 0px 50px rgba(0, 0, 0, 0.6);
box-shadow:         0px 0px 50px rgba(0, 0, 0, 0.6);
}
.slideCart.slideDown:hover > span {
border-bottom: 1px dotted #fff;
color: #fff;
}

#cart-opened {
background: #d72538;
display: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
max-height: 470px;
position: fixed;
bottom: -100px;
left: 0px;
z-index: 150;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
color: #fff;
}
#cart-opened.active {
display: block;	
}
#cart-opened > div {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
width: 100%;
overflow-y: auto;
max-height: inherit;
}
#cart-opened .w-center {
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
width: 770px;
padding-top: 76px;
padding-bottom: 87px;
}
#cart-opened .table {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#cart-opened .table .tr {
display: block;
margin: 10px 0px 0px 0px;
padding: 20px 0px 10px 0px;
min-height: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
background: #d41529;
font-size: 0px;
}
#cart-opened .table .tr:after {
content: "";
display: block;
clear: both;
}
#cart-opened .table .tr:nth-child(1) {
background: none;
min-height: inherit;
padding-top: 0px;
padding-bottom: 6px;
}
#cart-opened .table .tr .th, #cart-opened .table .tr .td {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
font-size: 20px;
line-height: 24px;
}
#cart-opened .table .tr .td.title {
padding: 0px 0px 0px 27px;
width: 464px;
}
#cart-opened .table .tr .td.price {
padding: 0px 0px 0px 0px;
width: 134px;
}
#cart-opened .table .tr .td.kol {
padding: 0px 0px 0px 0px;
width: 120px;
margin-right: -20px;
margin-top: -10px;
}
#cart-opened .table .tr .td.th.kol {
margin-top: 0px;
}
#cart-opened .table .tr .td.kol .minus, #cart-opened .table .tr .td.kol .plus {
display: inline-block;
vertical-align: top;
margin: 11px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 20px;
height: 20px;
position: relative;
cursor: pointer;
}
#cart-opened .table .tr .td.kol .minus:before, #cart-opened .table .tr .td.kol .plus:before {
content: "";
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 50%;
left: 50%;
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url("../images/sprite-icons.png");
}
#cart-opened .table .tr .td.kol .plus {
margin-left: -6px;
margin-right: 14px;
}
#cart-opened .table .tr .td.kol .minus {
margin-left: 14px;
}
#cart-opened .table .tr .td.kol .plus:before {
width: 10px;
height: 10px;	
margin-left: -5px;
margin-top: -5px;
background-position: -25px -57px;
}
#cart-opened .table .tr .td.kol .minus:before {
width: 10px;
height: 2px;
margin-left: -5px;
margin-top: -1px;
background-position: -5px -57px;
}
#cart-opened .table .tr .td.kol .count {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 11px 0px 0px 0px;
width: 40px;
height: 40px;
background: #d72437;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
position: relative;
top: 0px;
font-size: 16px;
line-height: 20px;
text-align: center;
cursor: default;
}
#cart-opened .table .tr .td.remove {
padding: 0px 0px 0px 0px;
width: 39px;
float: right;
text-align: left;
}
#cart-opened .table .tr .td.remove .delete {
position: relative;
top: 2px;
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: -45px -5px;
background-image: url("../images/sprite-icons.png");
cursor: pointer;
}
#cart-opened .table .tr .td.remove .delete:hover {
background-position: -45px -31px;
}
#cart-opened .table .tr .th {
font-size: 16px;
line-height: 21px;
color: #ffd8dc;
}
#cart-opened .result {
font-size: 0px;
display: inline-block;
vertical-align: top;
width: 400px;
float: right;
text-align: right;
margin-top: 20px;
}
#cart-opened .result .summ {
font-size: 22px;
line-height: 22px;
display: inline-block;
vertical-align: top;
padding-top: 10px;
}
#cart-opened .result .button-yellow.mini {
width: 170px;
height: 40px;
font-size: 17px;
line-height: 17px;
display: inline-block;
vertical-align: top;
margin-left: 18px;
}

.red-form {
display: block;
padding: 43px 45px 32px 45px;
margin: 0 auto;
color: #fff;
text-align: center;
width: 370px;
position: relative;
background: #ad1927;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.red-form.no-bg {
background: none;
}
.red-form .zag {
display: block;
padding: 0px 0px 16px 0px;
margin: 0px -25px 0px -25px;
font-weight: 700;
font-size: 32px;
line-height: 38px;
}
.red-form .subzag {
display: block;
padding: 4px 0px 26px 0px;
margin: 0px -25px 0px -25px;
font-size: 15px;
line-height: 20px;
color: #ffdde0;
}
.red-form .note {
display: block;
padding: 24px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 15px;
line-height: 20px;
color: #ffdde0;
}
.red-form .inps {
width: 100%;
height: 50px;
border: none;
color: #000;
font-size: 15px;
display: inline-block;
vertical-align: top;
margin: 0 auto;
margin: 0px 0px 0px 0px;
margin-top: 10px;
padding: 0px 25px 0px 25px;
outline: none;
position: relative;
z-index: 1;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-align: left;
font-family: 'Fregat';
background-color: #f6f6f6;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
box-sizing:         border-box;
}
.inp-error {
-webkit-box-shadow: 0 0 0 3px #fa94a1 !important;
-moz-box-shadow:    0 0 0 3px #fa94a1 !important;
box-shadow:         0 0 0 3px #fa94a1 !important;
}
.red-form textarea.inps {
padding-top: 14px;
padding-bottom: 14px;
height: 80px;
resize: none;
}
.red-form input[type='text']::-webkit-input-placeholder, .red-form textarea::-webkit-input-placeholder {
color: #2d2d2d !important;
font-size: 15px !important;
font-family: 'Fregat' !important;
}
.red-form input[type='text']::-moz-placeholder, .red-form textarea::-moz-placeholder {
color: #2d2d2d !important;
font-size: 15px !important;
font-family: 'Fregat' !important;
}
.red-form input[type='text']:-moz-placeholder, .red-form textarea:-ms-input-placeholder {
color: #2d2d2d !important;
font-size: 15px !important;
font-family: 'Fregat' !important;
}
.red-form input[type='text']:-ms-input-placeholder, .red-form textarea:focus:-ms-input-placeholder {
color: #2d2d2d !important;
font-size: 15px !important;
font-family: 'Fregat' !important;
}
.red-form input[type='text']:focus::-webkit-input-placeholder, .red-form textarea:focus::-webkit-input-placeholder {
color: transparent !important;
}
.red-form input[type='text']:focus::-moz-placeholder, .red-form textarea:focus::-moz-placeholder {
color: transparent !important;
}
.red-form input[type='text']:focus:-moz-placeholder, .red-form textarea:focus:-moz-placeholder {
color: transparent !important;
}
.red-form input[type='text']:focus:-ms-input-placeholder, .red-form textarea:focus:-ms-input-placeholder {
color: transparent !important;
}
.red-form .submit-button {
margin-top: 30px;
width: 280px;
height: 56px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
padding-left: 2px;
}

.arcticmodal-overlay,
.arcticmodal-container {position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;}
.arcticmodal-container {overflow:auto;margin:0;padding:0;border:0;border-collapse:collapse;}
*:first-child+html .arcticmodal-container {height:100%}
.arcticmodal-container_i {height:100%;margin: 0 auto;}
.arcticmodal-container_i2 {padding:24px;margin:0;border:0;vertical-align:middle;}
.arcticmodal-error {padding:20px;border-radius:10px;background:#000;color:#fff;}
.arcticmodal-loading {width: 80px;height:80px;border-radius:10px;}
.arcticmodal-overlay {background-color:#000!important;opacity:0.8!important;}
.box-modal {position:relative;width:auto;padding:0px 0px 0px 0px;margin-top:15px;}
.box-modal_close {
cursor: pointer;
z-index: 999;
width: 50px;
height: 50px;
background-color: #fff;
position: absolute;
top: -20px;
right: -20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.box-modal_close:before {
content: "";
display: block;
width: 11px;
height: 11px;
background-repeat: no-repeat;
background-position: -45px -57px;
background-image: url("../images/sprite-icons.png");
position: absolute;
top: 50%;
left: 50%;
margin-top: -5.5px;
margin-left: -5.5px;
}
.box-modal_close:hover {
opacity: 0.9;
}
.box-modal .red-form {
background: #b81528;
}

/*--- Спасибо ---*/
body#thanks #promo {
background: none;
height: auto;
color: #1b1c1f;
}
body#thanks, body#thanks #main-wrapper, body#thanks #promo {
min-height: 100%;
}
body#thanks {
background: #eef1f5 url("http://garlandcurtain.xcartpro.com/r1/images/bg-thanks.html") top center no-repeat;
}
body#thanks #promo .main, body#thanks #promo .main .title, body#thanks #promo .main .subtitle {
text-align: center;
}
body#thanks #promo .main .title {
font-size: 45px;
line-height: 45px;
font-weight: 700;
word-spacing: 0em;
text-shadow: none;
padding-top: 150px;
}
body#thanks #promo .main .subtitle {
padding-top: 12px;
font-size: 25px;
line-height: 30px;
word-spacing: 0em;
}
body#thanks #promo .main .button-yellow {
margin-top: 39px;
width: 320px;
height: 70px;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
border-radius: 35px;
font-size: 24px;
line-height: 24px;
position: relative;
}

/*! fancyBox v2.1.5 */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('http://garlandcurtain.xcartpro.com/r1/css/images/fancybox/fancybox_sprite.html');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('http://garlandcurtain.xcartpro.com/r1/css/images/fancybox/fancybox_loading.html') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('http://garlandcurtain.xcartpro.com/r1/css/images/fancybox/blank.html'); /* compare IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
   overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: rgba(0,0,0,0.8);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
body.fancybox-overlay-fixed {
position: fixed;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0,0,0,0.8);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('http://garlandcurtain.xcartpro.com/r1/css/images/fancybox/fancybox_sprite_402x.html');
background-size: 44px 152px;
}
#fancybox-loading div {
background-image: url('http://garlandcurtain.xcartpro.com/r1/css/images/fancybox/fancybox_loading_402x.html');
background-size: 24px 24px;
}
}
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
}
.fancybox-lock {
overflow: hidden;
}
a.button-yellow{
	line-height: 70px !important;
}
.timer {margin-top: 4px;}
.clock {
    width: 196px;
    height: 48px;
    background: url("../images/timer.png") no-repeat center;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 800;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 9px;
}
.clock>div {
    width: 61px;
    border:none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}
.clock>div>p {
	display: block;
    width: 30px;
    line-height: 37px;
    text-align: left;
    color: #b0253a;
}
.clock>div>span {
    position: absolute;
    width: 100%;
    bottom: -12px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    left: 0;
}
.clock>div>p:first-child {text-align: right;}
.day {display: none !important;}
.action {
     max-width: 352px;
    width: 100%;
    height: 262px;
    display: inline-block;
    background: url("../images/action.png") no-repeat center top;
    position: relative;
    padding-top: 50px;
    float: right;
    text-align: center;
}
.action strong {
    font-weight: 800;
    color: #fff;
    font-size: 25px;
    display: inline-block;
    text-align: center;
}
.action strong span {
    color: #fffc00;
    font-size: 25px;
}
.action img {
    margin-left: 10px;
    vertical-align: bottom;
}
.action>span {
    color: #fff;
    display: block;
    font-size: 15px;
    text-align: center;
    margin-top: 5px;
}
#politics .red-form{
	    display: block;
    padding: 20px 15px 20px 15px;
    margin: 0 auto;
    color: #fff;
    text-align: left;
    max-width: 900px;
    width: 100%;
    position: relative;
    background: #ad1927;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#politics .red-form .zag {
    display: block;
    padding: 0px 0px 16px 0px;
    margin: 0;
    font-weight: 700;
    text-align: center;
    font-size: 32px;
    line-height: 38px;
}
.pol{
	bottom: -20px;
    position: relative;
        width: auto !important;
    padding: 0 20px;
}
.akciya .action{
    max-width: 352px;
    width: 100%;
    height: 262px;
    display: inline-block;
    background: url("../images/action.png") no-repeat center top;
    position: relative;
    padding-top: 50px;
    top: -70px;
    float: none;
    text-align: center;
}

/* adaptive */

@media only screen and (max-width : 768px) {

    /*Disable Animation on Mobile Devices*/
    .animated {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }

}

@media (min-width: 768px) and (max-width: 1199px) {


    #fairytale .w-center > div {
        width: 100%;}
    .w-center {width: 768px;}
    #promo .main .title {
        font-size: 50px;
        line-height: 54px;
        padding-top: 8px;
    }
    #promo .main .title br {
        display: none;
    }
    #promo .main .subtitle {
        padding-top: 30px;
    }
    #promo .akciya .left {
        padding-left: 35px;
        width: 550px;
    }
    #promo .akciya .left .txt-1 {
        padding-top: 0px;
        position: relative;
        top: -23px;
        font-size: 50px;
        line-height: 50px;
    }
    #promo .akciya .left .txt-2 {
        margin-left: 0px;
        padding-top: 0px;
        position: relative;
        top: 33px;
        left: -140px;
        font-size: 20px;
        line-height: 23px;
    }
    #promo .akciya .left .days {
        position: relative;
        top: -57px;
    }
    #promo .akciya .gift {
        margin-right: -445px;
    }
    #details .details .detail-item:before {
        display: none;
    }
    #skidka .title-block {
        padding-top: 85px;
    }
    #skidka .days {
        margin-top: 50px;
    }
    #fir-trees .tree-item, #gallery .img, #benefits .benefit-item {
        margin-left: 14px;
        line-height: 14px;
    }
    #accessories .wrap ul.tabs li > span {
        font-size: 18px;
        line-height: 18px;
    }
    #fairytale .w-center > div > div {
        font-size: 19px;
        line-height: 34px;
        text-align: center !important;
        text-shadow: 0px 4px 20px rgba(0,0,0,0.4);
    }
    #opt{
        height: auto;
        background-size: cover;
        padding-bottom: 70px;
        padding-top: 100px;
    }
    #opt .w-center > div {
        display: block;
    }
    #opt .title-block {
        font-size: 40px;
        line-height: 44px;
        text-align: center !important;
    }
    #opt .subtitle {
        font-size: 21px;
        line-height: 27px;
        text-align: center;
    }
    .red-form.inline {
        width: auto;
        text-align: center !important;
        padding-top: 50px;
    }
    .red-form.inline .subzag {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 16px;
    }
    .red-form.inline .inps {
        margin-top: 20px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .red-form.inline .submit-button {
        margin-top: 20px;
        margin-left: 0px;
    }
    #benefits .benefit-item {
        left: 12px;
        position: relative;
    }
    #questions .left {
        width: 390px;
    }
    #questions .title-block {
        font-size: 37px;
        line-height: 42px;
    }
    #questions .title-block br {
        display: none;
    }
    #footer .left {
        width: 180px;
    }
    #footer .center {
        width: 260px;
        margin-left: 68px;
    }
    #cart .left {
        display: none;
    }
    .slideCart.slideUp {
        left: 0%;
        margin-left: 0px;
    }
}

@media (min-width: 320px) and (max-width: 768px){

    .remote {
        top: 267px;
        right: 18%;
        width: 70px;
    }

    #snowfall-1, #snowfall-2, #snowfall-3, #snowfall-4, #snowfall-5, #snowfall-6{
        display: none;
    }

    .w-center{
        width: 100% !important;
    }
    #promo .top{
        text-align: center;
        height: auto;
    }
    #promo .top .left{
        padding: 0;
        width: 100%;
    }
    #promo .top .left .logo{
        font-size: 23px;
        line-height: 28px;
        text-align: center;
        margin-top: 17px;
    }
    #promo .top .right {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        float: none;
        text-align: center;
        margin: 0px 0px 0px 0px;
        padding: 15px 0px 0px 0px;
        font-size: 0px;
    }
    #menu{
        height: auto;
    }
    #menu ul{
        text-align: center;
    }
    #menu ul li a{
        line-height: 32px;
    }
    #promo .main {
        display: block;
        margin: 30px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        height: auto;
        text-align: center;
    }
    #promo .main .title{
        padding: 5px 5px 0px 5px;
        text-align: center;
        font-size: 35px;
        line-height: 53px;
    }
    #promo .main .subtitle{
        text-align: center;
        padding: 0 5px;
    }
    #promo .akciya .left{
        max-width: 760px;
        width: 100%;
        height: auto;
        padding: 5px;
    }
    #promo .main .button-yellow.gather {
        max-width: 340px;
        width: 100%;

        float: none;
        display: inline-block;
    }
    #promo .akciya{
        position: relative;
    }
    #promo .akciya .left .days {
        display: inline-block;
        vertical-align: top;
        margin: 0px 0px 0px 0px;
        padding: 1px 0px 0px 0px;
        font-size: 0px;
        float: right;
        width: 100%;
        text-align: center;
    }
    #promo .akciya .left .days > div {
        display: inline-block;
        vertical-align: top;
        margin: 0px 0px 0px 17px;
        padding: 0px 0px 30px 0px;
        width: 90%;
    }
    #promo .akciya .left .days .l{
        float: left;
    }
    #promo .akciya .left .days .n{
        float: right;
    }
    #details .privilege-items{
        padding: 0;
    }
    #details .details{
        padding-top: 30px;
    }
    #details .details .detail-items{
        height: auto;
    }
    #details .details{
        background: transparent;
    }
    #details .details .detail-item{
        position: relative;
    }
    #detail-item{
        width: 100% !important;
        position: relative;
    }
    #details .details .detail-item.right,
    #details .details .detail-item.left{
        padding: 0;
    }
    #details .details .detail-item#detail-item-1 {
        width: 100%;
        top: 0;
        text-align: center;
        height: auto;
        padding: 20px 0;
        border-bottom: 1px solid;
    }
    #details .details .detail-item#detail-item-2,
    #details .details .detail-item#detail-item-3,
    #details .details .detail-item#detail-item-4,
    #details .details .detail-item#detail-item-5,
    #details .details .detail-item#detail-item-6,
    #details .details .detail-item#detail-item-7,
    #details .details .detail-item#detail-item-8{
        width: 100%;
        top: 0;
        text-align: center;
        border-bottom: 1px solid;
        height: auto;
        padding: 20px 0;

    }
    #skidka .days {
        display: block;
        margin: 0 auto;
        margin-top: 72px;
        padding: 0px 0px 0px 0px;
        font-size: 0px;
        max-width: 650px;
        width: 100%;
        text-align: center;
    }
    #skidka{
        height: auto;
        padding-bottom: 18px;
    }

    #skidka .days > div.left{
        width: 100%;
        max-width: 343px;
        margin-bottom:  10px;
    }
    #skidka .days > div.right{
        width: 100%;
        float: none;
        max-width: 340px;margin: 0;
    }
    #opt {
        width: 100%;
        max-width: 1920px;
        height: auto;
        padding: 15px 0px 0px 0px;
        margin: 0 auto;
        margin-top: -2px;
    }
    #opt .w-center > div{
        height: auto;
    }
    #opt .w-center > div > div {
        display: inline;
        vertical-align: middle;
        height: 100%;
    }
    .red-form.inline {
        padding: 10px;
        max-width: 1020px;
        width: 100%;
        margin-left: 0px;
        margin-top: 45px;
        text-align: left;
        font-size: 0px;
        background: #b91825;
    }
    .red-form.inline form{
        text-align: center;
    }
    .red-form.inline input{
        margin-left: 0 !important;
        margin-top: 15px !important;
    }
    #questions {
        width: 100%;
        max-width: 1920px;
        height: auto;
        padding: 20px 0;
    }
    #questions .left {
        max-width: 570px;
        width: 100%;
        padding: 10px;
        font-size: 34px;
    }
    #questions .w-center, #questions .left, #questions .right {
        height: inherit;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        float: none;
    }
    #questions .right{
        max-width: 370px;
        width: 100%;
    }
    #questions .button-border{
        display: inline-block;
        float: none;
    }
    #opt .title-block {
        line-height: 35px;
        font-size: 29px;
        padding: 10px;
        text-align: center;
    }
    #opt .subtitle {
        display: block;
        padding: 0px 0px 0px 0px;
        margin: 14px 0px 0px 0px;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }
    #fairytale .w-center > div > div{
        text-align: center;
        font-size: 15px;
    }
    #fairytale .w-center > div {
        width: 100%;
    }
    #cart .left,
    #cart .right{
        max-width: 470px;
        width: 100%;
    }
    #cart{
        height: auto;
    }
    .slideCart{
        top: -40px;
    }
    .arcticmodal-container_i2{
        padding: 0;
    }
    #questions .action{
        top: 10px;
        float: none;
    }
    .akciya .action{
        top: 0;
    }
    #promo{
        background-size: cover;
        height: auto;
    }
    #footer{
        text-align: center;
        /*height: 350px;*/
        padding-top: 21px;
    }
    #footer .center{
        margin: 0;
        padding: 10px 0 0 0;
    }
    #footer .right{
        float: none;
        padding: 10px 0 0 0;
        text-align: center;
    }
    #footer .left{
        padding: 0;
    }
    .red-form{
        max-width: 370px;
        width: 100%;
        padding: 10px;
    }
    #benefits .benefit-item .icon{
        max-width: 105px;
        width: 100%;
    }
    #benefits .benefit-item{
        max-width: 370px;
        width: 100%;
        margin: 0;
        text-align: center;
    }
    #benefits .benefit-items{
        margin: 0;
    }

    #benefits .benefit-item .txt .z {
        margin: 0px 0px 0px 10px;
        text-align: left;
    }

    #benefits .benefit-item .txt .d {
        margin: 0px 0px 0px 10px;
        text-align: left;
    }

    #benefits .mob-bottom {
        margin-bottom: 41px;
    }


    #gallery {
        padding: 0px 0px 5px 0px;
    }


    #benefits .mob-blockmar {
        margin-top: 21px;
    }




}

/* animate */

.animated{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounce {
    from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
    70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
    90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@keyframes bounce {
    from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
    70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
    90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash {
    from,50%,to{opacity:1}
    25%,75%{opacity:0}
}
@keyframes flash {
    from,50%,to{opacity:1}
    25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse {
    from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
    to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse {
    from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
    to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand {
    from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}
    40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}
    50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}
    65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
    75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
    to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes rubberBand {
    from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}
    40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}
    50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}
    65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
    75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
    to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake {
    from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
    20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake {
    from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
    20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes headShake {
    0%{-webkit-transform:translateX(0);transform:translateX(0)}
    6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
    18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
    31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
    43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
    50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes headShake {
    0%{-webkit-transform:translateX(0);transform:translateX(0)}
    6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
    18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
    31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
    43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
    50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}
@-webkit-keyframes swing {
    20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
    40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
    60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
    80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
    to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
@keyframes swing {
    20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
    40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
    60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
    80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
    to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada {
    from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
    40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
    to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada {
    from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
    30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
    40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
    to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble {
    from{-webkit-transform:none;transform:none}
    15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
    30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
    45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
    60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
    75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
    to{-webkit-transform:none;transform:none}
}
@keyframes wobble {
    from{-webkit-transform:none;transform:none}
    15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
    30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
    45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
    60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
    75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
    to{-webkit-transform:none;transform:none}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes jello {
    from,11.1%,to{-webkit-transform:none;transform:none}
    22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
    33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
    44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
    55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
    66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}
    77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}
    88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}
@keyframes jello {
    from,11.1%,to{-webkit-transform:none;transform:none}
    22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
    33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
    44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
    55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
    66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}
    77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}
    88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}
.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes bounceIn {
    from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn {
    from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown {
    from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
    0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    to{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown {
    from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
    0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    to{-webkit-transform:none;transform:none}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft {
    from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
    0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
    75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
    90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
    to{-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft {
    from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
    0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
    75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
    90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
    to{-webkit-transform:none;transform:none}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight {
    from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
    from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
    75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
    90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
    to{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight {
    from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
    from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
    60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
    75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
    90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
    to{-webkit-transform:none;transform:none}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp {
    from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
    from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
    75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
    90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
    to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInUp {
    from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
    from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
    75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
    90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
    to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut {
    20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
@keyframes bounceOut {
    20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown {
    20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
    40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
    to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown {
    20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
    40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
    to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft {
    20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
    to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft {
    20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
    to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight {
    20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
    to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight {
    20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
    to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp {
    20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
    to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp {
    20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
    to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn {
    from{opacity:0}
    to{opacity:1}
}
@keyframes fadeIn {
    from{opacity:0}
    to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown {
    from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown {
    from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig {
    from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig {
    from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft {
    from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft {
    from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig {
    from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftBig {
    from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight {
    from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight {
    from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig {
    from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightBig {
    from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp {
    from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
    from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig {
    from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig {
    from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut {
    from{opacity:1}
    to{opacity:0}
}
@keyframes fadeOut {
    from{opacity:1}
    to{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip {
    from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
    40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
    50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip {
    from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
    40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
    50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX {
    from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
    40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
    80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
    to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX {
    from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
    40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
    80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
    to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY {
    from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
    40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
    80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
    to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY {
    from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
    40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
    80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
    to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX {
    from{-webkit-transform:perspective(400px);transform:perspective(400px)}
    30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
    to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
@keyframes flipOutX {
    from{-webkit-transform:perspective(400px);transform:perspective(400px)}
    30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
    to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY {
    from{-webkit-transform:perspective(400px);transform:perspective(400px)}
    30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
    to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
@keyframes flipOutY {
    from{-webkit-transform:perspective(400px);transform:perspective(400px)}
    30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
    to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn {
    from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
    60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
    80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
    to{-webkit-transform:none;transform:none;opacity:1}
}
@keyframes lightSpeedIn {
    from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
    60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
    80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
    to{-webkit-transform:none;transform:none;opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut {
    from{opacity:1}
    to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut {
    from{opacity:1}
    to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn {
    from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
    to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn {
    from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
    to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft {
    from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
    to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownLeft {
    from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
    to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight {
    from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
    to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownRight {
    from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
    to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft {
    from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
    to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpLeft {
    from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
    to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight {
    from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
    to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpRight {
    from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
    to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut {
    from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
    to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
@keyframes rotateOut {
    from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
    to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft {
    from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
    to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
@keyframes rotateOutDownLeft {
    from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
    to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight {
    from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
    to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutDownRight {
    from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
    to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft {
    from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
    to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutUpLeft {
    from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
    to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight {
    from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
    to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
@keyframes rotateOutUpRight {
    from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
    to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge {
    0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
    to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
@keyframes hinge {
    0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
    40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
    to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn {
    from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn {
    from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes rollOut {
    from{opacity:1}
    to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn {
    from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
}
@keyframes zoomIn {
    from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown {
    from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
    60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInDown {
    from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
    60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft {
    from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
    60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInLeft {
    from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
    60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight {
    from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
    60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInRight {
    from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
    60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp {
    from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
    60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomInUp {
    from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
    60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut {
    from{opacity:1}
    50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    to{opacity:0}
}
@keyframes zoomOut {
    from{opacity:1}
    50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    to{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown {
    40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
    to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomOutDown {
    40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
    to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft {
    40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
    to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft {
    40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
    to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight {
    40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
    to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight {
    40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
    to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp {
    40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
    to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
@keyframes zoomOutUp {
    40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)}
    to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown {
    from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
    to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInDown {
    from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
    to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft {
    from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
    to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInLeft {
    from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
    to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight {
    from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
    to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInRight {
    from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
    to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp {
    from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
    to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInUp {
    from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
    to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown {
    from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown {
    from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft {
    from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes slideOutLeft {
    from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight {
    from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes slideOutRight {
    from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp {
    from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes slideOutUp {
    from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

/* popup */

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80); }

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
    display: none; }

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }

.mfp-ajax-cur {
    cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out; }

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
    cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.mfp-loading.mfp-figure {
    display: none; }

.mfp-hide {
    display: none !important; }

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }
.mfp-preloader a {
    color: #cccccc; }
.mfp-preloader a:hover {
    color: white; }

.mfp-s-ready .mfp-preloader {
    display: none; }

.mfp-s-error .mfp-content {
    display: none; }

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none; }
button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px; }

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
    margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
.mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
    line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px; }

.mfp-image-holder .mfp-content {
    max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
        padding: 0; }
    .mfp-img-mobile .mfp-figure {
        /* The shadow behind the image */ }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; } }

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; } }

.mfp-ie7 .mfp-img {
    padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
    padding: 0; }
.mfp-ie7 .mfp-content {
    padding-top: 44px; }
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0; }

/* */

@media(min-width: 768px){
    .heder-mob{
        display: none;
    }
    .akciya .action{
        left: 172px;
    }
}
@media(max-width: 768px){
    .heder-mob{
        display: block;
    }

}
.com{
    font-size: 20px;
    padding: 5px 2px;
}
.form-control{

    width: 100%;
    height: 50px;
    border: none;
    color: #000;
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    margin: 0px 0px 0px 0px;
    margin-top: 10px;
    padding: 0px 25px 0px 25px;
    outline: none;
    position: relative;
    z-index: 1;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    text-align: left;
    font-family: 'Fregat';
    background-color: #f6f6f6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}

/* */

.country_select {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
}

.copyright { font-size: 14px;text-align: center; padding:20px 0;color: #6C6E6F;}
.copyright p { width: 100%; text-align: center; padding: 0; margin: 0; }
.copyright br { display: none; }
.copyright img { margin: 10px auto!important; max-width:100%; }
.copyright a {color: #6C6E6F; text-decoration: none;}
.copyright a:hover { color:#FF0069; text-decoration: none; }
.errField { display:none; font-size: 14px; background: #f00; color: #fff; text-align: center; padding: 10px; margin-bottom:10px; }
.errorMessage {font-size: 15px;background: rgba(255, 0, 0, 0.64);color: #fff;text-align: center;padding: 5px 10px;position: absolute;margin: 10px 0 0; z-index: 999;}


.cont-timer {
    max-width: 246px;
    margin: 0 auto;
  }
  .countbox {
    display: flex;
      justify-content: space-between;
    text-align: center;
  }
  .countbox-num {
    
  }
  .countbox-number {
    display: flex;
      justify-content: center;
      align-items: center;
    background: #fff;
    border-radius: 3px;
    color:red;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1;
    width: 60px;
    height: 50px;
  }
  .countbox-text {
    font-size: 14px;
    padding-top: 5px;
    color:#fff;
  }
  .countbox-space {
    font-size: 35px;
    font-weight: 700;
    line-height: 1.5;
    color:#fff;
  }