/*
	Theme Name: Спортклуб
	Technical specialist: Joja (Сергей Денисов) | https://fl.ru/users/joja/
	Version: 1.0
*/
@charset "UTF-8";
@font-face { font-family: 'Ubuntu-Bold'; src: url('webfonts/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'), url('webfonts/Ubuntu-Bold.woff') format('woff'), url('webfonts/Ubuntu-Bold.ttf') format('truetype'), url('webfonts/Ubuntu-Bold.svg#Ubuntu-Bold') 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;font-family: 'Ubuntu', sans-serif;width:100%;font-weight:400;}
img{border: none;}
::-webkit-file-upload-button {cursor:pointer;}
.clear {clear:both;height:0px;}
.inp-error {border-color: #bb5a58!important;}
#main-wrapper {overflow:hidden!important;}
.w-center {width: 1000px; position: relative; margin: 0 auto; padding: 0px 0px 0px 0px; z-index: 2;}
.w-center:after {content: ""; display: block; clear: both;}
b, strong, .bold {font-weight: 700;}
b.medium, strong.medium, .medium {font-weight: 500;}
.title-block {
color: #199eeb;
display: block;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
text-align: center;
font-weight: 700;
font-size: 32px;
line-height: 38px;
position: relative;
text-transform: uppercase;
}
.button-green, .button-blue, .button-yellow {
margin: 0 auto; 
margin-top: 0px; 
padding: 0px 0px 1px 0px; 
width: auto; 
display: block; 
vertical-align: top;
text-transform: uppercase; 
color: #fff; 
font-weight: 400;
font-family: 'Ubuntu-Bold';
text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
text-decoration: none; 
background: #3cdc5a;
font-size: 18px; 
line-height: 18px;
height: 62px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: none;
outline: none;
cursor: pointer;
-webkit-box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.3);
-moz-box-shadow:    inset 0px -3px 0px 0px rgba(0,0,0,0.3);
box-shadow:         inset 0px -3px 0px 0px rgba(0,0,0,0.3);
-webkit-appearance: none;
}
.button-blue {
background: #199eeb;
}
.button-yellow {
background: #ffcf0e;
color: #000;
}
.button-green:hover, .button-green:active, .button-blue:hover, .button-blue:active, .button-yellow:hover, .button-yellow:active {
text-decoration: none;
background: #39ef5b;
}
.button-blue:hover, .button-blue:active {
background: #2db0fc;
}
.button-yellow:hover, .button-yellow:active {
background: #ffda44;
}
.button-gray {
margin: 0 auto; 
margin-top: 0px; 
padding: 0px 0px 1px 0px; 
width: auto; 
display: block; 
vertical-align: top;
text-transform: uppercase; 
color: #fff; 
font-weight: 700;
text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
text-decoration: none; 
background: #cccccc;
font-size: 14px; 
line-height: 14px;
height: 45px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: none;
outline: none;
cursor: pointer;
-webkit-box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.3);
-moz-box-shadow:    inset 0px -3px 0px 0px rgba(0,0,0,0.3);
box-shadow:         inset 0px -3px 0px 0px rgba(0,0,0,0.3);
-webkit-appearance: none;
}
.button-gray:hover, .button-gray:active, .button-gray-hover {
text-decoration: none;
background: #b8b8b8;
}
.button-gray.file {
width: 224px;
}
#header {
width: 100%; max-width: 1600px; height: 646px; border-bottom: 38px solid #199eeb; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 100;
}
#header .logo {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
left: 50%;
margin-left: -552px;
width: 183px;
height: 133px;
z-index: 2;
}
#header .contacts {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
right: 50%;
margin-right: -799px;
top: 0px;
width: 693px;
height: 93px;
background-repeat: no-repeat;
background-position: center top;
background-image: url(images/contacts-row-bg.png);
color: #fff;
z-index: 2;
}
#header .contacts > div {
width: 445px;
text-align: right;
font-size: 16px;
line-height: 20px;
font-weight: 700;
text-transform: uppercase;
padding: 24px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#header .contacts > div .tells {
display: inline-block;
vertical-align: top;
padding: 0px 21px 0px 0px;
margin: -6px 0px 0px 0px;
}
#header .contacts > div .big-24 {
font-size: 24px; padding-top: 6px; padding-bottom: 1px; display: inline-block; vertical-align: top;
}
#header .contacts > div .big-18 {
font-size: 18px;
}
#header .contacts > div .button-green {
width: 202px;
display: inline-block;
vertical-align: top;
height: 40px;
padding-bottom: 4px;
}
#header .slide-nav {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
bottom: -57px;
left: 50%;
width: 294px;
height: 194px;
background: rgba(255,255,255,0.7);
border: 3px solid #33bef2;
border-radius: 4px;
text-align: center;
color: #2da6ed;
font-size: 18px;
text-transform: uppercase;
cursor: pointer;
z-index: 3;
}
#header .slide-nav > div {
display: block;
padding: 103px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#header .slide-nav#slide-nav-1 {
margin-left: -500px;
}
#header .slide-nav#slide-nav-2 {
margin-left: -150px;
}
#header .slide-nav#slide-nav-3 {
margin-left: 200px;
}
#header .slide-nav#slide-nav-1 > div {
padding-top: 113px;
}
#header .slide-nav#slide-nav-3 > div {
padding-top: 109px;
}
#header .slide-nav b {
font-size: 22px; display: block;
}
#header .slide-nav:before {
content: "";
display: block;
position: absolute;
background-repeat: no-repeat;
background-position: center top;
left: 50%;
}
#header .slide-nav#slide-nav-1:before {
top: 58px;
width: 65px;
height: 29px;
background-image: url(images/icon-slide-nav-1.png);
margin-left: -33px;
}
#header .slide-nav#slide-nav-2:before {
top: 37px;
width: 62px;
height: 54px;
background-image: url(images/icon-slide-nav-2.png);
margin-left: -31px;
}
#header .slide-nav#slide-nav-3:before {
top: 43px;
width: 60px;
height: 43px;
background-image: url(images/icon-slide-nav-3.png);
margin-left: -30px;
}
#header-slider {
min-height: 646px;
margin: 0 auto;
margin-top: 0px;
width: 100%;
z-index: 1;
position: relative;
}
#header-slider .item {
margin: 0 auto;
position: relative;
padding: 0px 0px 0px 0px;
background-repeat: no-repeat;
background-position: center top;
min-height: 646px;
}
#header-slider .item > div {
width: 1000px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
position: relative;
}
#header-slider .item#header-item-1 {
background-image: url(images/header-item-bg-1.jpg);
}
#header-slider .item#header-item-2 {
background-image: url(images/header-item-bg-2.jpg);
}
#header-slider .item#header-item-3 {
background-image: url(images/header-item-bg-3.jpg);
}
#header-slider .item .s-z {
display: block;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #fff;
font-weight: 400;
font-family: 'Ubuntu-Bold';
text-shadow: 0px -3px 21px rgba(21,134,199,1);
text-transform: uppercase;
height: 101px;
position: absolute;
top: 263px;
left: -2px;
font-size: 40px;
line-height: 48px;
letter-spacing: -0.003em;
}
#header-slider .item .s-z .yellow {
color: #ffcf0e;
}
#header-slider .item .s-d {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #200000;
font-weight: 500;
font-style: italic;
position: absolute;
top: 393px;
left: 0px;
font-size: 20px;
line-height: 26px;
}
#header-slider.owl-theme .owl-controls {
width: 100%; z-index: 9999; margin-top: 0px;
}
#header-slider.owl-theme .owl-controls .owl-page, #header-slider.owl-theme .owl-controls .owl-page span {
display: none;
}
#header-slider.owl-theme .owl-controls .owl-buttons div {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: 29px;
height: 49px;
background-color: #fff !important;
background-repeat: no-repeat;
background-position: center center;
padding: 0px !important;
margin: 0px !important;
opacity: 1 !important;
position: absolute;
top: 250px;
margin-top: 0px;
}
#header-slider.owl-theme .owl-controls .owl-buttons div.owl-prev {
background-image: url(images/slide-arrow-prev-blue.png);
left: 50%;
margin-left: -550px !important;
}
#header-slider.owl-theme .owl-controls .owl-buttons div.owl-next {
background-image: url(images/slide-arrow-next-blue.png);
right: 50%;
margin-right: -550px !important;
}
#header-slider.owl-theme .owl-controls .owl-buttons div.owl-prev:hover, #header-slider.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
opacity: 0.7 !important;
}
#header-slider.owl-theme .owl-controls .owl-buttons div {
display: block;
}
#reasons {
width: 100%; max-width: 1600px; height: 460px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
}
#reasons:after, #reasons .left:after, #reasons .right:after {
content: "";
display: block;
clear: both;
}
#reasons .left {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px -20px 0px 0px;
width: 50%;
float: left;
height: inherit;
}
#reasons .left img {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height: inherit;
width: 100%;
float: right;
}
#reasons .right {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px -20px;
width: 50%;
float: right;
height: inherit;
}
#reasons .right > div {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 500px;
float: left;
height: inherit;
}
#reasons .right > div > div {
display: table;
width: 100%;
position: relative;
top: 25px;
height: inherit;
}
#reasons .right > div > div > div {
display: table-cell;
vertical-align: middle;
}
#reasons .right .reasons-list {
display: block;
padding: 0px 0px 0px 54px;
margin: 0px 0px 0px 0px;
list-style-type: none;
}
#reasons .right .reasons-list li {
display: block;
padding: 0px 0px 20px 64px;
margin: 0px 0px 0px 0px;
position: relative;
color: #199eeb;
text-transform: uppercase;
font-size: 16px;
line-height: 19px;
}
#reasons .right .reasons-list li:before {
content: "";
display: block;
position: absolute;
background-repeat: no-repeat;
background-position: 0px 0px;
}
#reasons .right .reasons-list li#reason-1:before {
width: 40px;
height: 41px;
top: -6px;
left: 0px;
background-image: url(images/icon-reason-1.png);
}
#reasons .right .reasons-list li#reason-2:before {
width: 40px;
height: 37px;
top: 0px;
left: 0px;
background-image: url(images/icon-reason-2.png);
}
#reasons .right .reasons-list li#reason-3:before {
width: 36px;
height: 52px;
top: -12px;
left: 4px;
background-image: url(images/icon-reason-3.png);
}
#reasons .right .reasons-list li#reason-4:before {
width: 46px;
height: 40px;
top: -6px;
left: 0px;
background-image: url(images/icon-reason-4.png);
}
#reasons .right .to-us {
display: block;
padding: 20px 0px 0px 119px;
margin: 0px 0px 0px 0px;
position: relative;
color: #199eeb;
text-transform: uppercase;
font-size: 19px;
line-height: 19px;
font-weight: 700;
}
#benefits {
width: 100%; max-width: 1600px; height: 654px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
background: url(images/bg-benefits.jpg) top center no-repeat;
}
#benefits .w-center {
width: 1100px;
}
#benefits .title-block {
padding-top: 42px;
}
#benefits .benefits-items {
display: block;
padding: 27px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
}
#benefits .benefit-item:after {
content: "";
display: block;
clear: both;
}
#benefits .benefit-item {
display: inline-block;
vertical-align: top;
width: 300px;
margin: 0 auto; 
margin: 0px 23px 0px 23px;
position: relative;
padding: 2px 0px 0px 0px;
}
#benefits .benefit-item:nth-child(1) {
margin-left: 0px;
}
#benefits .benefit-item:nth-child(3) {
margin-right: 0px;
}
#benefits .benefit-item > div {
width: 296px;
height: 447px;
margin: 0 auto;
padding: 2px;
display: block;
background: #199eeb;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: left;
}
#benefits .benefit-item .z {
display: block;
padding: 33px 18px 0px 18px;
margin: 0px 0px 0px 0px;
height: 85px;
font-size: 24px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
#benefits .benefit-item .z > div {
display: table;
width: 100%;
position: relative;
top: -14px;
height: inherit;
}
#benefits .benefit-item .z > div > div {
display: table-cell;
vertical-align: middle;	
}
#benefits .benefit-item .fff {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height: 329px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
background: #fff;
position: relative;
}
#benefits .benefit-item .fff .img {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height: inherit;
}
#benefits .benefit-item .fff .img img {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
height: inherit;
}
#benefits .benefit-item .fff .txt {
display: block;
opacity: 0;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: #25a3ec;
color: #fff;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#benefits .benefit-item:hover .fff .txt {
opacity: 1;
}
#benefits .benefit-item .fff .txt > div {
display: block;
padding: 11px 18px 0px 18px;
margin: 0px 0px 0px 0px;
}
#benefits .benefit-item .fff .txt > div p {
display: block;
padding: 0px 0px 1px 0px;
margin: 0px 0px 0px 0px;
text-indent: 20px;
}
#benefits .benefit-item .fff .txt .button-yellow {
height: 39px;
padding-bottom: 2px;
font-size: 16px;
line-height: 16px;
position: absolute;
bottom: 17px;
left: 50%;
width: 262px;
margin-left: -131px;
}
#our-projects {
width: 100%; max-width: 1600px; padding: 0px 0px 60px 0px; margin: 0 auto; position: relative; z-index: 99;
}
#our-projects .title-block {
padding-top: 42px;
}
#projects-slider {
min-height: 451px;
margin: 0 auto;
margin-top: 25px;
width: 1050px;
margin-left: -25px;
}
#projects-slider .item {
min-height: 160px; position: relative; margin: 0 auto; text-align: center;
position: relative;
padding: 2px 0px 0px 0px;
}
#projects-slider .item > div {
width: 296px;
height: 447px;
margin: 0 auto;
padding: 2px;
display: block;
background: #199eeb;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: left;
}
#projects-slider .item .z {
display: block;
padding: 33px 18px 0px 18px;
margin: 0px 0px 0px 0px;
height: 55px;
font-size: 24px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
#projects-slider .item .z > div {
display: table;
width: 100%;
position: relative;
top: -14px;
height: inherit;
}
#projects-slider .item .z > div > div {
display: table-cell;
vertical-align: middle;	
}
#projects-slider .item .fff {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: #fff;
min-height: 359px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}
#projects-slider .item .fff .img {
display: block;
padding: 2px 3px;
margin: 0px 0px 0px 0px;
height: 254px;
}
#projects-slider .item .fff .img a, #projects-slider .item .fff .img a:hover {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
width: 100%;
height: inherit;
border: none;
}
#projects-slider .item .fff .img img {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
height: inherit;
}
#projects-slider .item .fff .txt {
display: block;
padding: 23px 20px 20px 20px;
margin: 0px 0px 0px 0px;
}
#projects-slider .item .img_gallery {
display: none;
}
#projects-slider .item .fff .txt .city, #projects-slider .item .fff .txt .foto {
display: block;
padding: 0px 0px 0px 28px;
margin: 0px 0px 0px 0px;
font-size: 16px;
color: #aaaaaa;
font-weight: 700;
position: relative;
}
#projects-slider .item .fff .txt .foto {
padding-top: 8px;
}
#projects-slider .item .fff .txt .city:before, #projects-slider .item .fff .txt .foto:before {
content: "";
display: block;
position: absolute;
}
#projects-slider .item .fff .txt .city:before {
width: 14px;
height: 20px;
top: -4px;
left: -4px;
background: url(images/icon-projects-city.png) top left no-repeat;
}
#projects-slider .item .fff .txt .foto:before {
width: 23px;
height: 17px;
top: 8px;
left: -7px;
background: url(images/icon-projects-foto.png) top left no-repeat;
}
#projects-slider.owl-theme .owl-controls {
width: 100%; z-index: 9999; margin-top: 0px;
}
#projects-slider.owl-theme .owl-controls .owl-page, #projects-slider.owl-theme .owl-controls .owl-page span {
display: none;
}
#projects-slider.owl-theme .owl-controls .owl-buttons div {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width: 29px;
height: 49px;
background-color: #199eeb !important;
background-repeat: no-repeat;
background-position: center center;
padding: 0px !important;
margin: 0px !important;
opacity: 1 !important;
position: absolute;
top: 240px;
margin-top: 0px;
}
#projects-slider.owl-theme .owl-controls .owl-buttons div.owl-prev {
background-image: url(images/slide-arrow-prev.png);
left: -55px;
}
#projects-slider.owl-theme .owl-controls .owl-buttons div.owl-next {
background-image: url(images/slide-arrow-next.png);
right: -55px;
}
#projects-slider.owl-theme .owl-controls .owl-buttons div.owl-prev:hover, #projects-slider.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
opacity: 0.7 !important;
}
#projects-slider.owl-theme .owl-controls .owl-buttons div {
display: block;
}
#why-us {
width: 100%; max-width: 1600px; height: 501px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
background: url(images/bg-why-us.jpg) top center no-repeat;
color: #fff;
}
#why-us .w-center {
width: 1200px;
}
#why-us .title-block {
color: #fff;
padding-top: 41px;
padding-bottom: 0px;
}
#why-us .why-items {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
}
#why-us .why-items:after {
content: "";
display: block;
clear: both;
}
#why-us .why {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 17px;
font-weight: 700;
padding: 0px 0px 14px 0px;
margin: 38px 0px 0px 0px;
width: 350px;
text-transform: uppercase;
text-align: center;
}
#why-us .why .icon {
display: block;
font-size: 80px;
line-height: 80px;
height: 81px;
font-weight: 700;
padding: 0px 0px 0px 0px;
margin: 0 auto;
background-repeat: no-repeat;
background-position: center top;
position: relative;
}
#why-us .why#why-4 .icon {
width: 38px;
background-repeat: no-repeat;
background-image: url(images/icon-why-4.png);
left: 5px;
}
#why-us .why#why-5 .icon {
width: 67px;
background-repeat: no-repeat;
background-image: url(images/icon-why-5.png);
left: -5px;
}
#why-us .why#why-6 .icon {
width: 64px;
background-repeat: no-repeat;
background-image: url(images/icon-why-6.png);
left: -14px;
}
#why-us .why .icon > span {
display: block;
font-size: 10px;
line-height: 10px;
font-weight: 700;
position: absolute;
top: 8px;
}
#why-us .why#why-2 .icon > span {
left: 84px;
}
#why-us .why#why-3 .icon > span {
left: 90px;
}
#why-us .why .icon > em {
display: inline-block;
vertical-align: top;
font-size: 16px;
font-style: normal;
position: relative;
top: 24px;
}
#why-us .why .txt {
display: block;
font-size: 16px;
line-height: 19px;
font-weight: 700;
padding: 0px 0px 0px 0px;
margin: -7px 0px 0px 0px;
}
#why-us .why .txt > span {
font-weight: 300;
font-style: italic;
}
#why-us .why#why-4 .txt, #why-us .why#why-5 .txt, #why-us .why#why-6 .txt {
margin-top: 5px;
}
#steps {
width: 100%; max-width: 1600px; height: 399px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
background: url(images/bg-steps.jpg) top center no-repeat;
color: #fff;
}
#steps a {
color: #fff;
text-decoration: underline;
}
#steps a:hover {
text-decoration: none;
}
#steps .title-block {
color: #fff;
padding-top: 41px;
padding-bottom: 0px;
}
#steps .steps-items {
display: block;
padding: 82px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#steps .steps-items:after {
content: "";
display: block;
clear: both;
}
#steps .steps-items:before {
content: "";
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px -100px;
width: 1200px;
height: 63px;
background: url(images/icons-steps.png) top center no-repeat;
}
#steps .step {
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 17px;
font-weight: 700;
padding: 0px 0px 0px 0px;
margin: 26px 0px 0px 0px;
width: 120px;
float: left;
text-transform: uppercase;
text-align: center;
}
#steps .step#step-1 {
width: 75px;
margin-left: -3px;
}
#steps .step#step-2 {
width: 120px;
margin-left: 26px;
}
#steps .step#step-3 {
width: 135px;
margin-left: 10px;
}
#steps .step#step-4 {
width: 125px;
margin-left: 10px;
}
#steps .step#step-5 {
width: 140px;
margin-left: -1px;
}
#steps .step#step-6 {
width: 120px;
margin-left: 4px;
}
#steps .step#step-7 {
width: 110px;
margin-left: 15px;
}
#steps .step#step-8 {
width: 120px;
margin-left: 15px;
margin-right: -30px;
}
#reviews {
width: 100%; max-width: 1600px; padding: 0px 0px 50px 0px; margin: 0 auto; position: relative; z-index: 99;
}
#reviews .title-block {
padding-top: 43px;
}
#reviews .reviews-items {
display: block;
padding: 19px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#reviews .reviews-items:after, #reviews .review-item:after {
content: "";
display: block;
clear: both;
}
#reviews .review-item {
display: block;
padding: 0px 0px 25px 0px;
margin: 0px 0px 0px 0px;
}
#reviews .review-item.hidd {
display: none;
}
#reviews .review-item .left {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 150px;
float: left;
}
#reviews .review-item .left img {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 150px;
height: 150px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#reviews .review-item .right {
display: inline-block;
vertical-align: top;
padding: 8px 0px 0px 0px;
margin: 0px -20px 0px 32px;
width: 818px;
float: left;
font-size: 16px;
line-height: 19px;
color: #199eeb;
}
#reviews .review-item .right p {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-indent: 50px;
}
#reviews .review-item .right .author-name, #reviews .review-item .right .author-position {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #aaaaaa;
}
#reviews .review-item .right .author-name {
font-size: 20px;
padding-top: 6px;
padding-bottom: 1px;
}
#reviews .review-item .right .author-position {
font-size: 15px;
}
#reviews .reviews-items .button-blue {
margin-top: -12px;
padding-left: 23px;
position: relative;
width: 315px;
text-align: left;
letter-spacing: -0.01em;
}
#reviews .reviews-items .button-blue:after {
content: "";
display: block;
width: 14px;
height: 10px;
background: url(images/button-blue-arrow.png) top center no-repeat;
position: absolute;
top: 27px;
right: 20px;
}
#reviews .reviews-items .button-blue.active {
width: 225px;
}
#reviews .reviews-items .button-blue.active:after {
-moz-transform: rotate(180deg);  
-webkit-transform: rotate(180deg);  
-o-transform: rotate(180deg);  
-ms-transform: rotate(180deg); 
top: 28px;
}
.consulting {
width: 100%; max-width: 1600px; height: 167px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
background: #ffcf0e;
}
.consulting .w-center {
width: 1148px;	
}
.consulting .w-center, .consulting .w-center > div {
height: inherit;	
}
.consulting .w-center > div {
display: table;
width: 100%;
position: relative;
top: 0px;
}
.consulting .w-center > div > div {
display: table-cell;
vertical-align: middle;
position: relative;
top: 0px;
}
.consulting .w-center > div > div.col-left {
width: 620px;
top: -1px;
font-weight: 500;
font-style: italic;
color: #200000;
font-size: 21px;
line-height: 24px;
letter-spacing: -0.032em;
}
.consulting .w-center > div > div.col-left p {
display: block;
padding: 0px 0px 0px 74px;
margin: 0px 0px 0px 0px;
}
.consulting .w-center > div > div.col-right {
width: 420px;
top: 1px;
}
.consulting .w-center > div > div.col-right .button-green {
width: inherit;
}
#footer {
width: 100%; max-width: 1600px; height: 1055px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
background: url(images/bg-footer.jpg) top center no-repeat;
}
#footer .title-block {
color: #fff;
padding-top: 46px;
padding-bottom: 72px;
}
#footer .left {
display: inline-block;
vertical-align: top;
padding: 9px 0px 0px 0px;
margin: 0px 0px 0px -9px;
text-align: center;
width: 540px;
position: relative;
z-index: 2;
float: left;
color: #fff;
}
#footer .left .zag {
display: block;
padding: 0px 0px 35px 0px;
margin: 0px 0px 0px 0px;
font-size: 32px;
text-transform: uppercase;
font-weight: 700;
}
#footer .left .desc {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 20px;
font-weight: 500;
font-style: italic;
}
#footer .left .info {
display: block;
padding: 13px 10px 18px 10px;
margin: 0 auto;
margin-top: 91px;
width: 460px;
font-size: 16px;
font-weight: 300;
font-style: italic;	
color: #aaaaaa;
background: rgba(0,0,0,0.5);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
position: relative;
}
#footer .left .info:after {
content: "";
display: block;
width: 292px;
height: 43px;
position: absolute;
top: 52px;
right: -232px;
background: url(images/info-arrow.png) top center no-repeat;
}
#footer .right {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px -46px 0px 0px;
text-align: center;
width: 380px;
position: relative;
z-index: 1;
background: pink;
float: right;
}
#footer .social {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 109px 0px 0px 0px;
text-align: center;
width: 266px;
position: relative;
z-index: 1;
float: right;
}
#footer .social ul {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style-type: none;
}
#footer .social ul:after{
content: "";
display: block;
clear: both;
}
#footer .social ul li {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
}
#footer .social ul li a {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 0px;
text-decoration: none;
background-color: #fff;
background-repeat: no-repeat;
background-position: 0px 0px;
width: 49px;
height: 49px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
#footer .social ul li a:hover {
text-decoration: none;
opacity: 0.8;
}
#footer .social ul li.soc-google a {
background-image: url(images/icon-soc-google.png);
}
#footer .social ul li.soc-mail a {
background-image: url(images/icon-soc-mail.png);
}
#footer .social ul li.soc-vk a {
background-image: url(images/icon-soc-vk.png);
}
#footer .social ul li.soc-ok a {
background-image: url(images/icon-soc-ok.png);
}
#footer .copyright {
display: block;
padding: 0px 0px 0px 0px;
margin: 76px 0px 0px 0px;
position: relative;
z-index: 1;
text-align: right;
font-size: 16px;
line-height: 20px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
}
#footer .copyright .contacts {
display: block;
padding: 0px 135px 0px 0px;
margin: 0px 0px 0px 0px;
}
#footer .copyright .contacts a {
color: #fff;
text-decoration: underline;
}
#footer .copyright .contacts a:hover {
text-decoration: none;
}
#footer .copyright .contacts .big-24 {
font-size: 24px; padding-top: 6px; padding-bottom: 1px; display: inline-block; vertical-align: top;
}
#footer .copyright .contacts .big-18 {
font-size: 18px;
}
#footer .copyright .logo {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
top: -5px;
right: -47px;
width: 117px;
height: 120px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(images/logo-footer.png);
}
.file-upload-bl {
padding: 0px;
margin: 19px 0px 0px 0px;
display: inline-block;
vertical-align: top;
position: relative;
}
.file-upload-bl .upload {
opacity: 0;
z-index: 9999;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
cursor: pointer;
}
.file-upload-bl .file-fake {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
width: 1px;
height: 1px;
}
.jq-checkbox {
top: -1px;
width: 13px;
height: 13px;
border: 1px solid #b8b8b8;
background: #fcfcfc;
vertical-align: middle;
cursor: pointer;
overflow: visible !important;
}
.jq-checkbox.checked .jq-checkbox__div {
width: 13px;
height: 13px;
margin: 0px 0px 0px 0px;
position: absolute;
top: 0px; 
left: 0px;
background: url(images/icon-input-checked.png) top center no-repeat;
}
.jq-checkbox.disabled {
opacity: 0.55;
filter: alpha(opacity=55);
}
.checkbox-label {
padding: 0px 0px 0px 0px; margin: 8px 0px 0px 16px; text-align: left;
}
.checkbox-label label {
padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px; display: inline-block; vertical-align: top;
position: relative;
}
.checkbox-label label:after {
content: "";
display: block;
width: 28px;
height: 28px;
position: absolute;
top: -1px;
left: 0px;
background: none;
border-radius: 4px;
}
.checkbox-label label:hover {
cursor: pointer;
}
.checkbox-label .label {
font-size: 14px; line-height: 17px; color: #666666; font-weight: 300; opacity: 0.5;
padding: 0px 0px 0px 11px; margin: -6px 0px 0px 0px;
display: inline-block; vertical-align: top; letter-spacing: -0.001em;
width: 265px;
}
.checkbox-label .label a, .checkbox-label .label > span {
color: inherit;
text-decoration: underline;
color: #333333;
}
.checkbox-label .label a:hover {
text-decoration: none;	
}
.white-form {
display: block;
padding: 20px 30px 20px 30px;
margin: 0 auto;
text-align: center;
width: 320px;
position: relative;
background: #eee;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.white-form.absolute {
padding-bottom: 55px;
}
.white-form .zag {
display: block;
padding: 1px 0px 8px 0px;
margin: 0px 0px 0px 0px;
color: #000;
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.white-form .inps {
width: 290px;
height: 38px;
border: 1px solid #b8b8b8;
background: #edf2f2;
color: rgba(102,102,102,1);
font-size: 14px;
display: block;
vertical-align: top;
margin: 0 auto;
margin-top: 10px;
padding: 0px 15px 0px 15px;
outline: none;
position: relative;
z-index: 1;
text-align: left;
font-weight: 300;
}
.white-form .half-row {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.white-form .half-row:after {
content: "";
display: block;
clear: both;
}
.white-form .inps.half {
width: 290px;
margin-right: 20px;
float: left;
}
.white-form .inps.half:last-child {
margin-right: -10px;
}
.white-form textarea.inps {
padding-top: 15px;
padding-bottom: 15px;
height: 70px;
resize: none;
}
.white-form input[type='text']::-webkit-input-placeholder {
color: rgba(102,102,102,0.5) !important;
font-size: 14px !important;
font-weight: 300 !important;
}
.white-form input[type='text']::-moz-placeholder {
color: rgba(102,102,102,0.5) !important;
font-size: 14px !important;
font-weight: 300 !important;
}
.white-form input[type='text']:-moz-placeholder {
color: rgba(102,102,102,0.5) !important;
font-size: 14px !important;
font-weight: 300 !important;
}
.white-form input[type='text']:-ms-input-placeholder {
color: rgba(102,102,102,0.5) !important;
font-size: 14px !important;
font-weight: 300 !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 .submit-button {
width: 324px;
margin-top: 20px;
}
.white-form.absolute .submit-button {
width: 324px;
position: absolute;
bottom: -28px;
left: 50%;
margin-left: -162px;
}

.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:#2da6ed!important;opacity:0.75!important;}
.box-modal {position:relative;width:380px;padding:0px 0px 0px 0px;margin-top:15px;}
.box-modal_close {
width: 17px;
height: 17px;
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(images/icon-close.png);
cursor: pointer;
z-index: 999;
}
.box-modal_close:hover {
background-image: url(images/icon-close-hover.png);
}
.arcticmodal-close {position:absolute;top: 10px;right: 10px;}
.box-modal .white-form {
padding-top: 30px;
padding-bottom: 32px;
}
.box-modal .white-form .zag {
padding-bottom: 13px;
}
.box-modal#Modal-success, .white-form.success {
width: 710px;
}
.white-form.success {
width: 650px; padding-top: 50px; padding-bottom: 48px;
}
#Modal-success .white-form .zag {
padding-top: 18px;
font-size: 22px;
line-height: 26px;
font-weight: 700;
}
.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;
}
.modal-copyright .zag {
display: block;
padding: 8px 0px 6px 0px;
margin: 0px 0px 0px 0px;
font-size: 26px;
line-height: 30px;
color: #363636;
font-weight: 700;
text-align: center;
}
.modal-copyright p {
padding: 15px 0px 4px 0px;
margin: 0px 0px 0px 0px;
}

.hidden{opacity:0}
.visible{opacity:1;}
/*--- Owl_Carousel.css ---*/
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing { 
cursor:url(grabbing.png) 8 8, move;
}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
/*--- Owl_Theme.css ---*/
.owl-theme .owl-controls{
margin-top: 10px;
text-align: center;
}
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
text-decoration: none;
}
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.owl-item.loading{
min-height: 150px;
}
.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}
.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}
.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}
.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}
.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}
.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}
.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}
.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}
.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}
@-webkit-keyframes empty {
0%{opacity:1}
}
@-moz-keyframes empty {
0%{opacity:1}
}
@keyframes empty {
0%{opacity:1}
}
@-webkit-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-moz-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@-webkit-keyframes backSlideOut {
25%{opacity:.5;-webkit-transform:translateZ(-500px)}
75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}
}
@-moz-keyframes backSlideOut {
25%{opacity:.5;-moz-transform:translateZ(-500px)}
75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}
}
@keyframes backSlideOut {
25%{opacity:.5;transform:translateZ(-500px)}
75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}
100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}
}
@-webkit-keyframes backSlideIn {
0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-webkit-transform:translateZ(-500px)}
100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}
}
@-moz-keyframes backSlideIn {
0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;-moz-transform:translateZ(-500px)}
100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}
}
@keyframes backSlideIn {
0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}
75%{opacity:.5;transform:translateZ(-500px)}
100%{opacity:1;transform:translateZ(0) translateX(0)}
}
@-webkit-keyframes scaleToFade {
to{opacity:0;-webkit-transform:scale(.8)}
}
@-moz-keyframes scaleToFade {
to{opacity:0;-moz-transform:scale(.8)}
}
@keyframes scaleToFade {
to{opacity:0;transform:scale(.8)}
}
@-webkit-keyframes goDown {
from{-webkit-transform:translateY(-100%)}
}
@-moz-keyframes goDown {
from{-moz-transform:translateY(-100%)}
}
@keyframes goDown {
from{transform:translateY(-100%)}
}
@-webkit-keyframes scaleUpFrom {
from{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpFrom {
from{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpFrom {
from{opacity:0;transform:scale(1.5)}
}
@-webkit-keyframes scaleUpTo {
to{opacity:0;-webkit-transform:scale(1.5)}
}
@-moz-keyframes scaleUpTo {
to{opacity:0;-moz-transform:scale(1.5)}
}
@keyframes scaleUpTo {
to{opacity:0;transform:scale(1.5)}
}

/*! 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@2x.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@2x.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{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animatedFast{-webkit-animation-duration:0.5s;animation-duration:0.5s;-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 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 rotateIn {
0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn {
0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-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 zoomInUp {
0%{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 {
0%{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 slideInUp {
0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInUp {
0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-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}