/*
	Theme Name: Автомасла
	Technical specialist: Joja (Сергей Денисов) | https://fl.ru/users/joja/
	Version: 1.0
*/
@charset "UTF-8";
@font-face { font-family: 'Vegur-Regular'; src: url('webfonts/Vegur-Regular.eot?#iefix') format('embedded-opentype'), url('webfonts/Vegur-Regular.otf') format('opentype'), url('webfonts/Vegur-Regular.woff') format('woff'), url('webfonts/Vegur-Regular.ttf') format('truetype'), url('webfonts/Vegur-Regular.svg#Vegur-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Vegur-Bold'; src: url('webfonts/Vegur-Bold.eot?#iefix') format('embedded-opentype'), url('webfonts/Vegur-Bold.otf') format('opentype'), url('webfonts/Vegur-Bold.woff') format('woff'), url('webfonts/Vegur-Bold.ttf') format('truetype'), url('webfonts/Vegur-Bold.svg#Vegur-Bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Vegur-Light'; src: url('webfonts/Vegur-Light.eot?#iefix') format('embedded-opentype'), url('webfonts/Vegur-Light.otf') format('opentype'), url('webfonts/Vegur-Light.woff') format('woff'), url('webfonts/Vegur-Light.ttf') format('truetype'), url('webfonts/Vegur-Light.svg#Vegur-Light') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Vegur-Medium'; src: url('webfonts/Vegur-Medium.eot?#iefix') format('embedded-opentype'), url('webfonts/Vegur-Medium.otf') format('opentype'), url('webfonts/Vegur-Medium.woff') format('woff'), url('webfonts/Vegur-Medium.ttf') format('truetype'), url('webfonts/Vegur-Medium.svg#Vegur-Medium') 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: Arial, sans-serif;color:#000;width:100%;font-weight:400;}
body{ background: url(images/bg.png) top center repeat; }
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: 1202px; 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; }
.title-block {
color: #000;
display: block;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
text-align: center;
font-weight: 400;
font-family: Arial, sans-serif;
font-size: 30px;
line-height: 36px;
position: relative;
}
.title-block:after {
content: "";
display: block;
width: 110px;
height: 1px;
margin: 0 auto;
margin-top: 43px;
background: #000;
}
.title-block.white {
color: #fff;
padding-top: 40px;
}
.title-block.white:after {
background: #fff;	
}
#header {
width: 100%; max-width: 1920px; height: 134px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 101;
color: #fff; background: url(images/bg-header.jpg) top center no-repeat;
}
#header .logo {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px -55px;
width: 366px;
height: 134px;
float: left;
}
#header .logo img {
display: block;
width: inherit;
height: inherit;
}
#header .menu {
display: inline-block;
vertical-align: top;
padding: 56px 0px 0px 0px;
margin: 0px 0px 0px 11px;
width: 440px;
float: left;
}
#header .menu ul {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 0px;
word-spacing: 0px;
letter-spacing: 0px;
}
#header .menu ul li {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 44px 0px 0px;
font-size: 16px;
line-height: 20px;
}
#header .menu ul li:last-child {
margin-right: 0px;	
}
#header .menu ul li a {
color: #fff;
text-decoration: none;
}
#header .menu ul li a:hover {
text-decoration: underline;
}
#header .phone {
display: inline-block;
vertical-align: top;
padding: 28px 0px 0px 0px;
margin: 0px 0px 0px 25px;
width: 215px;
float: left;
text-align: center;
}
#header .phone .tell {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 25px;
line-height: 25px;
}
#header .phone .button-red {
width: 199px;
background: url(images/button-red-bg-call.png) top center no-repeat;
}
#header .phone .button-red:hover {
background: url(images/button-red-bg-call-hover.png) top center no-repeat;
}
#header .cart-bl {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 17px 0px 0px;
width: 152px; 
height: 128px;
float: right;
border: 2px solid #fff;
border-top: none;
border-bottom-width: 6px;
}
#header .cart-bl .cart {
text-align: center;
font-size: 12px;
display: block;
padding: 0px 0px 0px 0px;
margin: 0px px 0px 0px;
position: relative;
}
#header .cart-bl .cart:before {
content: "";
display: block;
width: 32px;
height: 30px;
position: absolute;
top: 26px;
left: 50%;
margin-left: -16px;
background: url(images/icon-cart.png) top center no-repeat;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
#header .cart-bl .cart .prod-numb {
display: block;
padding: 71px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#header .cart-bl .cart .prod-summ {
display: block;
padding: 8px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#header .cart-bl .cart-details {
display: none;
padding: 0px 12px 11px 12px;
margin: 0px 0px 0px 0px;
background: #fff;
position: absolute;
top: 134px;
right: 17px;
width: 334px;
border: 1px solid #b62500;
-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.75);
-moz-box-shadow:    0px 3px 10px rgba(0,0,0,0.75);
box-shadow:         0px 3px 10px rgba(0,0,0,0.75);
}
#header .cart-bl .cart-details.active {
display: block;
}
#header .cart-bl .cart-details .table {
display: block;
padding: 3px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #000;
}
#header .cart-bl .cart-details .table .tr {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 0px;
word-spacing: 0px;
letter-spacing: 0px;
border-bottom: 1px solid #000;
}
#header .cart-bl .cart-details .table .tr:after {
content: "";
display: block;
clear: both;
}
#header .cart-bl .cart-details .table .tr.th-row {
color: #c22a00;
}
#header .cart-bl .cart-details .table .tr.th-row .td {
font-size: 14px;
line-height: 16px;
padding-bottom: 5px;
}
#header .cart-bl .cart-details .table .tr .td {
display: inline-block;
vertical-align: top;
padding: 9px 0px 7px 2px;
margin: 0px 0px 0px 5px;
float: left;
font-size: 12px;
line-height: 16px;
}
#header .cart-bl .cart-details .table .tr .td:nth-child(1) {
width: 90px;
}
#header .cart-bl .cart-details .table .tr.th-row .td:nth-child(1) {
padding-left: 0px; width: 92px;
}
#header .cart-bl .cart-details .table .tr .td:nth-child(2) {
width: 85px;
}
#header .cart-bl .cart-details .table .tr .td:nth-child(3) {
width: 70px;
}
#header .cart-bl .cart-details .table .tr .td:nth-child(4) {
width: 68px;
float: right;
text-align: center;
}
#header .cart-bl .cart-details .table .tr.th-row .td:nth-child(4) {
text-align: left;
}
#header .cart-bl .cart-details .table .tr .td:last-child {
margin-left: -20px;
}
#header .cart-bl .cart-details .minus, #header .cart-bl .cart-details .plus {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 1px 0px 0px 0px;
text-align: center;
width: 11px;
height: 11px;
border: 1px solid #000;
cursor: pointer;
line-height: 12px;
}
#header .cart-bl .cart-details .minus:hover, #header .cart-bl .cart-details .plus:hover {
border-color: #f54100;
color: #f54100;
}
#header .cart-bl .cart-details .minus {
margin-left: 2px;
margin-right: 0px;
line-height: 11px;
}
#header .cart-bl .cart-details .plus {
margin-left: 0px;
margin-right: 0px;
}
#header .cart-bl .cart-details .count {
display: inline-block;
vertical-align: top;
min-width: 18px;
text-align: center;
}
#header .cart-bl .cart-details .remove {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 12px;
height: 12px;
cursor: pointer;
background: url(images/icon-remove.png) top center no-repeat;
position: relative;
top: 1px;
left: -4px;
}
#header .cart-bl .cart-details .remove:hover {
background: url(images/icon-remove-hover.png) top center no-repeat;
}
#header .cart-bl .cart-details .button-red {
float: right;
margin-top: 10px;
font-size: 14px;
line-height: 14px;
padding-bottom: 1px;
width: 148px;
height: 27px;
background: url(images/button-red-bg-order.png) top center no-repeat;
}
#header .cart-bl .cart-details .button-red:hover {
background: url(images/button-red-bg-order-hover.png) top center no-repeat;
}
#slider {
width: 100%; max-width: 1920px; height: 639px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99; color: #fff;
-webkit-box-shadow: 0px 7px 10px rgba(0,0,0,0.5);
-moz-box-shadow:    0px 7px 10px rgba(0,0,0,0.5);
box-shadow:         0px 7px 10px rgba(0,0,0,0.5);
}
#main-slider {
height: inherit;
width: 100%;
margin: 0 auto;
z-index: 2;
-webkit-user-select: none; 
-moz-user-select: none; 
-ms-user-select: none; 
user-select: none;
}
#main-slider .item {
height: 639px; position: relative; margin: 0 auto; text-align: center;
width: 100%; padding: 0px 0px 0px 0px;
}
#main-slider .item .w-center {
height: inherit;
}
#main-slider .item:after {
content: "";
display: block;
clear: both;
}
#main-slider.owl-theme .owl-wrapper-outer {
z-index: 1;
}
#main-slider.owl-theme .owl-controls {
width: 100%; z-index: 9999; margin-top: 0px; height: 1px; position: absolute; bottom: 35px;
}
#main-slider.owl-theme .owl-controls .owl-page {
cursor: default;
}
#main-slider.owl-theme .owl-controls .owl-page span {
display: block;
width: 11px;
height: 11px;
margin: 5px 4px;
opacity: 1;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: none;
border: 2px solid #fff;
cursor: pointer;
}
#main-slider.owl-theme .owl-controls .owl-page span:hover, #main-slider.owl-theme .owl-controls .owl-page.active span {
background: #fff;
}
#main-slider.owl-theme .item#slider-item-1 {
background: url(images/slider-item-1.jpg) top center no-repeat;
}
#main-slider.owl-theme .item#slider-item-2 {
background: url(images/slider-item-2.jpg) top center no-repeat;
}
#main-slider.owl-theme .item#slider-item-3 {
background: url(images/slider-item-3.jpg) top center no-repeat;
}
#main-slider .item .top-txt, #main-slider .item .bottom-txt {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-transform: uppercase;
font-weight: 700;
}
#main-slider .item .top-txt {
padding-top: 94px;
font-size: 40px;
line-height: 48px;
}
#main-slider .item .bottom-txt {
position: absolute;
bottom: 46px;
left: 20px;
font-size: 27px;
line-height: 34px;
text-align: left;
}
#main-slider .item .top-txt-2 {
padding-top: 80px;
font-size: 39px;
line-height: 48px;
font-weight: 700;
text-align: right;
padding-right: 20px;
}
#main-slider .item .bottom-txt-2 {
font-size: 27px;
line-height: 34px;
text-align: left;
font-weight: 700;
text-align: right;
padding-right: 20px;
padding-top: 71px;
}
#benefits {
width: 100%; max-width: 1920px; padding: 0px 0px 69px 0px; margin: 0 auto; position: relative; z-index: 98;
background: url(images/bg-glow.jpg) top center no-repeat; color: #fff;
}
#benefits .title-block {
padding-top: 55px;
}
#benefits .title-block:after {
width: 170px;
margin-top: 21px;
}
#benefits .benefits-items {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px -100px 0px -100px;
font-size: 0px;
word-spacing: 0px;
letter-spacing: 0px;
text-align: center;
}
#benefits .benefit-item {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 45px 30px 0px 30px;
}
#benefits .benefit-item .icon {
display: block;
padding: 0px 0px 0px 0px;
margin: 0 auto;
width: 255px;
height: 176px;
position: relative;
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(images/benefit-item-bg.png);
}
#benefits .benefit-item .icon:after {
content: "";
display: block;
width: 117px;
height: 94px;
position: absolute;
top: 0px;
left: 68px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
#benefits .benefit-item#benefit-item-1 .icon:after {
background-image: url(images/benefit-item-1.png);
}
#benefits .benefit-item#benefit-item-2 .icon:after {
background-image: url(images/benefit-item-2.png);
}
#benefits .benefit-item#benefit-item-3 .icon:after {
background-image: url(images/benefit-item-3.png);
}
#benefits .benefit-item .icon span {
display: block;
padding: 105px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 18px;
line-height: 24px;
font-style: normal;
}
#benefits .benefit-item .txt {
display: block;
padding: 12px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 18px;
line-height: 22px;
}
#optovikam {
width: 100%; max-width: 1920px; height: 446px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
background: url(images/bg-optovikam.jpg) top center no-repeat;
}
#optovikam .form-bl {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 916px;
height: 331px;
position: absolute;
top: 64px;
left: 50%;
margin-left: -458px;
border: 1px solid #fff;
background: rgba(0,0,0,0.85);
}
#optovikam .form-bl > div {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#optovikam .form-bl .button-red {
margin-top: 47px; 
}
.button-red {
margin: 0 auto; 
margin-top: 20px; 
padding: 0px 0px 0px 0px; 
width: 226px; 
height: 31px;
display: block; 
vertical-align: top;
color: #000; 
font-weight: 700;
text-decoration: none; 
font-size: 16px; 
line-height: 16px;
background: url(images/button-red-bg.png) top center no-repeat;
border: none;
outline: none;
cursor: pointer;
text-decoration: none;
-webkit-appearance: none;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
-moz-box-shadow:    2px 2px 3px rgba(0,0,0,0.5);
box-shadow:         2px 2px 3px rgba(0,0,0,0.5);
border-radius: 4px;
}
.button-red:hover, .button-red:active {
text-decoration: none;
background: url(images/button-red-bg-hover.png) top center no-repeat;
}
.transparent-form {
display: block;
padding: 28px 30px 30px 30px;
margin: 0 auto;
color: #fff;
text-align: center;
position: relative;
}
.transparent-form .zag {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 30px;
line-height: 36px;
text-align: center;
}
#optovikam .form-bl .transparent-form .zag {
padding-bottom: 33px; 
}
.transparent-form .inps {
width: 286px;
height: 52px;
border: 2px solid #fff;
background: none;
color: #fff;
font-size: 14px;
display: inline-block;
vertical-align: top;
margin: 0 auto;
margin-top: 20px;
padding: 0px 20px 0px 20px;
outline: none;
position: relative;
z-index: 1;
text-align: left;
font-style: italic;
font-weight: 400;
}
#optovikam .form-bl .transparent-form .inps.name {
margin-right: 90px; 
}
.transparent-form input[type='text']::-webkit-input-placeholder {
color: #c8c8c8 !important;
font-size: 14px !important;
}
.transparent-form input[type='text']::-moz-placeholder {
color: #c8c8c8 !important;
font-size: 14px !important;
}
.transparent-form input[type='text']:-moz-placeholder {
color: #c8c8c8 !important;
font-size: 14px !important;
}
.transparent-form input[type='text']:-ms-input-placeholder {
color: #c8c8c8 !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;
}
#top-tovari, #assortiment {
width: 100%; max-width: 1920px; padding: 0px 0px 32px 0px; margin: 0 auto; position: relative; z-index: 99;
}
#top-tovari .title-block, #assortiment .title-block {
padding-top: 51px;
}
#top-tovari .title-block:after, #assortiment .title-block:after {
margin-top: 23px;
}
.catalog {
background: #e0c091 url(images/bg-catalog.jpg) top center no-repeat;
}
.catalog .box {
text-align: center;
font-size: 0px;
word-spacing: 0px;
letter-spacing: 0px;
margin-left: -20px;
margin-right: -20px;
}
.catalog .product {
display: inline-block;
vertical-align: top;
margin: 0px 16px 32px 16px;
padding: 0px 0px 0px 0px;
background: #fff;
border: 2px solid #000;
border-top-width: 6px;
width: 203px;
height: 277px;
text-align: center;
text-decoration: none;
color: #000;
position: relative;
font-size: 18px;
}
.catalog .product:hover {
border-color: #f54100;
}
.catalog .product .prod-modal {
display: none;
}
.catalog .product img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
max-width: 100%;
position: relative;
z-index: 1;
}
.catalog .product .more {
display: inline-block;
vertical-align: top;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
bottom: 21px;
left: 0px;
width: 100%;
text-decoration: underline;
color: #000;
z-index: 2;
}
.catalog .product:hover .more {
text-decoration: none;
color: #f54100;
}
.tab-section {
margin: 46px 0px 0px 0px;
}
ul.tabs {
min-height: 52px;
list-style: none;
text-align: center;
margin: 0px -100px 0px -100px;
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: 6px 0px 0px 0px;
padding: 0px 0px 0px 0px;
cursor: default;
width: 186px;
height: 63px;
position: relative;
font-size: 18px;
line-height: 24px;
color: #000;
background-repeat: no-repeat;
background-position: 0px 0px;
background-image: url(images/tab-item.png);
}
.tabs.big li {
width: 216px;
color: #df3700;
background-image: url(images/tab-item-big.png);
}
.tabs li.current, .tabs li.hovered {
background-image: url(images/tab-item-active.png);
color: #000;
}
.tabs.big li.current, .tabs.big li.hovered {
background-image: url(images/tab-item-big-active.png);
}
.tabs li > span {
display: block;
margin: 0px 8px 0px 8px;
padding: 16px 0px 15px 0px;
cursor: pointer;
position: relative;
cursor: pointer;
}
.box {
display: none;
margin: 0px 0px 0px 0px;
padding: 46px 0px 0px 0px;
}
.box:after {
content: "";
display: block;
clear: both;
}
.box.visible {
display: block;
}
#steps {
width: 100%; max-width: 1920px; height: 531px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
background: url(images/bg-glow.jpg) top center no-repeat;
}
#steps .title-block {
padding-top: 53px;
}
#steps .title-block:after {
width: 135px;
}
#steps .road {
display: block;
margin: 0 auto; 
margin-top: 134px;
padding: 0px 0px 0px 0px;
position: relative;
width: 1030px;
height: 59px;
background: url(images/road.png) top center no-repeat;
}
#steps .road .item {
display: block;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
width: 210px;
position: absolute;
color: #fff;
font-size: 19px;
line-height: 24px;
text-align: center;
}
#steps .road .item.item-1, #steps .road .item.item-3, #steps .road .item.item-5 {
top: 139px;
}
#steps .road .item.item-2, #steps .road .item.item-4 {
top: -75px;
}
#steps .road .item.item-1 {
left: -43px;
}
#steps .road .item.item-2 {
left: 168px;
}
#steps .road .item.item-3 {
left: 407px;
}
#steps .road .item.item-4 {
left: 649px;
}
#steps .road .item.item-5 {
left: 860px;
}
#steps .road .item:after {
content: "";
display: block;
margin: 0px 0px 0px 0px; 
padding: 0px 0px 0px 0px;
width: 41px;
height: 118px;
background-repeat: no-repeat;
background-position: 0px;
position: absolute;
left: 50%;
margin-left: -20px;
}
#steps .road .item.item-1:after, #steps .road .item.item-3:after, #steps .road .item.item-5:after {
top: -126px;
background-image: url(images/road-icon-odd.png);
}
#steps .road .item.item-2:after, #steps .road .item.item-4:after {
top: 37px;
width: 43px;
height: 95px;
background-image: url(images/road-icon-even.png);
}
#location {
width: 100%; max-width: 1920px; height: 517px; padding: 0px 0px 0px 0px; margin: 0 auto; position: relative; z-index: 99;
background: #cfb277;
}
#location:before {
content: "";
display: block;
width: 955px;
height: 517px;
background: url(images/map-avto.png) top center no-repeat;
position: absolute;
top: 0px;
left: 50%;
margin-left: -960px;
z-index: 2;
}
#map {width: 100%; height: inherit; z-index: 1;}
#map img {max-width: none !important;}
#location .form-bl {
display: block;
width: 443px;
height: 343px;
padding: 0px 29px 0px 29px;
background: pink;
position: absolute;
top: 93px;
left: 50%;
margin-left: -517px;
z-index: 3;
background: rgba(0,0,0,0.85);
}
#location .form-bl > div {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
}
#location .form-bl .button-red {
margin-top: 47px; 
}
#location .form-bl .transparent-form {
padding-left: 0px;
padding-right: 0px;
}
#location .form-bl .transparent-form .zag {
padding-bottom: 20px;
padding-top: 3px;
}
#location .form-bl .transparent-form .inps {
width: 179px;
height: 44px;
margin-top: 8px;
}
#location .form-bl .transparent-form .col {
display: inline-block;
vertical-align: top;
padding: 12px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
}
#location .form-bl .transparent-form .col.col-1 {
width: 223px;
}
#location .form-bl .transparent-form .col.col-2 {
width: 187px;
min-height: 94px;
border: 2px solid #fff;
font-size: 14px;
line-height: 24px;
margin: 20px -20px 0px 5px;
padding: 6px 10px 0px 14px;
outline: none;
position: relative;
z-index: 1;
text-align: left;
font-style: italic;
font-weight: 400;
}
#location .form-bl .transparent-form .col.col-2 .z {
display: block;
padding: 0px 0px 12px 0px;
margin: 0px 0px 0px 0px;
}
#location .form-bl .transparent-form .col.col-2 a {
color: #fff;
text-decoration: underline;
}
#location .form-bl .transparent-form .col.col-2 a:hover {
text-decoration: none;
}
#location .infos {
display: block;
width: 259px;
background: #fff;
position: absolute;
top: 239px;
right: 50%;
margin-right: -583px;
z-index: 3;
border: 2px solid #d43300;
}
#location .infos > div {
display: block;
margin: 0px 0px 0px 0px; 
padding: 14px 17px 21px 17px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
#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: 20px;
}
#footer .left, #footer .right {
display: block;
margin: 0px 0px 0px 0px; 
padding: 27px 0px 29px 0px;
}
#footer .left {
padding-left: 17px;
width: 500px;
float: left;
}
#footer .right {
width: 300px;
float: right;
text-align: right;
}
#footer .right a {
color: #fff;
text-decoration: underline;
}
#footer .right a:hover {
text-decoration: none;
}

.arcticmodal-overlay,
.arcticmodal-container {position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;}
.arcticmodal-container {overflow:auto;margin:0;padding:0;border:0;border-collapse:collapse;}
*:first-child+html .arcticmodal-container {height:100%}
.arcticmodal-container_i {height:100%;margin: 0 auto;}
.arcticmodal-container_i2 {padding:24px;margin:0;border:0;vertical-align:middle;}
.arcticmodal-error {padding:20px;border-radius:10px;background:#000;color:#fff;}
.arcticmodal-loading {width: 80px;height:80px;border-radius:10px;}
.arcticmodal-overlay {background-color:#000!important;opacity:0.8!important;}
.box-modal {position:relative;width:568px;padding:0px 0px 0px 0px;margin-top:15px;}
.box-modal_close {
font-size: 16px;
line-height: 16px;
color: #eee;
cursor: pointer;
z-index: 999;
background: url(images/close.png) top center no-repeat;
width: 15px;
height: 15px;
}
.box-modal_close:hover {
color: #fff;
background: url(images/close-hover.png) top center no-repeat !important;
}
.arcticmodal-close {position:absolute;top:12px;right:13px;}
.box-modal .form-bl {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 564px;
border: 2px solid #fff;
background: rgba(0,0,0,0.85);
}
.box-modal .form-bl > div {
display: block;
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
}
.box-modal .transparent-form .zag {
display: block;
padding: 15px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 24px;
line-height: 30px;
}
.box-modal .transparent-form .sub-zag {
display: block;
padding: 10px 0px 20px 0px;
margin: 0px 0px 0px 0px;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.box-modal .transparent-form .inps {
width: 180px;
height: 31px;
border: 1px solid #fff;
}
.box-modal .transparent-form .inps.name {
margin-right: 20px;
margin-left: 2px;
}
.box-modal .transparent-form .button-red {
margin-top: 35px; 
}
#Modal-success.box-modal .transparent-form .zag {
font-size: 32px;
line-height: 36px;
}
#Modal-success.box-modal .transparent-form .sub-zag {
padding: 10px 0px 10px 0px;
font-size: 17px;
line-height: 22px;
}
#Modal-product .box-modal_close {
background: url(images/close-black.png) top center no-repeat;
}
#Modal-product.box-modal {width:824px;}
#Modal-product .prod-bl {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 824px;
background: #fff;
}
#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 0px;
width: 305px; text-align: center;
}
#Modal-product .prod-bl .left > div {
display: table;
width: 100%;
height: 360px;
position: relative;
top: 0px;
}
#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 .right {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 27px;
width: 445px;
}
#Modal-product .prod-bl .right .zag {
display: block;
padding: 17px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 24px;
line-height: 30px;
font-weight: 700;
}
#Modal-product .prod-bl .right .desc {
display: block;
padding: 22px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 12px;
line-height: 24px;
}
#Modal-product .prod-bl .right .desc p {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#Modal-product .prod-bl .right .desc ul {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style-type: none;
}
#Modal-product .prod-bl .right .desc ul li {
display: block;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
position: relative;
}
#Modal-product .prod-bl .right .desc ul li:before {
content: "";
display: block;
width: 6px;
height: 6px;
border: 2px solid #000;
position: absolute;
top: 7px;
left: 1px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#Modal-product .prod-bl .right .price {
display: block;
padding: 0px 0px 0px 0px;
margin: 36px 0px 0px 0px;
}
#Modal-product .prod-bl .right .price:after {
content: "";
display: block;
clear: both;
}
#Modal-product .prod-bl .right .price .cost {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: 24px;
line-height: 24px;
font-weight: 700;
}
#Modal-product .prod-bl .right .price .buy {
display: inline-block;
vertical-align: top;
padding: 0px 0px 0px 0px;
margin: 4px 27px 0px 0px;
float: right;
font-size: 16px;
line-height: 20px;
font-weight: 700;
text-decoration: none;
}
#Modal-product .prod-bl .right .price .buy:hover {
color: #f54100; text-decoration: underline;;
}

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