/*
	Theme Name: Ecodrift
	Author: веб-студия "Reforge"
	Author URI: http://reforge.ru/
	Technical specialist: Joja (Сергей Денисов) | https://fl.ru/users/joja/
	Version: 1.0
*/
@charset "UTF-8";
@font-face { font-family: 'AvenirNextCyr-Bold'; src: url('webfonts/AvenirNextCyr-Boldd41dd41d.html?#iefix') format('embedded-opentype'), url('webfonts/AvenirNextCyr-Bold.html') format('opentype'), url('webfonts/AvenirNextCyr-Bold-2.html') format('woff'), url('webfonts/AvenirNextCyr-Bold-3.html') format('truetype'), url('webfonts/AvenirNextCyr-Bold-4.html#AvenirNextCyr-Bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AvenirNextCyr-Regular'; src: url('webfonts/AvenirNextCyr-Regulard41dd41d.html?#iefix') format('embedded-opentype'), url('webfonts/AvenirNextCyr-Regular.html') format('opentype'), url('webfonts/AvenirNextCyr-Regular-2.html') format('woff'), url('webfonts/AvenirNextCyr-Regular-3.html') format('truetype'), url('webfonts/AvenirNextCyr-Regular-4.html#AvenirNextCyr-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AvenirNextCyr-Demi'; src: url('webfonts/AvenirNextCyr-Demid41dd41d.html?#iefix') format('embedded-opentype'), url('webfonts/AvenirNextCyr-Demi.html') format('opentype'), url('webfonts/AvenirNextCyr-Demi-2.html') format('woff'), url('webfonts/AvenirNextCyr-Demi-3.html') format('truetype'), url('webfonts/AvenirNextCyr-Demi-4.html#AvenirNextCyr-Demi') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AvenirNextCyr-Medium'; src: url('webfonts/AvenirNextCyr-Mediumd41dd41d.html?#iefix') format('embedded-opentype'), url('webfonts/AvenirNextCyr-Medium.html') format('opentype'), url('webfonts/AvenirNextCyr-Medium-2.html') format('woff'), url('webfonts/AvenirNextCyr-Medium-3.html') format('truetype'), url('webfonts/AvenirNextCyr-Medium-4.html#AvenirNextCyr-Medium') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AvenirNextCyr-Light'; src: url('webfonts/AvenirNextCyr-Lightd41dd41d.html?#iefix') format('embedded-opentype'), url('webfonts/AvenirNextCyr-Light.html') format('opentype'), url('webfonts/AvenirNextCyr-Light-2.html') format('woff'), url('webfonts/AvenirNextCyr-Light-3.html') format('truetype'), url('webfonts/AvenirNextCyr-Light-4.html#AvenirNextCyr-Light') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ALSRubl'; src: url('webfonts/ALSRubld41dd41d.html?#iefix') format('embedded-opentype'), url('webfonts/ALSRubl.html') format('woff'), url('webfonts/ALSRubl-2.html') format('truetype'), url('webfonts/ALSRubl-3.html#ALSRubl') format('svg'); font-weight: normal; 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:#fff;padding:0;margin:0;color:#000;width:100%;font-family:'AvenirNextCyr-Regular';font-weight:400;}
img{border: none;}
.clear {clear:both;height:0px;}
.inp-error {border-color:#cc0000!important;}
.inp-focus {border-color:#3990e5!important;}
::-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;}
#close_thanks_modal {
color: #f44e52;
text-decoration: underline;
}
#close_thanks_modal:hover {
text-decoration: none;
}
.title-block {
display: block;
text-align: center;
color: #363636; 
font-size: 44px;
line-height: 50px;
font-weight: 400;
position: relative;
}
.title-block .green {
font-family: 'AvenirNextCyr-Bold';
color: #8dc643;
}
.title-block .bold {
font-family: 'AvenirNextCyr-Bold';
}
#header-promo {
width: 100%; max-width: 2000px; height: 910px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 97;
color: #fff;
background-position: center top;
background-repeat: no-repeat;
background-image: url(images/bg-header-promo.jpg);
}
#header-promo:after {
content: "";
display: block;
position: absolute;
bottom: 31px;
left: 50%;
margin-left: -16px;
width: 31px;
height: 50px;
background-image: url(images/sprite-1.png);
background-repeat: no-repeat;
background-position: -5px -245px;
z-index: 3;
}
#header-promo .top {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
min-height: 100px;
}
#header-promo .top:after {
content: "";
display: block;
clear: both;
}
#header-promo .top .logo-bl {
display: inline-block;
vertical-align: top;
padding: 31px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
width: 550px;
}
#header-promo .top .logo-bl img {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#header-promo .top .logo-bl .site-title {
display: inline-block;
vertical-align: top;
padding: 11px 0px 0px 13px;
margin: 0px 0px 0px 0px;
font-size: 16px;
color: #909090;
font-family: 'AvenirNextCyr-Light';
}
#header-promo .top .contact-bl {
display: block;
padding: 30px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 220px;
float: right;
text-align: right;
}
#header-promo .top .contact-bl .tel {
display: inline-block;
vertical-align: top;
padding: 0px 0px 1px 0px;
margin: 0px 0px 0px 0px;
position: relative;
font-size: 23px;
line-height: 21px;
font-family: 'AvenirNextCyr-Bold';
}
#header-promo .top .contact-bl .tel:before {
content: "";
display: block;
width: 13px;
height: 19px;
background-image: url(images/sprite-1.png);
background-repeat: no-repeat;
background-position: -5px -305px;
position: absolute;
top: 0px;
left: -28px;
}
#header-promo .top .contact-bl .callback {
color: #fff;
text-decoration: none;
font-family: 'AvenirNextCyr-Demi';
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
text-transform: uppercase;
font-size: 12px;
line-height: 24px;
width: 140px;
height: 23px;
text-align: center;
background: #fa4f52;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}
#header-promo .top .contact-bl .callback:hover {
text-decoration: none;
background: #e82e32;
}
#header-promo .main-text {
display: block;
padding: 12px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-weight: 400;
color: #fff;
font-size: 54px;
line-height: 50px;
text-transform: uppercase;
text-align: center;
font-family: 'AvenirNextCyr-Bold';
}
#header-promo .sub-main-text {
display: block;
padding: 0px 0px 0px 0px;
margin: 9px 0px 0px 0px;
font-weight: 400;
color: #d0cfd0;
font-size: 30px;
line-height: 36px;
text-align: center;
font-family: 'AvenirNextCyr-Light';
}
#header-promo .sub-main-text span {
font-family: 'AvenirNextCyr-Bold';
}
.video-butt-bl {
display: block; 
width: 300px;
padding: 0px 0px 0px 0px;
margin: 0 auto;
margin-top: 33px;
}
.vbutton {
position: relative;
display: block;
padding: 0;
border: none;
background: none;
overflow: visible;
outline: none;
margin: 0 auto;
left: -1px;
text-decoration: none;
}
.vbutton .play {
width: 70px; 
height: 70px;
border: 1px solid rgba(141,198,67,0.45);
display: block;
padding: 0px 0px 0px 0px;
margin: 0 auto;
cursor: pointer;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
position: relative;
background: rgba(255,255,255,0.1);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.vbutton .play:after {
content: "";
width: 70px; 
height: 70px;
display: block;
background-repeat: no-repeat;
background-position: center center;
background-image: url(images/play-button.png);
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 0px;
left: 0px;
zoom: 1;
-webkit-min-device-pixel-ratio: 0;
-webkit-backface-visibility: hidden;
}
.vbutton:hover .play {
background: rgba(255,255,255,1);
cursor: pointer;
}
.vbutton:active .play {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
cursor: pointer;
}
.video-butt-bl .video-butt-text {
display: block;
padding-top: 22px;
font-size: 18px;
line-height: 24px;
color: #8dc643;
text-align: center;
font-family: 'AvenirNextCyr-Light';
}
.wave-1, .wave-2, .wave-3 {
position: absolute;
top: 0px;
left: 0px;
margin: 0px;
width: inherit;
height: inherit;
border-radius: 50%;
content: '';
opacity: 0;
pointer-events: none;
box-shadow: 0 0 0 2px rgba(141,198,67,0.4);
}
.wave-1 {
-webkit-animation: wave-1 2.0s infinite;
animation: wave-1 2.0s infinite;
box-shadow: 0 0 0 2px rgba(141,198,67,0.4);
}
.wave-2 {
-webkit-animation: wave-2 2.0s infinite;
animation: wave-2 2.0s infinite;
box-shadow: 0 0 0 2px rgba(141,198,67,0.3);
}
.wave-3 {
-webkit-animation: wave-3 2.0s infinite;
animation: wave-3 2.0s infinite;
box-shadow: 0 0 0 2px rgba(141,198,67,0.15);
}
@-webkit-keyframes wave-1 {
0%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%,100%{opacity:0;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1)}
}
@keyframes wave-1 {
0%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%,100%{opacity:0;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1)}
}
@-webkit-keyframes wave-2 {
0%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%,100%{opacity:0;-webkit-transform:scale3d(1.8,1.8,1);transform:scale3d(1.8,1.8,1)}
}
@keyframes wave-2 {
0%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%,100%{opacity:0;-webkit-transform:scale3d(1.8,1.8,1);transform:scale3d(1.8,1.8,1)}
}
@-webkit-keyframes wave-3 {
0%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%,100%{opacity:0;-webkit-transform:scale3d(2.3,2.3,1);transform:scale3d(2.3,2.3,1)}
}
@keyframes wave-3 {
0%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%,100%{opacity:0;-webkit-transform:scale3d(2.3,2.3,1);transform:scale3d(2.3,2.3,1)}
}
#benefits {
width: 100%; max-width: 2000px; height: 1245px; padding: 0px 0px 0px 0px; margin: 0 auto; margin-top: -100px; position: relative; z-index: 98;
background: url(images/bg-benefits.png) top center no-repeat;
overflow: hidden;
}
#benefits .bg {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
position: absolute;
width: 0%;
height: 0%;
top: 1244px;
left: 0px;
z-index: 1;
background: #f4f6f6;
}
#benefits .bg:before {
content: "";
position: absolute;
width: 100%;
height: 80px;
top: -80px;
left: 0px;
background: url(images/bg-benefits-gradient.png) top center repeat-x;
}
#benefits .title-block {
margin: 0px 0px 0px 0px;
padding: 141px 0px 0px 0px;
}
#benefits .benefit-items {
margin: 11px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
}
#benefits .benefit-items:after {
content: "";
display: block;
clear: both;
}
#benefits .benefit {
margin: 40px 46px 0px 32px;
padding: 0px 0px 0px 0px;
display: inline-block;
vertical-align: top;
width: 530px;
height: 230px;
background-image: url(images/sprite-1.png);
background-repeat: no-repeat;
background-position: -5px -5px;
float: left;
position: relative;
color: #363636;
}
#benefits .benefit:nth-child(2n), #benefits .benefit#benefit-2, #benefits .benefit#benefit-4, #benefits .benefit#benefit-6, #benefits .benefit#benefit-8 {
margin-right: -30px;
}
#benefits .benefit .icon {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
position: absolute;
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(images/icons-benefit.png);
}
#benefits .benefit#benefit-1 .icon {
background-position: -5px -5px;
width: 64px;
height: 56px;
left: -32px;
top: 82px;
}
#benefits .benefit#benefit-2 .icon {
background-position: -79px -5px;
width: 56px;
height: 56px;
left: -27px;
top: 82px;
}
#benefits .benefit#benefit-3 .icon {
background-position: -5px -71px;
width: 64px;
height: 52px;
left: -32px;
top: 84px;
}
#benefits .benefit#benefit-4 .icon {
background-position: -79px -71px;
width: 60px;
height: 58px;
left: -31px;
top: 82px;
}
#benefits .benefit#benefit-5 .icon {
background-position: -149px -5px;
width: 59px;
height: 59px;
left: -29px;
top: 80px;
}
#benefits .benefit#benefit-6 .icon {
background-position: -149px -74px;
width: 57px;
height: 65px;
left: -30px;
top: 77px;
}
#benefits .benefit .b-txt {
margin: 0px 0px 0px 0px;
padding: 41px 60px 0px 77px;
display: block;
}
#benefits .benefit .b-txt .b-zag {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
font-size: 33px;
line-height: 50px;
font-family: 'AvenirNextCyr-Demi';
}
#benefits .benefit .b-txt .b-desc {
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 2px;
display: block;
font-size: 18px;
line-height: 26px;
font-family: 'AvenirNextCyr-Light';
}
#benefits .benefit .b-txt .b-desc .bold, #benefits .benefit .b-txt .b-desc b, #benefits .benefit .b-txt .b-desc strong {
font-family: 'AvenirNextCyr-Demi';
font-weight: 400;
}
#products {
width: 100%; max-width: 2000px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
}
#products:before {
content: "";
display: block;
width: 100%;
height: 100px;
background: url(images/half-circle-bottom.png) top center no-repeat;
position: absolute;
top: -100px;
left: 0px;
z-index: 1;
}
#products .title-block {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
top: -41px;
}
#products .product-items {
margin: -19px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;	
}
#products .product-row {
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
display: block;	
border-bottom: 1px dotted #b5b5b5;
}
#products .product-row:last-child {
border-bottom: none;
padding-bottom: 0px;
}
#products .product-row:after {
content: "";
display: block;
clear: both;
}
#products .product {
margin: 29px 30px 0px 0px;
padding: 0px 0px 27px 0px;
display: block;	
border: 1px solid #dcdede;
width: 368px;
min-height: 713px;
overflow: hidden;
float: left;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
text-align: left;
}
#products .product-row .product:nth-child(3n) {
margin-right: -30px;
}
#products .product:hover {
background-color: #edf0f0;
-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
-moz-box-shadow:    0px 0px 16px 0px rgba(0,0,0,0.1);
box-shadow:         0px 0px 16px 0px rgba(0,0,0,0.1);
}
#products .product .prod-img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;	
border-bottom: 1px solid #dcdede;
width: 368px;
height: 368px;
background: #fff;
}
#products .product .prod-img img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;	
max-width: 100%;
max-height: 100%;
}
#products .product .prod-text {
margin: 0px 0px 0px 0px;
padding: 24px 26px 0px 26px;
display: block;
position: relative;
}
#products .product .prod-text .prod-name {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;	
color: #8dc643;
font-size: 36px;
line-height: 36px;
font-weight: 400;
}
#products .product .prod-text .prod-list {
margin: 18px 0px 0px 0px;
padding: 0px 0px 20px 0px;
display: block;	
list-style-type: none;
color: #748080;
font-family: 'AvenirNextCyr-Light';
font-size: 15px;
line-height: 26px;
min-height: 208px;
}
#products .product .prod-text .prod-list li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 25px;
display: block;	
position: relative;
}
#products .product .prod-text .prod-list li:before {
content: "";
display: block;
width: 5px;
height: 5px;
border: 2px solid #cacccc;
position: absolute;
top: 8px;
left: 3px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
#products .product .prod-text .prod-list li .bold {
font-family: 'AvenirNextCyr-Medium'; color: #313a3a;
}
#products .product .prod-text .prod-list li .colors {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 1px;
display: inline-block;	
vertical-align: top;
}
#products .product .prod-text .prod-list li .colors .color {
margin: 2px 0px 0px 1px;
padding: 0px 0px 0px 0px;
display: inline-block;	
vertical-align: top;
border: 1px solid #cfcfcf;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: 20px;
height: 20px;
cursor: pointer;
}
#products .product .prod-text .prod-list li .colors .color:hover, #products .product .prod-text .prod-list li .colors .color.active {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow:    0px 0px 5px 0px rgba(0,0,0,0.28);
box-shadow:         0px 0px 5px 0px rgba(0,0,0,0.28);
}
#products .product .prod-text .prod-list li .colors .color[data-color='black'] {
background: #323233;
}
#products .product .prod-text .prod-list li .colors .color[data-color='white'] {
background: #ffffff;
}
#products .product .prod-text .prod-list li .colors .color[data-color='yellow'] {
background: #f8f944;
}
#products .product .prod-text .prod-list li .colors .color[data-color='blue'] {
background: #3aa2ec;
}
#products .product .prod-text .prod-list li .colors .color[data-color='red'] {
background: #f44e52;
}
#products .product .prod-text .prod-list li .colors .color[data-color='green'] {
background: #8dc643;
}
#products .product .prod-text .prod-price {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
}
#products .product .prod-text .prod-price:after {
content: "";
display: block;
clear: both;
}
#products .product .prod-text .prod-price .price {
margin: 0px -10px 0px 0px;
padding: 0px 0px 0px 3px;
display: inline-block;	
float: left;
width: 165px;
color: #aab0b0;
font-size: 34px;
font-family: 'AvenirNextCyr-Bold';
}
#products .product .prod-text .prod-price .price .rubl {
font-family: 'ALSRubl';	font-weight: 700; position: relative; left: -3px;
}
#products .product .prod-text .prod-price .order-butt {
float: right;	
color: #fff;
text-decoration: none;
font-family: 'AvenirNextCyr-Medium';
font-weight: 400;
display: inline-block;
vertical-align: top;
padding: 0px 0px 1px 21px;
margin: 2px 4px 0px 0px;
text-transform: uppercase;
font-size: 16px;
line-height: 24px;
width: 140px;
height: 36px;
text-align: center;
background-color: #fa4f52;
background-repeat: no-repeat;
background-image: url(images/icon-cart.png);
background-position: 16px 10px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
border: none;
outline: none;
cursor: pointer;
}
#products .product .prod-text .prod-price .order-butt:hover {
text-decoration: none;
background-color: #e82e32;
}
#choose-model {
width: 100%; max-width: 2000px; height: 631px; padding: 0px 0px 0px 0px; margin: 0 auto; margin-top: -5px; position: relative;
color: #fff; background: url(images/bg-choose-model.jpg) top center no-repeat;
}
#choose-model:before {
content: "";
display: block;
width: 100%;
height: 100px;
background: url(images/half-circle-top.png) top center no-repeat;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
#choose-model:after {
content: "";
display: block;
width: 100%;
height: 100px;
background: url(images/half-circle-bottom.png) top center no-repeat;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 1;
}
#choose-model .txt-1 {
margin: 0px 0px 0px 0px;
padding: 165px 0px 0px 0px;
display: block;
text-align: center;
font-size: 44px;
line-height: 50px;
font-weight: 400;
}
#choose-model .txt-2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
text-align: center;
font-size: 44px;
line-height: 50px;
font-weight: 400;
font-family: 'AvenirNextCyr-Bold';
}
#choose-model .monowheel-left, #choose-model .monowheel-right {
display: block;
z-index: 3;
position: absolute;
background-image: url(images/sprite-2.png);
background-repeat: no-repeat;
}
#choose-model .monowheel-left {
width: 546px;
height: 629px;
background-position: -556px -5px;
top: 128px;
left: 50%;
margin-left: -970px;	
}
#choose-model .monowheel-right {
display: block;
width: 460px;
height: 605px;
background-position: -1112px -5px;
top: 132px;
right: 50%;
margin-right: -943px;
}
.white-form {
display: block;
padding: 0px 31px 31px 31px;
margin: 0 auto;
color: #000;
text-align: center;
width: 338px;
position: relative;
background: #fff;
}
.white-form .zag {
display: block;
padding: 26px 0px 2px 0px;
margin: 0px 0px 0px 0px;
font-size: 24px;
line-height: 30px;
color: #363636;
font-family: 'AvenirNextCyr-Medium';
}
.white-form .inps {
width: 195px;
height: 54px;
border: none;
border: 2px solid #fff;
background-color: #fff;
background-repeat: no-repeat;
background-position: 14px 11px;
color: #000;
font-size: 16px;
display: block;
vertical-align: top;
margin: 0 auto;
margin-top: 20px;
padding: 0px 23px 0px 58px;
outline: none;
font-family: 'AvenirNextCyr-Light';
position: relative;
z-index: 1;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
text-align: left;
}
.white-form .inps.name {
background-image: url(images/icon-input-name.png);
}
.white-form .inps.phone {
background-image: url(images/icon-input-phone.png);
}
.white-form input[type='text']::-webkit-input-placeholder {
color: #313a3a !important;
font-size: 16px !important;
font-family: 'AvenirNextCyr-Light' !important;
}
.white-form input[type='text']::-moz-placeholder {
color: #313a3a !important;
font-size: 16px !important;
font-family: 'AvenirNextCyr-Light' !important;
}
.white-form input[type='text']:-moz-placeholder {
color: #313a3a !important;
font-size: 16px !important;
font-family: 'AvenirNextCyr-Light' !important;
}
.white-form input[type='text']:-ms-input-placeholder {
color: #313a3a !important;
font-size: 16px !important;
font-family: 'AvenirNextCyr-Light' !important;
}
.white-form input[type='text']:focus::-webkit-input-placeholder {
color: transparent !important;
}
.white-form input[type='text']:focus::-moz-placeholder {
color: transparent !important;
}
.white-form input[type='text']:focus:-moz-placeholder {
color: transparent !important;
}
.white-form input[type='text']:focus:-ms-input-placeholder {
color: transparent !important;
}
.white-form textarea::-webkit-input-placeholder {
color: #313a3a !important;
font-size: 16px !important;
font-family: 'AvenirNextCyr-Light' !important;
}
.white-form textarea::-moz-placeholder {
color: #313a3a !important;
font-size: 16px !important;
font-family: 'AvenirNextCyr-Light' !important;
}
.white-form textarea:-moz-placeholder {
color: #313a3a !important;
font-size: 16px !important;
font-family: 'AvenirNextCyr-Light' !important;
}
.white-form textarea:-ms-input-placeholder {
color: #313a3a !important;
font-size: 16px !important;
font-family: 'AvenirNextCyr-Light' !important;
}
.white-form textarea:focus::-webkit-input-placeholder {
color: transparent !important;
}
.white-form textarea:focus::-moz-placeholder {
color: transparent !important;
}
.white-form textarea:focus:-moz-placeholder {
color: transparent !important;
}
.white-form textarea:focus:-ms-input-placeholder {
color: transparent !important;
}
.button-red {
margin: 0 auto; 
padding: 0px 0px 2px 0px; 
display: block; 
vertical-align: top;
color: #fff; 
text-decoration: none;
font-size: 20px; 
line-height: 20px; 
text-align: center;
width: 280px;
height: 58px;
font-family: 'AvenirNextCyr-Medium';
background: #fa4f52;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
border: none;
outline: none;
cursor: pointer;
}
.button-red:hover {
text-decoration: none;
background: #e82e32;
}
.button-red:active {
text-decoration: none;
background: #e82e32;
-webkit-box-shadow: inset 0px 3px 4px 0px rgba(0,0,0,0.25);
-moz-box-shadow:    inset 0px 3px 4px 0px rgba(0,0,0,0.25);
box-shadow:         inset 0px 3px 4px 0px rgba(0,0,0,0.25);
overflow: hidden;
padding-top: 3px;
}
.white-form .submit-button {
margin-top: 20px;
width: 280px;
}
.white-form.inline {
background: none; width: auto; padding-left: 0px; padding-right: 0px; padding-bottom: 0px;
}
.white-form.inline .inps {
display: inline-block;
margin-top: 0px;
margin-right: 16px;
}
.white-form.inline .submit-button {
display: inline-block;
margin-top: 0px;
}
#choose-model .white-form {
margin-top: 61px;
padding-top: 0px;
padding-bottom: 0px;
}
#stars {
width: 100%; max-width: 2000px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative;
}
#stars .w-center {
z-index: 4;
}
#stars .title-block {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
top: -30px;
}
#stars .stars-name {
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
text-align: center;
list-style-type: none;
}
#stars .stars-name:after {
content: "";
display: block;
clear: both;
}
#stars .stars-name li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline-block;
vertical-align: top;
float: left;
width: 16.6666%;
position: relative;
color: #363636;
font-size: 18px;
font-family: 'AvenirNextCyr-Medium';
}
#stars .stars-name li:last-child {
margin-right: -20px;
}
#stars .stars-name li:before {
content: "";
display: block;
margin: 0 auto;
margin-bottom: 16px;
width: 68px;
height: 57px;
background-image: url(images/sprite-1.png);
background-repeat: no-repeat;
background-position: -5px -334px;
}
#stars .stars-name li:hover:before {
animation: shake 1s;
}
#stars .stars-name li:after {
content: "";
display: block;
width: 1px;
height: 88px;
background: #dfdfdf;
position: absolute;
top: 0px;
right: -1px;
}
#stars .stars-name li:last-child:after {
display: none;
}
#stars .stars-foto {
margin: 28px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
text-align: center;
list-style-type: none;
}
#stars .stars-foto:after {
content: "";
display: block;
clear: both;
}
#stars .stars-foto > div {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline-block;
vertical-align: top;
float: left;
width: 33.3333%;
position: relative;
color: #363636;
font-size: 18px;
font-family: 'AvenirNextCyr-Medium';
overflow: hidden;
}
#stars .stars-foto > div:nth-child(3n) {
margin-right: -20px;
}
#stars .stars-foto > div img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
width: 100%;
height: 100%;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
zoom: 1;
-webkit-min-device-pixel-ratio: 0;
-webkit-backface-visibility: hidden;
}
#stars .stars-foto > div:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
#why-popular {
width: 100%; max-width: 2000px; height: 1083px; padding: 0px 0px 0px 0px; margin: 0 auto; margin-top: -195px; position: relative; z-index: 3;
background: url(images/bg-why-popular.png) top center no-repeat;
}
#why-popular:before {
content: "";
display: block;
width: 100%;
height: 100px;
background: url(images/half-circle-top.png) top center no-repeat;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
#why-popular .title-block {
margin: 0px 0px 0px 0px;
padding: 245px 0px 0px 0px;
}
#why-popular ul {
margin: 76px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
list-style-type: none;
font-size: 18px;
line-height: 30px;
color: #363636;
float: right;
width: 701px;
}
#why-popular ul li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
display: block;
position: relative;
letter-spacing: 0.005em;
}
#why-popular ul li:before {
content: "";
display: block;
width: 31px;
height: 4px;
background: #8dc643;
position: absolute;
top: 12px;
left: -55px;
}
#why-popular ul li.defis-none:before {
display: none;
}
#why-popular .bold, #why-popular b, #why-popular strong {
font-family: 'AvenirNextCyr-Demi';
font-weight: 400;
}
#why-popular .bg {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
position: absolute;
width: 0%;
height: 0%;
top: 880px;
left: 0px;
z-index: 1;
background: #e3eff4;
}
#why-popular .bg:before {
content: "";
position: absolute;
width: 100%;
height: 100px;
top: -100px;
left: 0px;
background: url(images/bg-why-popular-gradient.png) top center repeat-x;
}
#reviews {
width: 100%; max-width: 2000px; padding: 0px 0px 100px 0px; margin: 0 auto; margin-top: -100px; position: relative; z-index: 2;
background: url(images/bg-reviews.png) center center repeat;
}
#reviews .title-block {
margin: 0px 0px 0px 0px;
padding: 72px 0px 0px 0px;
}
#reviews .review-items {
margin: 19px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
text-align: center;
}
#reviews .r-row {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
}
#reviews .r-row:after {
content: "";
display: block;
clear: both;
}
#reviews .review {
margin: 77px 50px 0px 0px;
padding: 0px 20px 36px 20px;
display: block;
width: 514px;
float: left;
background: #fff;
border: 3px solid #8dc643;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
position: relative;
}
#reviews .review:nth-child(2n) {
margin-right: -30px;
}
#reviews .review img {
display: block;
padding: 3px;
width: 86px;
height: 86px;
position: absolute;
top: -49px;
left: 50%;
margin-left: -49px;
background: #fff;
border: 3px solid #8dc643;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#reviews .review .r-zag {
margin: 0px 0px 0px 0px;
padding: 65px 0px 0px 0px;
display: block;
color: #363636; 
font-size: 30px;
line-height: 30px;
font-family: 'AvenirNextCyr-Medium';
}
#reviews .review .r-txt {
margin: 0px 0px 0px 0px;
padding: 30px 20px 0px 20px;
display: block;
color: #666666; 
font-size: 18px;
line-height: 27px;
font-family: 'AvenirNextCyr-Light';
}
#reviews .review .r-author {
margin: 22px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
color: #363636; 
font-size: 16px;
line-height: 27px;
font-family: 'AvenirNextCyr-Medium';
}
#reviews .review .r-author:before {
content: "";
display: block;
width: 70px;
height: 2px;
margin: 0 auto;
background: #8dc643;
margin-bottom: 19px;
}
#footer-promo {
width: 100%; max-width: 2000px; height: 750px; padding: 0px 0px 0px 0px; margin: 0 auto; margin-top: -109px; position: relative; z-index: 99;
background: url(images/bg-footer-promo.png) top center no-repeat;
color: #fff; 
}
#footer-promo .title-block {
margin: 0px 0px 0px 0px;
padding: 166px 0px 0px 0px;
color: #fff; 
}
#footer-promo .form-bl {
margin: 58px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
position: relative;
}
#footer-promo .form-bl .left-img, #footer-promo .form-bl .right-img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
position: absolute;
z-index: 1;
background-image: url(images/sprite-2.png);
background-repeat: no-repeat;
}
#footer-promo .form-bl .left-img {
background-position: -5px -5px;
width: 296px;
height: 340px;
top: 25px;
left: 50%;
margin-left: -495px;
}
#footer-promo .form-bl .right-img {
background-position: -311px -5px;
width: 235px;
height: 306px;
top: 61px;
right: 50%;
margin-right: -435px;
}
#footer-promo .form-bl .left-sticker, #footer-promo .form-bl .right-sticker {
color: #fff;
font-size: 18px;
line-height: 18px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
position: absolute;
text-align: center;
z-index: 3;
background-image: url(images/sprite-1.png);
background-repeat: no-repeat;
}
#footer-promo .form-bl .left-sticker {
background-position: -5px -509px;
width: 169px;
height: 165px;
top: 70px;
left: 50%;
margin-left: -340px;
}
#footer-promo .form-bl .left-sticker > div {
padding: 45px 11px 0px 0px;
}
#footer-promo .form-bl .right-sticker {
background-position: -5px -684px;
width: 169px;
height: 159px;
top: 70px;
right: 50%;
margin-right: -336px;
}
#footer-promo .form-bl .right-sticker > div {
padding: 36px 0px 0px 10px;
}
#footer-promo .form-bl .left-sticker .bold, #footer-promo .form-bl .left-sticker b, #footer-promo .form-bl .left-sticker strong,
#footer-promo .form-bl .right-sticker .bold, #footer-promo .form-bl .right-sticker b, #footer-promo .form-bl .right-sticker strong {
font-family: 'AvenirNextCyr-Bold';
}
#footer-promo .white-form-center {
position: relative;
z-index: 2;
margin: 0 auto;
width: 400px;
padding: 0px 0px 0px 0px;
display: block;
}
#footer-promo .white-form-center .tel {
color: #5e666f;
font-size: 24px;
line-height: 28px;
margin: -56px 0px 0px 0px;
padding: 70px 0px 0px 0px;
display: block;
font-family: 'AvenirNextCyr-Medium';
background: url(images/form-gradient-bg.png) bottom center no-repeat;
text-align: center;
z-index: 2;
height: 75px;
}
#footer-promo .white-form-center .tel .bold {
font-family: 'AvenirNextCyr-Bold';
}
#footer-promo .white-form {
z-index: 3;
}
.white-form.radius {
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
.white-form.radius .inps {
height: 66px;
width: 244px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
background-position: 19px 17px;
padding-left: 67px;
}
.white-form.gray .inps.name {
background-image: url(images/icon-input-name-gray.png);
}
.white-form.gray .inps.phone {
background-image: url(images/icon-input-phone-gray.png);
}
.white-form.gray .inps {
background-color: #f5f5f5;
border-color: #f5f5f5;
}
.white-form.radius .submit-button {
width: 338px;
height: 70px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
#footer {
width: 100%; max-width: 2000px; height: 85px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
color: #909090; background: #131419;
}
#footer a {
color: #909090; text-decoration: underline;
}
#footer a:hover {
color: #f44e52; text-decoration: none;
}
#footer .left-bl {
margin: 0px 0px 0px 0px; padding: 23px 0px 0px 0px; width: 520px; float: left;
}
#footer .left-bl img {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#footer .left-bl .site-title {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 16px;
margin: -5px 0px 0px 0px;
font-size: 15px;
line-height: 24px;
font-family: 'AvenirNextCyr-Light';
}
#footer .right-bl {
float: right; width: 320px; text-align: right;
margin: 0px 0px 0px 0px; padding: 31px 0px 0px 0px;
}
#footer .reforge {
position: relative;
display: inline-block;
vertical-align: top;
font-size: 15px;
}
#footer .reforge a {
position: relative;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
text-decoration: none;
}
#footer .reforge a span {
text-decoration: underline;
}
#footer .reforge a:hover span {
text-decoration: none;
}
#footer .reforge a:after, #footer .reforge a::after {
content: "";
width: 94px;
height: 26px;
position: relative;
top: -2px;
display: inline-block;
vertical-align: top;
margin-left: 3px;
background-repeat: no-repeat;
background-image: url(images/reforge.html);
background-position: -5px -5px;
}
#footer .reforge a:hover:after, #footer .reforge a:hover::after {
background-position: -5px -41px;
}
br.br-none {
display: none;
}
.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:#1b2c0a!important;opacity:0.8!important;}
.box-modal {position:relative;width: 400px;padding:0px 0px 0px 0px;margin-top:15px;}
.box-modal_close {
font-size:16px;line-height:20px;color:#f7f7f7;cursor: pointer;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: -5px -401px;
background-image: url(images/sprite-1.png);
width: 44px;
height: 44px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
z-index: 999;
}
.box-modal_close:hover {
background-color: #f44e52;
background-position: -5px -455px;
}
.arcticmodal-close {position:absolute;top:-28px;right:-32px;}
.box-modal .white-form .zag {
padding-top: 28px;
}
#Modal-success .white-form .zag {
padding-top: 41px;
font-size: 36px;
font-family: 'AvenirNextCyr-Medium';
}
#Modal-success .white-form .sub-zag {
display: block;
padding: 12px 0px 10px 0px;
margin: 0px 0px 0px 0px;
font-size: 20px;
line-height: 28px;
color: #666666;
font-family: 'AvenirNextCyr-Regular';
}
.box-modal#Modal-copyright {
width: 760px;
}
.modal-copyright {
display: block;
padding: 26px 40px 26px 40px;
margin: 0 auto;
color: #000;
text-align: center;
width: 680px;
position: relative;
background: #fff;
font-size: 16px;
line-height: 24px;
color: #666666;
text-align: left;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
.modal-copyright .zag {
display: block;
padding: 4px 0px 4px 0px;
margin: 0px 0px 0px 0px;
font-size: 26px;
line-height: 30px;
color: #363636;
font-family: 'AvenirNextCyr-Medium';
text-align: center;
}
.modal-copyright p {
padding: 15px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}
.hidden{opacity:0}
.visible{opacity:1;}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.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('images/fancybox/fancybox_sprite.png');
}
#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('images/fancybox/fancybox_loading.gif') 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('images/fancybox/blank.gif'); /* helps 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;
}
/* Overlay helper */
.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(27,44,10,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;
}
/* Title helper */
.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; /* Fallback for web browsers that doesn't support RGBa */
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, .8);
}
/*Retina graphics!*/
@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('images/fancybox/fancybox_sprite%402x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}
	#fancybox-loading div {
		background-image: url('images/fancybox/fancybox_loading%402x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
.fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
}
.fancybox-lock {
overflow: hidden;
} 

/*  Animate.css  */
.animated_half{-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.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}
@-webkit-keyframes shake {
0%,100%{-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 {
0%,100%{-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 fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInLeft {
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft {
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes zoomIn {
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
@keyframes zoomIn {
0%{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 fadeOutLeft {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutRight {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}