/*
	Theme Name: WarmWest
	Version: 1.0
*/
@charset "UTF-8";
@font-face { font-family: 'Roboto-Regular'; src: url('webfonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('webfonts/Roboto-Regular.woff') format('woff'), url('webfonts/Roboto-Regular.ttf') format('truetype'), url('webfonts/Roboto-Regular.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto-Bold'; src: url('webfonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('webfonts/Roboto-Bold.woff') format('woff'), url('webfonts/Roboto-Bold.ttf') format('truetype'), url('webfonts/Roboto-Bold.svg#Roboto-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; font-family: 'Roboto', sans-serif; color:#000;width:100%;font-weight:400;}
img{border: none;}
.clear {clear:both;height:0px;}
.inp-error {border-color: #bb5a58 !important;}
::-webkit-file-upload-button {cursor:pointer;}
#main-wrapper {overflow:hidden!important;}
.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, .bold { font-weight: 700; }
#header {
width: 100%; max-width: 1920px; height: 696px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 100;
background: url(images/bg-header.jpg) top center no-repeat;
}
#header #man {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: absolute; 
top: 29px; 
right: -10px; 
width: 456px;
height: 753px;
background: url(images/man.png) top center no-repeat;
z-index: 3;
}
#header .top {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height: 120px;
position: relative;
z-index: 11;
}
#header .top:after {
content: "";
display: block;
clear: both;
}
#header .top .left, #header .top .right {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 300px;
}
#header .top .left {
float: left;
padding-top: 5px;
padding-left: 13px;
}
#header .top .left img {
display: block;
width: 130px;
}
#header .top .right {
float: right; text-align: right;
padding: 24px 10px 0px 0px;
}
#header .top .right .tell {
display: block;
padding: 0px 0px 4px 0px;
margin: 0px 0px 0px 0px;
font-size: 16px;
line-height: 20px;
font-weight: 700;
color: #1d7db3;
}
#header .top .right .call {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 14px;
line-height: 16px;
color: #01426d;
border-bottom: 1px dashed #01426d;
letter-spacing: 0.02em;
font-family: 'Roboto-Regular';
}
#header .top .right .call:hover {
border-bottom-color: transparent;
}
#header .main-txt {
display: block;
padding: 66px 0px 0px 12px;
margin: 0px 0px 0px 0px;
}
#header .txt-1 {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 64px;
line-height: 64px;
color: #41b4f5;
font-family: 'Roboto-Bold';
text-transform: uppercase;
letter-spacing: 0.013em;
}
#header .txt-2 {
display: block;
padding: 4px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 30px;
line-height: 30px;
color: #41b4f5;
font-family: 'Roboto-Bold';
text-transform: uppercase;
}
#header .txt-3 {
display: block;
padding: 21px 0px 56px 0px;
margin: 0px 0px 0px 0px;
font-size: 20px;
line-height: 25px;
color: #134a69;
letter-spacing: 0.008em;
}
#uslugi-bl {
width: 100%; max-width: 1920px; height: 516px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
}
#uslugi-bl .w-center {
padding-top: 86px;
}
.uslugi {
position: relative;
background: #fff;
border-radius: 5px;
border: 1px solid #eaeaea;
-webkit-box-shadow: 3px -4px 16px 0px rgba(50, 50, 50, 0.05);
-moz-box-shadow:    3px -4px 16px 0px rgba(50, 50, 50, 0.05);
box-shadow:         3px -4px 16px 0px rgba(50, 50, 50, 0.05);
width: 1054px;
margin: 0 auto;
height: 256px;
padding: 38px 0px 0px 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.uslugi .title {
padding: 0px 48px 9px 48px;
margin: 0px 0px 0px 0px;
display: block; 	
text-transform: uppercase;
color: #f7a808;
font-weight: 700;
font-size: 24px;
line-height: 30px;
letter-spacing: 0.02em;
}
.uslugi .button-blue {
position: absolute;
top: 297px;
right: 0px;
z-index: 9;
}
#uslugi-slider {
height: 352px;
width: 1050px;
margin: 0 auto;
margin-top: 0px;
z-index: 2;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;
}
#uslugi-slider .item {
height: 352px; position: relative; margin: 0 auto;
width: 100%; padding: 0px 0px 0px 0px;
}
#uslugi-slider .item:after {
content: "";
display: block;
clear: both;
}
#uslugi-slider .item > div {
padding: 0px 0px 0px 0px;
margin: 0 auto;
display: block; 
position: relative;
}
#uslugi-slider .item .desc {
display: none; display: block;
margin: 0px 0px 0px 0px;
padding: 41px 0px 0px 55px;
text-align: left;
width: 306px;
height: 236px;
border-radius: 5px;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#uslugi-slider .item.active .desc {
display: block;
}
#uslugi-slider .item .desc .z {
color: #3f3f3f;
font-size: 18px;
line-height: 24px;
padding: 0px 0px 5px 0px; 
display: block;
vertical-align: top;
text-transform: uppercase;
font-weight: 700;
position: relative;
letter-spacing: 0.02em;
}
#uslugi-slider .item .desc .z span {
position: absolute;
top: 0px;
left: -31px;
font-weight: 400;
}
#uslugi-slider .item .desc .d {
color: #a5a5a5;
font-size: 12px;
line-height: 16px;
padding: 0px 0px 0px 0px; 
display: block;
vertical-align: top;
letter-spacing: 0.02em;
}
#uslugi-slider .item.active .desc .z, #uslugi-slider .item.active .desc .d {
color: #fff;
}
#uslugi-slider .item.active .desc {
background: rgb(255,210,56);
background: -moz-linear-gradient(left,  rgba(255,210,56,1) 0%, rgba(251,201,28,1) 100%);
background: -webkit-linear-gradient(left,  rgba(255,210,56,1) 0%,rgba(251,201,28,1) 100%);
background: linear-gradient(to right,  rgba(255,210,56,1) 0%,rgba(251,201,28,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd238', endColorstr='#fbc91c',GradientType=1 );
-webkit-box-shadow: 0px 44px 81px rgba(0,2,4,0.14);
-moz-box-shadow:   0px 44px 81px rgba(0,2,4,0.14);
box-shadow:         0px 44px 81px rgba(0,2,4,0.14);
}
#uslugi-slider .item .desc:before {
content: "";
display: none;
position: absolute;
background-repeat: no-repeat;
background-position: 0px 0px;
}
#uslugi-slider .item.active .desc:before {
display: block;
}
#uslugi-slider .item .desc#desc-icon-1:before {
background-image: url(images/icon-uslugi-1.png);
width: 64px;
height: 64px;
top: 145px;
left: 50%;
margin-left: -32px;
}
#uslugi-slider .item .desc#desc-icon-2:before {
background-image: url(images/icon-uslugi-2.png);
width: 70px;
height: 70px;
top: 145px;
left: 50%;
margin-left: -35px;
}
#uslugi-slider .item .desc#desc-icon-3:before {
background-image: url(images/icon-uslugi-3.png);
width: 88px;
height: 68px;
top: 145px;
left: 50%;
margin-left: -44px;
}
#uslugi-slider .item .desc#desc-icon-4:before {
background-image: url(images/icon-uslugi-4.png);
width: 64px;
height: 64px;
top: 145px;
left: 50%;
margin-left: -32px;
}
#uslugi-slider .item .desc#desc-icon-5:before {
background-image: url(images/icon-uslugi-5.png);
width: 63px;
height: 63px;
top: 145px;
left: 50%;
margin-left: -32px;
}
#uslugi-slider .item.active:before, #uslugi-slider .item.active:after {
content: "";
display: block;
width: 1px;
height: 68px;
background: #e4e4e5;
position: absolute;
top: 40px;
}
#uslugi-slider .item.active:before {
left: -4px;
}
#uslugi-slider .item.active:after {
right: -4px;
}
#uslugi-slider.owl-theme .owl-controls {
width: 100%; z-index: 9999; margin-top: 0px; height: 1px; position: absolute; top: 0px;
}
.uslugi > .prev, .uslugi > .next {
width: 37px;
height: 23px;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
padding: 0px;
margin: 0px;
opacity: 1;
position: absolute;
top: 120px;
margin-top: 0px;
text-decoration: none;
cursor: pointer;
z-index: 5;
opacity: 0.5;
}
.uslugi > .prev {
left: 50%;
margin-left: -590px !important;
background-image: url(images/slider-arrow-left.png);
}
.uslugi > .next {
right: 50%;
margin-right: -590px !important;
background-image: url(images/slider-arrow-right.png);
}
.uslugi > .prev:hover, .uslugi > .next:hover {
opacity: 1;
}
.showIn {
animation: showIn 0.4s linear;
}
.showOut {
animation: showOut 0.4s linear;
}
@keyframes showIn {
0%{display:none;opacity:0}
1%{display:block;opacity:0}
100%{opacity:1}
}
@-webkit-keyframes showIn {
0%{display:none;opacity:0}
1%{display:block;opacity:0}
100%{opacity:1}
}
@keyframes showOut {
0%{display:block;opacity:1}
100%{opacity:0;display:none}
}
@-webkit-keyframes showOut {
0%{display:block;opacity:1}
100%{opacity:0;display:none}
}
#catalog {
width: 100%; max-width: 1920px; padding: 57px 0px 22px 0px; margin: 0 auto; position: relative; z-index: 99;
}
.catalog .box {
text-align: center;
font-size: 0px;
word-spacing: 0px;
letter-spacing: 0px;
margin-left: -20px;
margin-right: -20px;
padding-top: 98px;
}
.catalog .product {
display: inline-block;
vertical-align: top;
margin: 0px 11px 73px 11px;
padding: 0px 0px 0px 0px;
width: 278px;
height: 400px;
text-align: center;
text-decoration: none;
position: relative;
cursor: default !important;
}
.catalog .product .img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #fff;
border-bottom: 6px solid #5495f0;
width: 278px;
height: 246px;
position: relative;
border-radius: 5px;
-webkit-box-shadow: 0px 9px 9px rgba(0,2,4,0.13);
-moz-box-shadow:    0px 9px 9px rgba(0,2,4,0.13);
box-shadow:         0px 9px 9px rgba(0,2,4,0.13);
}
.catalog .product:hover .img {
border-color: #514de1;
}
.catalog .product .img img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
max-width: 100%;
position: relative;
z-index: 1;	
}
.catalog .product .img .more {
padding: 0px 0px 0px 0px; 
width: 215px; 
height: 45px;
display: none; 
vertical-align: top;
color: #fff; 
font-weight: 400;
text-decoration: none; 
font-size: 16px; 
line-height: 16px;
background: #fbca1f;
border: none;
outline: none;
cursor: pointer;
text-decoration: none;
-webkit-appearance: none;
-webkit-box-shadow: 0px 17px 38px rgba(22,76,122,0.35);
-moz-box-shadow:    0px 17px 38px rgba(22,76,122,0.35);
box-shadow:         0px 17px 38px rgba(22,76,122,0.35);
border-radius: 5px;
position: absolute;
top: 96px;
left: 50%;
margin-left: -108px;
z-index: 2;
}
.catalog .product .img .more:hover, .catalog .product .img .more:active {
text-decoration: none;
background: #e7b60a;
}
.catalog .product:hover .img .more {
display: block; 
}
.catalog .product .desc {
display: block;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.catalog .product .desc .title {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 24px;
line-height: 28px;
color: #22abff;
font-weight: 700;
letter-spacing: 0.02em;
}
.catalog .product .desc .power {
display: block;
margin: 0px 0px 0px 0px;
padding: 8px 0px 0px 0px;
font-size: 14px;
line-height: 18px;
color: #323232;
opacity: 0.62;
letter-spacing: 0.02em;
}
.catalog .product .desc .price {
display: block;
margin: 0px 0px 0px 0px;
padding: 19px 0px 0px 0px;
font-size: 18px;
line-height: 24px;
color: #323232;
font-weight: 700;
letter-spacing: 0.02em;
}
.catalog .product .prod-modal {
display: none;
}
.tab-section {
margin: 0px 0px 0px 0px;
}
ul.tabs {
min-height: 52px;
list-style: none;
text-align: center;
margin: 0px -50px 0px -50px;
padding: 0px 0px 0px 0px;
display: block;
font-size: 0px;
word-spacing: 0px;
letter-spacing: 0px;
text-align: center;
}
.tabs li {
display: inline-block;
vertical-align: top;
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
cursor: default;
width: 180px;
height: 385px;
position: relative;
}
.tabs li .img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
cursor: pointer;
width: 180px;
height: 260px;
border-bottom: 6px solid #fafafa;
-webkit-box-shadow: 0px 9px 9px rgba(0,2,4,0.13);
-moz-box-shadow:    0px 9px 9px rgba(0,2,4,0.13);
box-shadow:         0px 9px 9px rgba(0,2,4,0.13);
border-radius: 5px;
z-index: 2;
background: #fafafa;
}
.tabs li.current .img {
-webkit-box-shadow: 0px 16px 95px rgba(41,49,112,0.28);
-moz-box-shadow:    0px 16px 95px rgba(41,49,112,0.28);
box-shadow:         0px 16px 95px rgba(41,49,112,0.28);
background: #fff;
}
.tabs li.current .img, .tabs li.hovered .img {
border-bottom-color: #5495f0;
}
.tabs li:before {
content: "";
display: block;
width: 150px;
height: 50px;
-webkit-box-shadow: 0px 9px 9px rgba(0,2,4,0.13);
-moz-box-shadow:    0px 9px 9px rgba(0,2,4,0.13);
box-shadow:         0px 9px 9px rgba(0,2,4,0.13);
border-radius: 5px;
position: absolute;
top: 237px;
left: 50%;
margin-left: -75px;
z-index: 1;
background: #fafafa;
}
.tabs li.current:before {
display: none;
}
.tabs li .img img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 180px;
height: 260px;
}
.tabs li .name {
display: inline-block;
vertical-align: top;
margin: 50px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
cursor: pointer;
text-transform: uppercase;
color: #3f3f3f;
font-size: 16px;
line-height: 18px;
letter-spacing: 0.02em;
font-weight: 700;
}
.box {
display: none;
margin: 0px 0px 0px 0px;
padding: 46px 0px 0px 0px;
}
.box:after {
content: "";
display: block;
clear: both;
}
.box.visible {
display: block;
}
#about {
width: 100%; max-width: 1920px; padding: 0px 0px 219px 0px; margin: 0 auto; position: relative; z-index: 99;
}
#about .text {
display: block;
margin: 0px 0px 0px 0px;
padding: 81px 0px 0px 38px;
width: 700px;
}
#about .text .z {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 120px;
line-height: 120px;
color: #959595;
font-weight: 400;
font-family: 'Roboto-Bold';
letter-spacing: 0.013em;
}
#about .text .d {
display: block;
margin: 0px 0px 0px 0px;
padding: 37px 0px 0px 150px;
font-size: 14px;
line-height: 20px;
color: #444444;
letter-spacing: 0.02em;
}
#about .logo {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top: 50px;
right: 114px;
width: 232px;
height: 203px;
}
#location {
width: 100%; max-width: 1920px; height: 451px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 100;
background: #bebebe;
}
#location:before {
content: "";
display: none;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 2;
background: -moz-linear-gradient(top,  rgba(30,87,153,0.8) 0%, rgba(125,185,232,0) 130%);
background: -webkit-linear-gradient(top,  rgba(30,87,153,0.8) 0%,rgba(125,185,232,0) 130%);
background: linear-gradient(to bottom,  rgba(30,87,153,0.8) 0%,rgba(125,185,232,0) 130%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 );
}
#map {width: 100%; height: inherit; z-index: 1;}
#map img {max-width: none !important;}
#location .form-bl {
display: block;
width: 579px;
height: 596px;
padding: 0px 0px 0px 0px;
background: pink;
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -588px;
z-index: 3;
border-radius: 5px 5px 0px 0px;
}
#location .form-bl > div {
display: block;
padding: 37px 48px 0px 68px;
margin: 0px 0px 0px 0px;
width: inherit;
height: inherit;
background: #ffffff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: inherit;
z-index: 2;
position: relative;
-webkit-box-shadow: 0px 15px 101px rgba(120,84,22,0.16);
-moz-box-shadow:    0px 15px 101px rgba(120,84,22,0.16);
box-shadow:         0px 15px 101px rgba(120,84,22,0.16);
}
#location .form-bl .row {
display: block;
padding: 0px 0px 25px 0px;
margin: 0px 0px 0px 0px;
}
#location .form-bl .row:nth-child(2) {
padding-bottom: 30px;
}
#location .form-bl .row .gray {
display: block;
padding: 0px 0px 13px 0px;
margin: 0px 0px 0px 0px;
color: #bbbbbb;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.02em;
}
#location .form-bl .row .black {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #323232;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.02em;
font-weight: 700;
}
.button-blue {
padding: 0px 0px 0px 0px; 
width: 215px; 
height: 45px;
display: block; 
vertical-align: top;
color: #fff; 
font-weight: 400;
text-decoration: none; 
font-size: 16px; 
line-height: 16px;
background: #37a3fe;
border: none;
outline: none;
cursor: pointer;
text-decoration: none;
-webkit-appearance: none;
-webkit-box-shadow: 0px 17px 38px rgba(22,76,122,0.35);
-moz-box-shadow:    0px 17px 38px rgba(22,76,122,0.35);
box-shadow:         0px 17px 38px rgba(22,76,122,0.35);
border-radius: 5px;
}
.button-blue:hover, .button-blue:active {
text-decoration: none;
background: #2694f1;
}
.button-blue.submit-button {
margin-top: 40px;
}
#location .form-bl .transparent-form {
margin-top: 28px;
padding-left: 4px;
}
.transparent-form {
display: block;
padding: 0px 0px 0px 0px;
margin: 0 auto;
text-align: left;
position: relative;
}
.transparent-form .zag {
display: block;
padding: 0px 0px 28px 3px;
margin: 0px 0px 0px 0px;
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
color: #92adc4;
font-weight: 500;
letter-spacing: 0.02em;
}
.transparent-form .inps-row {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.transparent-form .inps {
width: 182px;
height: 39px;
border: 1px solid #ebebeb;
background: #fff;
background: none;
color: #000;
font-size: 14px;
display: inline-block;
vertical-align: top;
margin: 0 auto;
margin-left: 16px;
padding: 0px 15px 0px 15px;
outline: none;
position: relative;
z-index: 1;
text-align: left;
font-weight: 400;
border-radius: 5px;
}
.transparent-form .inps-row .inps:first-child {
margin-left: 0px;
}
.transparent-form input[type='text']::-webkit-input-placeholder {
color: #767676 !important;
font-size: 14px !important;
}
.transparent-form input[type='text']::-moz-placeholder {
color: #767676 !important;
font-size: 14px !important;
}
.transparent-form input[type='text']:-moz-placeholder {
color: #767676 !important;
font-size: 14px !important;
}
.transparent-form input[type='text']:-ms-input-placeholder {
color: #767676 !important;
font-size: 14px !important;
}
.transparent-form input[type='text']:focus::-webkit-input-placeholder {
color: transparent !important;
}
.transparent-form input[type='text']:focus::-moz-placeholder {
color: transparent !important;
}
.transparent-form input[type='text']:focus:-moz-placeholder {
color: transparent !important;
}
.transparent-form input[type='text']:focus:-ms-input-placeholder {
color: transparent !important;
}
#footer {
width: 100%; max-width: 1920px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
color: #fff; font-size: 14px; line-height: 18px; text-align: center; background: #041820;
}
#footer .w-center {
padding-top: 32px;
padding-bottom: 32px;
}
#footer .left, #footer .center, #footer .right {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
width: 300px;
opacity: 0.2;
letter-spacing: 0.02em;
}

.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.6!important;}
.box-modal {position:relative;width:auto;padding:0px 0px 0px 0px;margin-top:15px;}
.box-modal {
-webkit-box-shadow: 0px 31px 81px rgba(0,0,0,0.35);
-moz-box-shadow:    0px 31px 81px rgba(0,0,0,0.35);
box-shadow:         0px 31px 81px rgba(0,0,0,0.35);
border-radius: 5px;
}
.box-modal_close {
cursor: pointer;
z-index: 999;
background: url(images/close.png) center center no-repeat;
width: 16px;
height: 16px;
}
.box-modal_close:hover {
cursor: pointer;
}
.arcticmodal-close {position:absolute;top:10px;right:10px;}
.box-modal .form-bl {
display: block;
padding: 0px 55px 0px 55px;
margin: 0px 0px 0px 0px;
width: 214px;
background: #fff;
border-radius: 5px;
}
.box-modal .form-bl > div {
display: block;
padding: 0px 0px 40px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
}
.box-modal .transparent-form .zag {
padding: 37px 0px 10px 0px;
text-align: center;
}
.box-modal .transparent-form .sub-zag {
display: block;
padding: 15px 0px 20px 0px;
margin: 0px 0px 0px 0px;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.box-modal .transparent-form .inps {
margin: 15px 0px 0px 0px;
}
.box-modal .transparent-form .button-blue {
margin-top: 25px; width: 214px;
}
#Modal-success.box-modal .form-bl > div {
padding-bottom: 0px 0px 34px 0px;
}
#Modal-success.box-modal .transparent-form .zag {
font-size: 28px;
line-height: 36px;
}
#Modal-success.box-modal .transparent-form .sub-zag {
padding: 0px 0px 0px 0px;
font-size: 15px;
line-height: 20px;
color: #333;
text-align: center;
}
#Modal-product .box-modal_close {
font-size: 12px;
line-height: 16px;
color: #a59f9d;
background-position: right 4px;
width: auto;
padding-right: 17px;
}
#Modal-product .box-modal_close:hover {
color: #000; text-decoration: underline;
}
#Modal-product .arcticmodal-close {top: 22px; right: 29px;}
#Modal-product.box-modal {width:808px; border-radius:5px; background:none;}
#Modal-product .prod-bl {
display: block;
padding: 0px 0px 29px 0px;
margin: 0px 0px 0px 0px;
width: 808px;
background: #fff;
border-radius: 5px;
}
#Modal-product .prod-bl > div {
display: block;
padding: 20px;
margin: 0px 0px 0px 0px;
}
#Modal-product .prod-bl > div:after {
content: "";
display: block;
clear: both;
}
#Modal-product .prod-bl .left {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 22px;
width: 296px; text-align: center;
}
#Modal-product .prod-bl .left > div {
display: table;
width: 278px;
height: 246px;
position: relative;
top: 45px;
margin: 0 auto;
}
#Modal-product .prod-bl .left > div > div {
display: table-cell;
vertical-align: middle;
}
#Modal-product .prod-bl .left img {
max-width: 100%;
max-height: 100%;
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#Modal-product .prod-bl .left .price {
display: block;
padding: 0px 0px 0px 0px;
margin: 101px 0px 0px 0px;
font-size: 30px;
line-height: 36px;
color: #323232;
font-weight: 700;
}
#Modal-product .prod-bl .right {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 32px 0px 0px 50px;
width: 370px;
}
#Modal-product .prod-bl .right .zag {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 24px;
line-height: 30px;
font-weight: 700;
color: #22abff;
letter-spacing: 0.02em;
}
#Modal-product .prod-bl .right .desc {
display: block;
padding: 16px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 12px;
line-height: 24px;
}
#Modal-product .prod-bl .right .desc table {
border: none;
font-size: 14px;
padding: 0px 0px 0px 0px;
margin-left: -2px;
}
#Modal-product .prod-bl .right .desc table td {
padding: 0px 12px 2px 0px;
}
#Modal-product .prod-bl .right .desc table td:first-child {
opacity: 0.55;
color: #353535;
}
#Modal-product .prod-bl .right .desc table td:nth-child(2) {
font-weight: 700;
color: #131313;
}
#Modal-product .prod-bl .right .button-blue {
margin-top: 40px;
margin-left: -3px;
}

.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;
}
.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)}
}

/* Animate.css */
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes shake {
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
}
@keyframes shake {
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes headShake {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes headShake {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}
@-webkit-keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig {
from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig {
from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}