/*
	Theme Name: Септик
	Technical specialist: Joja (Сергей Денисов) | https://fl.ru/users/joja/
	Version: 1.0
*/
@charset "UTF-8";
@font-face { font-family: 'MuseoSansCyrl-300'; src: local("MuseoSansCyrl-300"), url('webfonts/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'), url('webfonts/MuseoSansCyrl-300.woff') format('woff'), url('webfonts/MuseoSansCyrl-300.ttf') format('truetype'), url('webfonts/MuseoSansCyrl-300.svg#MuseoSansCyrl-300') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MuseoSansCyrl-700'; src: local("MuseoSansCyrl-700"), url('webfonts/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'), url('webfonts/MuseoSansCyrl-700.woff') format('woff'), url('webfonts/MuseoSansCyrl-700.ttf') format('truetype'), url('webfonts/MuseoSansCyrl-700.svg#MuseoSansCyrl-700') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MuseoSansCyrl-500'; src: local("MuseoSansCyrl-500"), url('webfonts/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'), url('webfonts/MuseoSansCyrl-500.woff') format('woff'), url('webfonts/MuseoSansCyrl-500.ttf') format('truetype'), url('webfonts/MuseoSansCyrl-500.svg#MuseoSansCyrl-500') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'MuseoSansCyrl-900'; src: local("MuseoSansCyrl-900"), url('webfonts/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'), url('webfonts/MuseoSansCyrl-900.woff') format('woff'), url('webfonts/MuseoSansCyrl-900.ttf') format('truetype'), url('webfonts/MuseoSansCyrl-900.svg#MuseoSansCyrl-900') 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:#1e1e26;padding:0;margin:0; font-family: 'MuseoSansCyrl-300'; color:#000;width:100%;font-weight:400;}
img{border: none;}
.clear {clear:both;height:0px;}
.inp-error {
-webkit-box-shadow: 0 0 0 1px #bb5a58 !important;
-moz-box-shadow:    0 0 0 1px #bb5a58 !important;
box-shadow:         0 0 0 1px #bb5a58 !important;
border-color: #bb5a58 !important;
}
::-webkit-file-upload-button {cursor:pointer;}
#main-wrapper {
overflow:hidden!important;
background: url(images/bg.png) top center no-repeat;
background-position: 50% 82px;
}
.w-center {width: 1200px; position: relative; margin: 0 auto; padding: 0px 0px 0px 0px; z-index: 2;}
.w-center:after {content: ""; display: block; clear: both;}
a { cursor: pointer !important; }
b, strong, .bolder {
font-weight: 400;
font-family: 'MuseoSansCyrl-900';
}
b.bold, strong.bold, .bold {
font-family: 'MuseoSansCyrl-700';
}
b.medium, strong.medium, .medium {
font-family: 'MuseoSansCyrl-500';
}
.title-block {
color: #fff;
display: block;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
text-align: center;
font-weight: 400;
font-family: 'MuseoSansCyrl-900';
font-size: 48px;
line-height: 52px;
position: relative;
text-transform: uppercase;
}
.button-white {
margin: 0 auto; 
margin-top: 0px; 
padding: 0px 0px 0px 0px; 
width: 372px; 
display: block; 
vertical-align: top;
color: #000; 
font-weight: 400;
font-family: 'MuseoSansCyrl-900';
text-decoration: none; 
font-size: 30px; 
line-height: 30px;
height: 94px;
background: #f0f0f1;
background: -moz-linear-gradient(top,  #f0f0f1 0%, #d7d7d7 100%);
background: -webkit-linear-gradient(top,  #f0f0f1 0%,#d7d7d7 100%);
background: linear-gradient(to bottom,  #f0f0f1 0%,#d7d7d7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f1', endColorstr='#d7d7d7',GradientType=0 );
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: none;
outline: none;
cursor: pointer;
-webkit-appearance: none;
border: 3px solid #000;
}
.button-white:hover, .button-white:active {
text-decoration: none;
background: #f0f0f1;
}
.button-white:active {
overflow: hidden;
padding-top: 3px;
}
#white-header {
width: 100%; max-width: 1920px; height: 43px; padding: 39px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
background: #fff;
}
#white-header .w-center {
width: 1140px; height: 40px; border: 3px solid #000; border-bottom: none;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}
#header {
width: 100%; max-width: 1920px; height: 855px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
}
#header .w-center {
width: 1140px; height: 852px; border: 3px solid #fff; border-top: none;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
}
#header .top {
padding: 45px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
height: 100px;
color: #fff;
}
#header .top:after {
content: "";
display: block;
clear: both;	
}
#header .top .left {
display: inline-block;
vertical-align: top;
padding: 2px 0px 0px 0px;
margin: 0px 0px 0px 66px;
float: left;
width: 300px;
}
#header .top .left img {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
}
#header .top .right {
display: inline-block;
vertical-align: top;
padding: 12px 0px 0px 0px;
margin: 0px  68px 0px 0px;
float: right;
width: 300px;
text-align: right;
}
#header .top .right .tell {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
font-size: 34px;
line-height: 31px;
font-family: 'MuseoSansCyrl-900';
}
#header .top .right .call {
text-decoration: underline;
color: #fff;
font-size: 17px;
line-height: 20px;
font-family: 'MuseoSansCyrl-900';
}
#header .top .right .call:hover {
text-decoration: none;
}
#header .menu {
padding: 0px 0px 0px 0px;
margin: 8px 0px 0px 0px;
display: block;
}
#header .menu ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
list-style-type: none;
font-size: 0px;
word-spacing: 0px;
letter-spacing: 0px;
text-align: center;
text-transform: uppercase;
font-family: 'MuseoSansCyrl-900';
}
#header .menu ul li {
display: inline-block;
vertical-align: top;
font-size: 16px;
padding: 0px 0px 0px 0px;
margin: 0px 9px 0px 9px;
}
#header .menu ul li a {
color: #fff;
text-decoration: none;
}
#header .menu ul li a:hover {
text-decoration: underline;
}
#header .old-new {
padding: 0px 0px 0px 0px;
margin: 43px 0px 0px 0px;
display: block;
}
#header .old-new:after {
content: "";
display: block;
clear: both;	
}
#header .old-new .old {
padding: 0px 0px 0px 0px;
margin: 0px -60px 0px 41px;
display: inline-block;
vertical-align: top;
float: left;
width: 500px;
height: 637px;
position: relative;
z-index: 12;
}
#header .old-new .new {
padding: 0px 0px 0px 0px;
margin: 0px 40px 0px -40px;
display: inline-block;
vertical-align: top;
float: right;
width: 603px;
height: 637px;
position: relative;
z-index: 11;
}
#header .old-new .old .bg, #header .old-new .new .bg {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
position: absolute;
top: 0px;
}
#header .old-new .old .bg {
left: 0px;
width: 500px;
height: 671px;
background: url(images/old-new-bg-1.png) top center no-repeat;
z-index: 1;
}
#header .old-new .new .bg {
right: 0px;
width: 603px;
height: 715px;
background: url(images/old-new-bg-2.png) top center no-repeat;
z-index: 1;
}
#header .old-new .old .age, #header .old-new .new .age {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
position: absolute;
z-index: 2;
font-family: 'MuseoSansCyrl-900';
color: #999999;
font-size: 30px;
}
#header .old-new .old .age {
top: 35px;
left: 27px;
}
#header .old-new .new .age {
top: 31px;
left: 140px;
}
#header .old-new .old .tip-1, #header .old-new .old .tip-2, #header .old-new .old .tip-3 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
position: absolute;
color: #696977;
font-size: 16px;
line-height: 20px;
z-index: 2;
}
#header .old-new .old .tip-1 {
top: 153px;
left: 29px;
}
#header .old-new .old .tip-2 {
top: 128px;
left: 420px;
}
#header .old-new .old .tip-3 {
top: 173px;
left: 444px;
}
#header .old-new .old .desc, #header .old-new .new .desc {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
position: absolute;
top: 465px;
z-index: 2;
}
#header .old-new .old .desc {
left: 249px;
color: #e1e1eb;
}
#header .old-new .new .desc {
left: 257px;
color: #1e1e26;
}
#header .old-new .new .desc:before {
content: "";
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
position: absolute;
top: -22px;
left: -136px;
width: 127px;
height: 232px;
background: url(images/old-new-new-img.png) top center no-repeat;
z-index: 1;
}
#header .old-new .old .desc .z, #header .old-new .new .desc .z {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
font-family: 'MuseoSansCyrl-500';
font-size: 21px;
line-height: 25px;
}
#header .old-new .old .desc .z b, #header .old-new .new .desc .z b {
font-family: 'MuseoSansCyrl-900';
}
#header .old-new .old .desc ul, #header .old-new .new .desc ul {
padding: 0px 0px 0px 0px;
margin: 12px 0px 0px 0px;
display: block;
list-style-type: none;
font-family: 'MuseoSansCyrl-700';
font-size: 13px;
}
#header .old-new .old .desc ul li, #header .old-new .new .desc ul li {
padding: 0px 0px 3px 10px;
margin: 0px 0px 0px 0px;
display: block;
position: relative;
}
#header .old-new .old .desc ul li:after, #header .old-new .new .desc ul li:after {
content: "";
display: block;
width: 4px;
height: 4px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
position: absolute;
top: 7px;
left: 1px;
}
#header .old-new .old .desc ul li:after {
background: #e1e1eb;
}
#header .old-new .new .desc ul li:after {
background: #1e1e26;
}
#after-header {
width: 100%; max-width: 1920px; height: 556px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 98;
background: url(images/bg-after-header.png) top center no-repeat; color: #fff;
}
#after-header .txt {
display: block;
padding: 106px 100px 0px 100px;
margin: 0px 0px 0px 0px;
font-family: 'MuseoSansCyrl-900';
font-size: 30px;
line-height: 36px;
height: 130px;
}
#after-header .order-bl {
display: block;
padding: 0px 0px 0px 0px;
margin: 16px 0px 0px 0px;
font-family: 'MuseoSansCyrl-700';
font-size: 20px;
line-height: 30px;
position: relative;
}
#after-header .order-bl .mouse {
display: block;
padding: 0px 0px 0px 0px;
margin: 0 auto;
width: 37px;
height: 59px;
background: url(images/icon-mouse.png) top center no-repeat;
position: relative;
}
#after-header .order-bl .mouse:after {
content: "";
display: block;
width: 18px;
height: 12px;
background: url(images/icon-mouse-arrow.png) top center no-repeat;
position: absolute;
top: 82px;
left: 50%;
margin-left: -9px;
}
#after-header .order-bl .mouse-wheel {
position: absolute;
width: 6px;
height: 12px;
background:url(images/icon-mouse-wheel.png) top center no-repeat;
top: 11px;
left: 50%;
margin-left: -3px;
-o-transition: top 0.2s;
-ms-transition: top 0.2s;
-moz-transition: top 0.2s;
-webkit-transition: top 0.2s;
transition: top 0.2s;
-webkit-animation: mouseWheel 1s infinite;
-moz-animation: mouseWheel 1s infinite;
-ms-animation: mouseWheel 1s infinite;
-o-animation: mouseWheel 1s infinite;
animation: mouseWheel 1s infinite;
}
@-webkit-keyframes mouseWheel{0%{top:11px}33%{top:15px}66%{top:11px}100%{top:11px}}
@-moz-keyframes mouseWheel{0%{top:11px}33%{top:15px}66%{top:11px}100%{top:11px}}
@-ms-keyframes mouseWheel{0%{top:11px}33%{top:15px}66%{top:11px}100%{top:11px}}
@-o-keyframes mouseWheel{0%{top:11px}33%{top:15px}66%{top:11px}100%{top:11px}}
@keyframes mouseWheel{0%{top:11px}33%{top:15px}66%{top:11px}100%{top:11px}}
#after-header .order-bl .butt {
display: block;
padding: 0px 0px 0px 0px;
margin: 70px 0px 0px 0px;
}
#catalog {
width: 100%; max-width: 1920px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
}
#catalog .w-center {
padding: 37px 35px 41px 35px;
width: 1130px;
background: #29282e;
}
#catalog .w-center > div {
border: 5px solid #cfcfcf;
background: #f1f1f1;
display: block;
padding: 0px 0px 41px 0px;
margin: 0px 0px 0px 0px;
}
#catalog .prod-items {
display: block;
padding: 13px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 0px;
letter-spacing: 0px;
word-spacing: 0px;
text-align: center;
}
#catalog .prod-items:after {
content: "";
display: block;
clear: both;
}
#catalog .prod-item {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 30px 16px 0px 16px;
font-size: 16px;
width: 332px;
min-height: 445px;
background: #fff;
}
#catalog .hidd {
display: none;
}
#catalog .hidd .prod-item:nth-child(3n-2), #catalog .opened .prod-item:nth-child(3n-2) {
margin-left: 0px;
}
#catalog .opened .prod-item:nth-child(3n), #catalog .opened .prod-item:nth-child(3n) {
margin-right: 0px;
}
#catalog .prod-item .z {
display: block;
padding: 22px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-family: 'MuseoSansCyrl-900';
font-size: 30px; 
line-height: 36px;
}
#catalog .prod-item .preview {
display: block;
padding: 0px 0px 0px 0px;
margin: 16px 0px 0px 0px; height: 254px;
position: relative;
}
#catalog .prod-item .preview:after, #catalog .prod-item .preview .desc .icons:after {
content: "";
display: block;
clear: both;
}
#catalog .prod-item .preview img {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
}
#catalog .prod-item .preview .desc {
display: block;
padding: 0px 0px 0px 0px;
margin: 36px 4px 0px 0px;
width: 160px;
float: right;
}
#catalog .prod-item .preview .desc .txt {
font-family: 'MuseoSansCyrl-900';
font-size: 24px; 
line-height: 28px;
}
#catalog .prod-item .preview .desc .icons {
display: block;
padding: 5px 0px 0px 36px;
margin: 0px 0px 0px 0px;
font-size: 0px;
word-spacing: 0px;
letter-spacing: 0px;
}
#catalog .prod-item .preview .desc .icons .i {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 21px 17px 0px 5px;
font-size: 16px;
font-family: 'MuseoSansCyrl-900';
font-style: normal;
width: 23px;
text-align: left;
position: relative;
}
#catalog .prod-item .preview .desc .icons .i-3, #catalog .prod-item .preview .desc .icons .i-6 {
margin-right: 0px;
}
#catalog .prod-item .preview .desc .icons .i:before {
content: "";
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
background-repeat: no-repeat;
background-position: 0px 0px;
}
#catalog .prod-item .preview .desc .icons .i.i-1:before {
width: 30px;
height: 31px;
top: -16px;
left: -28px;
background-image: url(images/prod-i-1.png);
}
#catalog .prod-item .preview .desc .icons .i.i-2:before {
width: 31px;
height: 31px;
top: -16px;
left: -29px;
background-image: url(images/prod-i-2.png);
}
#catalog .prod-item .preview .desc .icons .i.i-3:before {
width: 30px;
height: 31px;
top: -16px;
left: -28px;
background-image: url(images/prod-i-3.png);
}
#catalog .prod-item .preview .desc .icons .i.i-4:before {
width: 30px;
height: 31px;
top: -15px;
left: -28px;
background-image: url(images/prod-i-4.png);
}
#catalog .prod-item .preview .desc .icons .i.i-5:before {
width: 22px;
height: 31px;
top: -15px;
left: -24px;
background-image: url(images/prod-i-5.png);
}
#catalog .prod-item .preview .desc .icons .i.i-6:before {
width: 30px;
height: 31px;
top: -15px;
left: -28px;
background-image: url(images/prod-i-6.png);
}
#catalog .prod-item .price {
display: block;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px; height: 30px;
font-size: 20px; 
line-height: 20px;
font-family: 'MuseoSansCyrl-900';
}
#catalog .prod-item .price:after {
content: "";
display: block;
clear: both;
}
#catalog .prod-item .price .old {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: relative;
}
#catalog .prod-item .price .old:after {
content: "";
display: block;
width: 96px;
height: 19px;
position: absolute;
top: 1px;
left: 50%;
margin-left: -48px;
background: url(images/old-price.png) top center no-repeat;
}
#catalog .prod-item .price .new {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}
#catalog .prod-item .price .new span {
font-size: 13px;
}
#catalog .prod-item .zakaz {
display: block;
padding: 0px 0px 17px 0px;
margin: 16px 0px 0px 0px;
}
.button-transparent {
margin: 0 auto; 
margin-top: 0px; 
padding: 0px 0px 0px 0px; 
width: 254px; 
display: block; 
vertical-align: top;
color: #000; 
font-weight: 400;
font-family: 'MuseoSansCyrl-900';
text-transform: uppercase;
text-decoration: none; 
font-size: 12px; 
line-height: 12px;
height: 43px;
background: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: none;
outline: none;
cursor: pointer;
-webkit-appearance: none;
border: 1px solid #000;
}
.button-transparent:hover, .button-transparent:active {
text-decoration: none;
background: #f0f0f1;
}
.button-transparent:active {
overflow: hidden;
padding-top: 3px;
}
#catalog .butt  {
display: block;
padding: 0px 0px 0px 0px;
margin: 34px 0px 0px 0px;
}
#catalog .butt .button-white {
width: 302px; 
font-family: 'MuseoSansCyrl-900';
font-size: 24px; 
line-height: 24px;
height: 76px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: none;
-webkit-box-shadow: inset 0px -5px 0px 0px #404040;
-moz-box-shadow:    inset 0px -5px 0px 0px #404040;
box-shadow:         inset 0px -5px 0px 0px #404040;
background: -moz-linear-gradient(top,  #ffffff 0%, #d7d7d7 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#d7d7d7 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#d7d7d7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 );
}
#catalog .butt .button-white:hover, #catalog .butt .button-white:active {
background: #ffffff;
}
#steps {
width: 100%; max-width: 1920px; height: 1820px; padding: 680px 0px 0px 0px; margin: 0 auto; margin-top: -672px; position: relative; z-index: 94;
background: url(images/bg-steps.jpg) top center no-repeat; color: #fff;
}
#steps .title-block {
padding-top: 55px;
}
#steps .line {
display: block;
padding: 0px 0px 0px 0px;
margin: 21px 0px 0px 0px;
position: relative; 
background: url(images/steps-line.png) top center no-repeat;
height: 1050px;
}
#steps .step {
display: block;
padding: 0px 0px 0px 0px;
margin: 20px 0px 0px 0px;
position: relative;
}
#steps .step:after {
content: "";
display: block;
clear: both;
}
#steps .step.step-1 {
padding-top: 105px;
margin-top: 0px;
}
#steps .step.step-2 {
margin-top: 18px;
}
#steps .step.step-3 {
margin-top: 7px;
}
#steps .step.step-4 {
margin-top: -28px;
top: -17px;
}
#steps .step.step-5 {
margin-top: -38px;
top: -38px;
}
#steps .line .step .left, #steps .line .step .right {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: relative;
height: 125px;
}
#steps .line .step .left {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 530px;
font-family: 'MuseoSansCyrl-900';
font-size: 36px;
line-height: 44px;
}
#steps .line .step .right {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 532px;
font-family: 'MuseoSansCyrl-900';
font-size: 18px;
line-height: 24px;
}
#steps .step.left-row .left, #steps .step.right-row .right {
float: left;
text-align: right;
}
#steps .step.left-row .right, #steps .step.right-row .left {
float: right;
}
#steps .line .step .left > div, #steps .line .step .right > div {
display: table;
width: 100%;
height: inherit;
position: relative;
top: 0px;
}
#steps .line .step .left > div > div, #steps .line .step .right > div > div {
display: table-cell;
vertical-align: middle;
position: relative;
top: 0px;
}
#steps .line .step .left > div > div {
top: -2px;
}
#steps .line .step .right > div > div {
top: -1px;
}
#steps .line .final {
display: block;
padding: 0px 0px 0px 0px;
margin: 13px 0px 0px 0px;
position: relative;
height: 270px;
text-align: center;
}
#steps .line .final .txt-1, #steps .line .final .txt-2, #steps .line .final .txt-3 {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
text-transform: uppercase;
}
#steps .line .final .txt-1 {
top: 0px;
left: 50%;
margin-left: -146px;
width: 294px; 
color: #000;
font-family: 'MuseoSansCyrl-900';
font-size: 50px;
line-height: 50px;
padding-top: 30px;
}
#steps .line .final .txt-2, #steps .line .final .txt-3 {
top: 164px;
left: 50%;
font-family: 'MuseoSansCyrl-900';
font-size: 40px;
line-height: 44px;
}
#steps .line .final .txt-2 {
margin-left: -360px;
width: 354px; 
}
#steps .line .final .txt-3 {
margin-left: 35px;
width: 210px; 
}
#you-get {
width: 100%; max-width: 1920px; height: 600px; padding: 0px 0px 0px 0px; margin: 0 auto; margin-top: -575px; position: relative; z-index: 95;
}
#you-get .title-block {
padding-top: 40px;
}
#you-get .get-items {
display: block;
padding: 0px 0px 0px 0px;
margin: 38px 0px 0px 0px;
position: relative;
width: 100%;
height: 470px;
}
#you-get .get-item {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
height: 235px;
color: #fff;
overflow: hidden;
}
#you-get .get-item#get-item-1 {
top: 0px;
left: 0px;
width: 289px;
height: 470px;
}
#you-get .get-item#get-item-2 {
top: 0px;
left: 289px;
width: 313px;
}
#you-get .get-item#get-item-3 {
top: 0px;
left: 602px;
width: 312px;
}
#you-get .get-item#get-item-4 {
top: 0px;
left: 914px;
width: 286px;
}
#you-get .get-item#get-item-5 {
top: 235px;
left: 289px;
width: 313px;
}
#you-get .get-item#get-item-6 {
top: 235px;
left: 602px;
width: 598px;
}
#you-get .get-item .bg {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: inherit;
height: inherit;
background-repeat: no-repeat;
background-position: 0px 0px;
z-index: 1;
filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#you-get .get-item .bg:after {
content: "";
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
top: 0px;
left: 0px;
width: inherit;
height: inherit;
background: #4e4e4e;
opacity: 0.65;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#you-get .get-item#get-item-1 .bg {
background-image: url(images/get-item-1-img.jpg);
}
#you-get .get-item#get-item-2 .bg {
background-image: url(images/get-item-2-img.jpg);
}
#you-get .get-item#get-item-3 .bg {
background-image: url(images/get-item-3-img.jpg);
}
#you-get .get-item#get-item-4 .bg {
background-image: url(images/get-item-4-img.jpg);
}
#you-get .get-item#get-item-5 .bg {
background-image: url(images/get-item-5-img.jpg);
}
#you-get .get-item#get-item-6 .bg {
background-image: url(images/get-item-6-img.jpg);
}
#you-get .get-item .text {
display: block;
padding: 57px 20px 0px 74px;
margin: 0px 0px 0px 0px;
z-index: 2;
position: relative;
}
#you-get .get-item .text .numb {
font-family: 'MuseoSansCyrl-900';
font-size: 48px;
line-height: 48px;
display: block;
padding: 7px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute;
top: 44px;
left: 18px;
width: 52px;
height: 53px;
background: none;
text-align: center;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#you-get .get-item .text .txt {
font-family: 'MuseoSansCyrl-900';
font-size: 16px;
line-height: 19px;
}
#you-get .get-item .text .txt span {
display: inline-block;
vertical-align: top;
padding: 0px 6px 0px 5px;
margin: 0px 0px 0px 0px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#you-get .get-item:hover .bg {
filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
-webkit-filter: grayscale(0%);
}
#you-get .get-item:hover .bg:after {
opacity: 0;
}
#you-get .get-item:hover .text .numb {
background: #000;
}
#you-get .get-item:hover .text .txt span {
background: #fff;
color: #000;
}
#sertificats {
width: 100%; max-width: 1920px; height: 538px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
}
#sertificats .title-block {
padding-top: 124px;
}
#sertificat-slider {
height: 324px;
width: 1010px;
margin: 0 auto;
margin-top: 37px;
z-index: 2;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;
}
#sertificat-slider .item {
height: 324px; position: relative; margin: 0 auto; text-align: center;
width: 100%; padding: 0px 0px 0px 0px;
}
#sertificat-slider .item:after {
content: "";
display: block;
clear: both;
}
#sertificat-slider .item > div {
padding: 0px 0px 0px 0px;
margin: 0 auto;
display: block; 
position: relative;
}
#sertificat-slider .item a, #sertificat-slider .item img {
width: 238px;
height: 324px;
display: block;
padding: 0px 0px 0px 0px;
margin: 0 auto;
text-decoration: none;
}
#sertificat-slider .item img {
filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#sertificat-slider .item a:hover img {
filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
-webkit-filter: grayscale(0%);
}
#sertificat-slider.owl-theme .owl-wrapper-outer {
z-index: 1;
}
#sertificat-slider.owl-theme .owl-controls {
width: 100%; z-index: 9999; margin-top: 0px; height: 1px; position: absolute; top: 0px;
}
#sertificat-slider.owl-theme .owl-controls .owl-buttons div {
-moz-border-radius: 0%;
-webkit-border-radius: 0%;
border-radius: 0%;
width: 28px;
height: 49px;
background-color: transparent !important;
background-repeat: no-repeat;
background-position: center center;
padding: 0px !important;
margin: 0px !important;
opacity: 1 !important;
position: absolute;
top: 137px;
margin-top: 0px;
}
#sertificat-slider.owl-theme .owl-controls .owl-buttons div.owl-prev {
background-image: url(images/sertificats-arrow-prev.png);
left: 50%;
margin-left: -562px !important;
}
#sertificat-slider.owl-theme .owl-controls .owl-buttons div.owl-next {
background-image: url(images/sertificats-arrow-next.png);
right: 50%;
margin-right: -562px !important;
}
#sertificat-slider.owl-theme .owl-controls .owl-buttons div.owl-prev.none, #sertificat-slider.owl-theme .owl-controls .owl-buttons div.owl-next.none {
display: none !important;
}
#sertificat-slider.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
opacity: 0.8 !important;
}
#sertificat-slider.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
opacity: 0.8 !important;
}
#sertificat-slider.owl-theme .owl-controls .owl-buttons div {
display: block;
}
#our-works {
width: 100%; max-width: 1920px; height: 658px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
}
#our-works .title-block {
padding-top: 88px;
}
#works-slider {
height: 480px;
width: 100%;
margin: 0 auto;
margin-top: 38px;
z-index: 2;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;
}
#works-slider .item {
height: 480px; position: relative; margin: 0 auto; text-align: center;
width: 100%; padding: 0px 0px 0px 0px;
}
#works-slider .item:after, #works-slider .item > div:after {
content: "";
display: block;
clear: both;
}
#works-slider .item > div {
padding: 0px 0px 0px 0px;
margin: 0 auto;
display: block; 
position: relative;
height: 480px;
width: 100%;
}
#works-slider .item .left {
width: 388px;
height: inherit;
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px -20px 0px 0px;
position: relative; 
background: #fff;
z-index: 2;
float: left;
text-align: left;
}
#works-slider .item .left .zag {
display: block;
padding: 73px 0px 0px 88px;
margin: 0px 0px 0px 0px;
font-size: 40px;
line-height: 48px;
font-family: 'MuseoSansCyrl-900';
width: 500px;
}
#works-slider .item .left .zag span {
display: inline-block;
vertical-align: top;
padding: 0px 16px 0px 12px;
margin: 0px 0px 0px 0px;
background: rgba(255,255,255,0.7);
color: #000;
}
#works-slider .item .left .desc {
display: block;
padding: 44px 0px 0px 91px;
margin: 0px 0px 0px 0px;
font-size: 19px;
line-height: 24px;
font-family: 'MuseoSansCyrl-900';
width: 500px;	
}
#works-slider .item .left .desc span {
display: inline-block;
vertical-align: top;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 0px;
background: rgba(255,255,255,0.7);
color: #000;
}
#works-slider .item .right {
width: 812px;
height: inherit;
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: relative;
z-index: 1;
float: right;
}
#works-slider .item .right img {
filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
#works-slider:hover .item .right img {
filter: url("data:image/svg+xml;utf8,&lt;svg xmlns=\'http://www.w3.org/2000/svg\'&gt;&lt;filter id=\'grayscale\'&gt;&lt;feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
-webkit-filter: grayscale(0%);
}
#works-slider.owl-theme .owl-wrapper-outer {
z-index: 1;
}
#works-slider.owl-theme .owl-controls {
width: 100%; z-index: 9999; margin-top: 0px; height: 1px; position: absolute; top: 0px;
}
#works-slider.owl-theme .owl-controls .owl-buttons div {
-moz-border-radius: 0%;
-webkit-border-radius: 0%;
border-radius: 0%;
width: 30px;
height: 51px;
background-color: transparent !important;
background-repeat: no-repeat;
background-position: center center;
padding: 0px !important;
margin: 0px !important;
opacity: 1 !important;
position: absolute;
top: 229px;
margin-top: 0px;
}
#works-slider.owl-theme .owl-controls .owl-buttons div.owl-prev {
background-image: url(images/works-arrow-prev.png);
left: 50%;
margin-left: -562px !important;
}
#works-slider.owl-theme .owl-controls .owl-buttons div.owl-next {
background-image: url(images/works-arrow-next.png);
right: 50%;
margin-right: -562px !important;
}
#works-slider.owl-theme .owl-controls .owl-buttons div.owl-prev.none, #works-slider.owl-theme .owl-controls .owl-buttons div.owl-next.none {
display: none !important;
}
#works-slider.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
opacity: 0.7 !important;
}
#works-slider.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
opacity: 0.7 !important;
}
#works-slider.owl-theme .owl-controls .owl-buttons div {
display: block;
}
#works-slider.owl-theme .owl-controls .owl-pagination {
width: 100%; 
position: absolute; 
top: 436px;
}
#works-slider.owl-theme .owl-controls .owl-page {
cursor: default;
}
#works-slider.owl-theme .owl-controls .owl-page span {
display: block;
width: 66px;
height: 12px;
margin: 5px 7px;
opacity: 1;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background: #000;
cursor: pointer;
}
#works-slider.owl-theme .owl-controls .owl-page span:hover, #works-slider.owl-theme .owl-controls .owl-page.active span {
background: #fff;
}
#footer-principi {
width: 100%; max-width: 1920px; padding: 140px 0px 0px 0px; margin: 0 auto; margin-top: -204px; position: relative; z-index: 91;
background: url(images/bg-footer-principi.png) bottom center no-repeat; color: #fff;
}
#footer-principi .principi {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: relative;
height: 700px;
}
#footer-principi .principi .main {
font-size: 48px;
line-height: 52px;
font-family: 'MuseoSansCyrl-900';
width: 310px;
position: absolute;
top: 264px;
left: 464px;
text-transform: uppercase;
}
#footer-principi .principi .txt {
font-size: 20px;
line-height: 24px;
font-family: 'MuseoSansCyrl-900'; 
width: 300px;
position: absolute;
}
#footer-principi .principi .txt.txt-1 {
top: 149px;
left: 317px;
}
#footer-principi .principi .txt.txt-2 {
top: 333px;
left: 54px;
}
#footer-principi .principi .txt.txt-3 {
top: 495px;
left: 391px;
}
#footer-principi .principi .txt.txt-4 {
top: 197px;
left: 882px;
}
#footer-principi .principi .txt.txt-5 {
top: 388px;
left: 968px;
}
#footer-principi .principi .txt.txt-6 {
top: 510px;
left: 750px;
}
#footer-principi .top {
padding: 29px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
color: #fff;
}
#footer-principi .top:after {
content: "";
display: block;
clear: both;	
}
#footer-principi .top .left {
display: inline-block;
vertical-align: top;
padding: 5px 0px 0px 0px;
margin: 0px 0px 0px 98px;
float: left;
width: 300px;
}
#footer-principi .top .left img {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
width: 320px;
}
#footer-principi .top .right {
display: inline-block;
vertical-align: top;
padding: 16px 0px 0px 0px;
margin: 0px  68px 0px 0px;
float: right;
width: 300px;
text-align: right;
}
#footer-principi .top .right .tell {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
font-size: 22px;
line-height: 16px;
font-family: 'MuseoSansCyrl-900';
}
#footer-principi .top .right .call {
text-decoration: underline;
color: #fff;
font-size: 12px;
line-height: 12px;
font-family: 'MuseoSansCyrl-900';
}
#footer-principi .top .right .call:hover {
text-decoration: none;
}
#footer-principi .menu {
padding: 0px 0px 24px 0px;
margin: 32px 0px 0px 0px;
display: block;
}
#footer-principi .menu ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
list-style-type: none;
font-size: 0px;
word-spacing: 0px;
letter-spacing: 0px;
text-align: center;
text-transform: uppercase;
}
#footer-principi .menu ul li {
display: inline-block;
vertical-align: top;
font-size: 18px;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 10px;
}
#footer-principi .menu ul li a {
color: #000;
text-decoration: none;
}
#footer-principi .menu ul li a:hover {
text-decoration: underline;
}
#footer-principi .copyright {
padding: 19px 0px 24px 0px;
margin: 0px 0px 0px 0px;
display: block;
color: #000;
text-align: center;
font-size: 16px;
border-top: 1px solid #000;
}
#footer-principi .copyright a {
color: #000;
text-decoration: underline;
}
#footer-principi .copyright 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 .zag {
display: block;
padding: 5px 0px 8px 0px;
margin: 0px 0px 0px 0px;
color: #000;
font-size: 22px;
font-weight: 400;
text-transform: uppercase;
text-align: center;
font-family: 'MuseoSansCyrl-700';
}
.white-form .inps {
width: 290px;
height: 38px;
border: 1px solid #b8b8b8;
background: #fff;
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: 123px;
margin-right: 12px;
float: left;
}
.white-form .inps.half:last-child {
margin-right: -10px;
}
.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: 322px; 
font-family: 'MuseoSansCyrl-900';
font-size: 18px; 
line-height: 18px;
height: 50px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #000;
-webkit-box-shadow: inset 0px -2px 0px 0px #404040;
-moz-box-shadow:    inset 0px -2px 0px 0px #404040;
box-shadow:         inset 0px -2px 0px 0px #404040;
background: -moz-linear-gradient(top,  #ffffff 0%, #d7d7d7 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#d7d7d7 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#d7d7d7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 );
margin-top: 11px;
}
.white-form .submit-button:hover, .white-form .submit-button:active {
background: #ffffff;
}

.arcticmodal-overlay,
.arcticmodal-container {position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;}
.arcticmodal-container {overflow:auto;margin:0;padding:0;border:0;border-collapse:collapse;}
*:first-child+html .arcticmodal-container {height:100%}
.arcticmodal-container_i {height:100%;margin: 0 auto;}
.arcticmodal-container_i2 {padding:24px;margin:0;border:0;vertical-align:middle;}
.arcticmodal-error {padding:20px;border-radius:10px;background:#000;color:#fff;}
.arcticmodal-loading {width: 80px;height:80px;border-radius:10px;}
.arcticmodal-overlay {background-color:#000!important;opacity:0.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#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: 28px;
font-weight: 700;
}

.hidden{opacity:0}
.visible{opacity:1;}

/*--- Owl Carousel ---*/
.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 .owl-controls{
margin-top: 10px;
text-align: center;
}
.owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline;
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);
opacity: 0.5;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);
opacity: 1;
text-decoration: none;
}
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50);
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);
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;
}

/*! 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(0,0,0,0.8);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
body.fancybox-overlay-fixed {
position: fixed;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* 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;
} 