* {
	margin: 0;
	padding: 0;
}

@font-face{
    font-family: 'PF';
    src:url('/img/font/pf.ttf');
    font-weight: normal;
    font-style: normal;
}


@font-face {
	font-family: 'artkiev';
	src:url('font/artkiev.eot?dfvudn');
	src:url('font/artkiev.eot?#iefixdfvudn') format('embedded-opentype'),
		url('font/artkiev.ttf?dfvudn') format('truetype'),
		url('font/artkiev.woff?dfvudn') format('woff'),
		url('font/artkiev.svg?dfvudn#artkiev') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* 
@font-face {
	font-family: "'artkiev'";
	src: url("font/'artkiev'.eot");
	src: url("font/'artkiev'.eot#iefix") format("embedded-opentype"),
	url("font/'artkiev'.woff") format("woff"),
	url("font/'artkiev'.ttf") format("truetype"),
	url("font/'artkiev'.svg") format("svg");
	font-weight: normal;
	font-style: normal;
} */


.ios, .android
{
	text-align: center;
	background: #4CC7A6;
	color: #FFF;
	padding:15px 10px;
	position: fixed;
	bottom: 0;
	z-index:99;
	right:0;
	left:0;
}

.ios span, .android span
{
	font-weight: bold;
	display: block;
}

.android b
{
position: absolute;
z-index: 102;
top: -17px;
right: 0px;
width: 34px;
height: 34px;
cursor: pointer;
background: red;
border-radius: 50%;
}


.android b:after
{
font: 14px/35px 'artkiev';
content: "\e004";
color: #FFF;
}

/* .logo_ios
{
	background: url(img/ois.png) no-repeat;
	width: 40px;
	height: 40px;
	display: inline-block;
	background-size: 40px 40px;
} */

a.apple_store
{
	background: url(img/appstore.png);
	background-size: 130px 40px;
	width: 130px;
	height: 40px;
	margin: 10px auto 0;
	display: block;
}

a.android_store
{
	background: url(img/google-play.svg);
	background-size: 130px 40px;
	width: 130px;
	height: 40px;
	margin: 10px auto 0;
	display: block;
}


.center, .product_price TABLE.details_list TD, .product_price TABLE.details_list TH, .c
{
text-align: center;
}

.ico:before, a.zpz i:before {   
	font: normal 20px 'artkiev';
	display: inline-block;
}


body {
	font: 14px/18px  'Open Sans', sans-serif;
	width: 100%;
	background: #FFF;
	color: #292a2a;
	margin:0;	
}
input, textarea, button  {
    outline: none;
	font: 14px/18px  'Open Sans', sans-serif;
	
}
a {
	color: #058abc;
	text-decoration: underline;
	font: 14px/18px  'Open Sans', sans-serif;
	 outline: none;
}

a:hover
{
text-decoration: none;
}

p {
	margin: 0px 0 14px;
} 

img {
	border: 0;
}

.cb { clear: both; }
.none, .ad_exist, .ad_price { display: none; }

.locked
{
overflow: hidden;
/* margin:0 18px 0 0; */
}

.top
{
background: #fdfaf3;
box-shadow: 3px 4px 5px rgba(0,0,0,.04);
text-align: right;
padding:2px 0 2px;
margin:0 0 30px;
}

.top a, .i_call:before
{
color: #090c0b;
padding:0 10px 0 0;
line-height: 30px;
transition: color .5s;
margin:0 0 0 20px;
}

.top a:before
{
	color: #a7d8ea;
	padding:0 10px 0 0;
	font-size: 24px;
	vertical-align: middle;
	transition: color 1s;
}


a.i_user:before {
	content: "\e01a";
}


a.i_user2:before {
	content: "\e006";

}

.top a:hover
{
color: #000;
}

a.i_user2:hover:before, a.i_user:hover:before
{
color: #000;
}

.content, #body
{
width:996px;
margin: 0px auto;
}

.i_call
{
color: #009A58;
text-transform: uppercase;
cursor: pointer;
margin:0 0 0 30px;
line-height: 34px;
}

.i_call:before {
	content: "\e00e";
	color: #009A58;
	  position: relative;
  top: 3px;
}

.i_call:hover:before
{
color: #EF8424;
}

.i_call:hover
{
color: #EF8424;
}

.logo
{
display: block;
background: url(img/logo.svg) no-repeat;
width: 220px;
height: 100px;
/* padding:68px 0 0; */
float: left;
margin:0 0 10px;
}

/* .logo span
{
background: url(img/logo_google.png) no-repeat 0 -1px;
width: 144px;
height: 24px;
display: inline-block;
color: #61646b;
font: 14px/24px 'PF';
text-transform: uppercase;
text-decoration: none;
padding:0 0 0 66px;
} */

.head_center
{
width:540px;
float: left;
position: relative;
margin:0 0 0 50px;
}

.alerter
{
width: 510px;
height: 100px;
background: url(img/alert.png)no-repeat;
position: absolute;
}

.head_contact
{
padding:14px 0 0;
font: 30px/30px 'PF';
float: right;
width:180px;
color: #D74933;
text-align: right;
}

.head_contact span
{
font-size: 14px;
display: inline-block;
}

.content_page
{
line-height: 22px;
}

.content_page ul, .content_page ol
{
margin:10px 0 10px 40px;
}

.content_page li
{
margin:10px 0 0;
}

#disqus_thread
{
margin:40px 0 0;
}

.catalog_mes
{
margin:-20px 0 40px;
text-align: center;
}

.find
{
position: relative;
width:354px;
margin:40px 0 0 100px;
}

#search
{
border:1px solid #212423;
padding:10px 14px;
width:340px;
text-transform: uppercase;
}

.search_submit
{
background: transparent;
border:0;
position: absolute;
right: 0;
top:6px;
}

.search_submit:before {
	content: "\e012";
	font-size: 26px;
	cursor: pointer;
	color: #0089AF;
	transition: color .5s;
}

.search_submit:hover:before
{
color: #000;
}




@-webkit-keyframes pulser {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulser {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}


#search:hover, .podbor_s:hover, .call:hover .send {
	-webkit-animation: pulser 1s ease-in-out infinite;
	-moz-animation: pulser 1s ease-in-out infinite;
	animation: pulser 1s ease-in-out infinite;
}



@-webkit-keyframes typing {
    from { width: 0 }
    to { width:410px }
}

@-moz-keyframes typing {
    from { width: 0 }
    to { width:410px }
}

@-webkit-keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: black }
}

@-moz-keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: black }
}

#alerter
{
position: absolute;
font: 18px 'PF';
left: 100px;
color: #179edb;
text-transform: uppercase;
width:410px;
white-space:nowrap;
    overflow:hidden;
    border-right: 2px solid black;
      -webkit-animation: typing 7s steps(28, end), /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
    -moz-animation: typing 7s steps(28, end), /* # of steps = # of characters */
                        blink-caret 1s step-end infinite;
}


nav
{
display: block;
background: #179edb;
margin:10px 0 0;
position: relative;
}

nav ul
{
list-style: none;
padding: 0;
float: left;
}

nav UL LI
{
display: inline-block;
margin:0 30px 0 0;
}

nav UL LI a
{
display: inline-block;
font-size: 16px;
text-transform: uppercase;
color: #FFF;
padding:15px 0;
border-bottom:4px solid transparent;
border-top:4px solid transparent;
text-decoration: none;
font-weight: 300;
transition: border-color .5s ease-in
}

nav UL LI a:hover, nav UL LI a.me_yes
{
border-bottom:4px solid #edb52d;
border-top:4px solid #edb52d;
}

a.zpz
{
display: block;
float: left;
font-size: 18px;
text-transform: uppercase;
color: #FFF;
padding:15px 0;
border-bottom:4px solid transparent;
border-top:4px solid transparent;
text-decoration: none;
font-weight: 300;
}

a.zpz span
{
padding:0 0  0 40px;
  text-shadow: 3px 2px 8px rgba(0, 0, 0, .5);
}

a.zpz i:before
{
color: #70cef9;
content: "\e007";
transition: color .5s ease-in-out;
}

a.zpz .zpz1:before {
	font-size: 16px;
	position: absolute;
	margin:-8px 0 0 20px;
	
}
a.zpz .zpz2:before {
	position: absolute;
	top: 4px;
	font-size: 20px;
	
}

a.zpz .zpz3:before 
{
	position: absolute;
	bottom: 4px;
	font-size: 28px;
}

a.zpz:hover .zpz1:before
{
   -webkit-animation: spin s3 infinite linear; 
    -moz-animation: spin 3s infinite linear;
    animation: spin 3s infinite linear; 
}

a.zpz:hover .zpz2:before
{
   -webkit-animation: spin 6s linear 0s infinite; 
    -moz-animation:spin 6s linear 0s infinite;
    animation: spin 6s linear 0s infinite;
	
	
}

a.zpz:hover .zpz3:before
{
   -webkit-animation: spin 10s infinite linear; 
    -moz-animation: spin 10s infinite linear;
    animation: spin 10s infinite linear; 
	
}


@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }



a.zpz:hover i.zpz1:before
{
color: #FFF;
}
a.zpz:hover i.zpz3:before
{
color: #FFB708;
}

a.zpz:hover i.zpz2:before
{
color: #C9D6CE;
}

 .camera_wrap, .send, a.send, .send_4,.pages {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;          
}

 

 
 #artkiev_slider .content
 {
 position: relative;
 }
 
 
 .name_1
 {
 font: 36px/36px 'PF';
 color: #7F8082;
 text-transform: uppercase;
 background: #FFF;
 /*  padding:10px; */
  }
  
 .name_2, .user_name
 {
 font: 20px/36px 'PF';
 color: #7F8082;
 text-transform: uppercase;
 }
 
 .name_3
 {
 font: 20px/36px 'PF';
 color: #000; 
 }
 
  .send_6, a.send_6
 {
 font: 20px/20px 'PF';
 color: #FFF;
 text-transform: uppercase;
 background: #179EDB;
 border:1px solid #FFF;
 padding:10px 26px 8px;
 text-decoration: none;
 transition: background-color .5s;
 cursor: pointer;
 }
 
 .send_6:hover
 {
  background: #FFF;
 color: #179EDB;
 }
 
 
 .send_5, a.send_5
 {
 font: 20px/20px 'PF';
 color: #38afe5;
 text-transform: uppercase;
 background: #FFF;
 border:1px solid #4cc7a6;
 padding:12px 36px;
 text-decoration: none;
 transition: background-color .5s;
 cursor: pointer;
 }
 
 a.send_5:hover
 {
 background: #179EDB;
 color: #FFF;
 }
 
.camera_wrap img, 
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
 {
	background: none;
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style: none
}
.camera_wrap {
	display: none;
	float: left;
	position: relative;
	z-index: 0;
	 height: 474px;
}
.camera_wrap img {
	max-width: none!important;
}
.camera_fakehover {
	height: 100%;
	min-height: 60px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.camera_wrap {
	width: 100%;
}
.camera_src {
	display: none;
}
.cameraCont, .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}
.cameraSlide {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.cameraContent {
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.camera_target {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_target_content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.camera_target_content .camera_link {
    background: url(tmp/spacer.gif);
	display: block;
	height: 100%;
	text-decoration: none;
}
.camera_loader {
  /*   background: #fff url(../images/camera-loader.gif) no-repeat center; */
	background: url(tmp/load.gif) no-repeat center;
/* 	border: 1px solid #ffffff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px; */
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	/* margin: -18px 0 0 -18px; */
	margin-left: -106px;
	top: 50%;
	width: 212px;
	z-index: 3;
}
/* 
.camera_bar {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
} */

.camera_nav_cont {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	top: 15px;
	width: 120px;
	z-index: 4;
}

.camerarelative {
	overflow: hidden;
	position: relative;
}
/* .imgFake {
	cursor: pointer;
}
 */
.camera_command_wrap .hideNav {
	display: none;
}
.camera_command_wrap {
	left: 0;
	position: relative;
	right:0;
	z-index: 4;
}

.camera_pag
{
position: absolute;
z-index: 99;
bottom: 2px;
/* text-align: center; */
width:100%;
}

.camera_wrap .camera_pag .camera_pag_ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width:996px;
	text-align: right;
	
}

.camera_pag_ul li img {
	display: none;
	position: absolute;
}


.camera_commands {
	right: 41px;
}

.camera_caption {
	/* bottom: 0; */
	display: block;
	position: absolute;
	width: 100%;
/* 	color: #fff; */
}
/* .camera_caption > div {
	background: #000;
	background: rgba(0, 0, 0, 0.8);
	padding: 10px 20px;
} */




 .slider_name
 {
  width:290px;
  margin:0 0 40px;
 }

.slider_right
{
text-align: right;
right: 0;
}

.content .slider_center
{
left: 250px;
width:350px;
}

.slider_center .slider_name
{
left: 250px;
width:350px;
}

.content_slide
{
/* width:540px;
padding:75px 0 0 40px; */
  width:290px;
top: 70px;
position: absolute;
}

.content_slide p
{
color: #808080;
font-size: 16px;
display: block;
background: #FFF;
padding:5px;
/* width:470px; */
}

.camera_wrap .camera_pag .camera_pag_ul li {

	cursor: pointer;
	display: inline-block;
		text-indent: -9999px;
background: rgba(76,199,166,0.8);
  margin: 6px;
  transition: box-shadow 0.2s;
   box-shadow: 0 1px 10px rgba(255,255,255,0.4), inset 0 1px 10px rgba(0,0,0,0.1);
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  text-align: left;
  
  
}

.camera_wrap .camera_pag .camera_pag_ul li:hover {
  box-shadow: 0 1px 1px rgba(252,251,206,0.4), inset 0 1px 5px rgba(0,0,0,0.1), 0 0 0 5px rgba(255,255,255,0.5);
}

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent  {
	background: #4CC7A6;
	border:4px solid #EEEABB;
}


.home_podbor
{
background: #F3F3F3 url(img/home_p.jpg) no-repeat top center;
min-height:132px;
width:100%;
padding:30px 0;
}

h2
{
font-weight: 300;
font-size: 24px;
color: #146082;
text-transform: uppercase;
text-align: center;
line-height: 32px;
margin:30px 0;
}

#tabs_content h2,
#tabs_content h3
{
text-align: left;
font-size: 16px;
margin-bottom: 0;
}

.width_original div
{
border-bottom:2px solid #FFF;
padding:2px 0;
}

h3
{
font-size: 20px;
color: #146082;
text-transform: uppercase;
text-align: center;
line-height: 32px;
margin:30px 0;
}


.podbor_s
{
 margin:  0 20px 0 0;
 display: inline-block;
  width: 140px;
  padding: 0px 10px;
  background: #FFF;
  cursor: pointer;
  position: relative;
  box-shadow: 0 0 32px rgba(0,0,0,.12);
  color: #bcbcbc;
  height:35px;
  line-height:35px;
 }

.podbor_s:after
{
font: normal 12px 'artkiev';
display: inline-block;
content: "\e016";
position: absolute;
right: 10px;
top: 13px;
color: #00C8A6;
 transition: color .5s;
 z-index: 5;
}

.podbor_s:hover:after
{
color: #D3D1AD;
}


/* .podbor_s select {
position: relative;
z-index: 50;
outline:none;
color: #666a69;
  width: 170px;
  border: 0;
    background: transparent;
  -moz-appearance: none;
  text-indent: 0.01px;
  overflow: hidden;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  text-overflow: '';
  color: #666;
  cursor: pointer;
  padding: 8px 10px 8px 0;
} */

#artkiev_podbor_1, #artkiev_podbor_2, #artkiev_podbor_3
{
width: 166px;
}

.podbor_marka, .podbor_model
{
width:720px;
}

.podbor_marka div
{
display: inline-block;
width:144px;
height:28px;
}

.podbor_marka div span, .podbor_model span, .podbor_year span
{
color: #179EDB;
border-bottom:1px dashed #179EDB;
cursor: pointer;
}

.podbor_model div
{
display: inline-block;
width:240px;
height:26px;
overflow: hidden;
}



.podbor_year span
{
display: inline-block;
width:32px;
margin:0 8px 0 0;
}


ul.podbor_year
{
list-style: none;
	margin: 0;
	padding:7px 0 0px;
}

.podbor_year strong
{
display: inline-block;
width: 60px;
}


.podbor_year li
{
padding:0 0 10px;
}

.tree_content
{
width:500px;
float: left;
}

.tree_info
{
width:450px;
float: right;
}

 .send_z
 {
 font: 18px/20px 'PF';
 color: #FFF;
 text-transform: uppercase;
 background: #4cc7a6;
 border:1px solid #4cc7a6;
 padding:10px 24px 6px 34px;
/*  vertical-align: middle; */
 text-decoration: none;
 transition: background-color .5s;
 cursor: pointer;
 display: inline-block;
 box-shadow: 0 0 32px rgba(0,0,0,.12);
 
 }
 
 .send_z:hover
 {
 background: #FFF;
 color: #4cc7a6;
 }

 .send_z:after
 {
font: normal 12px/18px 'artkiev';
  content: "\e010";
  vertical-align: top;
  padding: 0 0 0 10px;

}

.podbor
{
width:990px;
margin:50px auto 0;
}

.brand_letter 
{
background: #FDFAF3;	
font-size: 18px;
padding:6px 10px;
margin:25px 0 5px;
}

.brand_names a
{
	display: inline-block;
	width:249px;
	margin:2px 0;
}

.brand_tov
{
	list-style: none;
	margin:0px;
	padding:0px;
}

.brand_tov li
{
	background: #FFF;
    width: 230px;
    margin: 0 8px 18px;
    float: left;
    height: 305px;
    border: 1px solid #DCDCDC;
}


.prod_brand
{
background: #FFF;
width: 227px;
margin:0 10px 20px;
float: left;
height: 250px;
border:1px solid #cac7c0;
position: relative;
}

.brand_letters
{
	text-align: center;
}

.brand_letters span
{
	background: #FDFAF3;
	cursor: pointer;
	padding:5px 11px;
	display: inline-block;
	border:1px solid #A7D8EA;
	border-right:0;
	transition: background-color .3s linear;
}

.brand_letters span:hover
{
	background: #179EDB;
	color: #FFF;
}

.brand_letters span:last-child
{
	border:1px solid #A7D8EA;
	border-radius: 0 5px 5px 0;
}
.brand_letters span:first-child
{
	border-radius: 5px 0 0 5px;
}

.home_brands
{
list-style: none;
padding: 0;
}

/* .home_brands:hover li:not(:hover) {
    opacity: .5;
} */

.home_brands  a:hover {
   box-shadow: 0 0 55px 10px rgba(23,158,219,.2);
   background: #f3f3f3;
   color: #000;
   }

.all_catalogs li.catalog_name_h1,
.all_catalogs li.catalog_name_h2
{
display: block;
margin:10px 0 0;
width:100%;
text-align: left;
}	
   
.all_catalogs li.catalog_name_h1
{
	margin:40px 0 0;
}

 .all_catalogs li
{
display: inline-block;
width: 189px;
vertical-align:top;
text-align: center;
margin:5px 10px 5px 0;
} 


 .all_catalogs li a
 {
 display: block;
 padding:10px;
 border:1px solid #c9c9c9;
 min-height:198px;
 }
 
 .all_catalogs li a:hover
 {
	box-shadow: 0 0 55px 10px rgba(23,158,219,.2);
	border:1px solid #fff;
}

 .all_catalogs li img
 {
 display: block;
 margin:0 auto 20px;
 }

   
.home_brands LI
{
width:152px;
margin:20px 0 20px 10px;
display: inline-block;
transition: opacity 0.2s ease;
}

.home_brands a
{
text-align: center;
width:152px;
text-decoration: none;
font: 18px/10px 'PF';
color: #616eb1;
text-transform: uppercase;
display: inline-block;
vertical-align:top;
padding:10px 0;
}

/* .home_brands LI:nth-child(5n) {
	margin:20px 0 40px 0;
} */

.home_brands IMG
{
display: block;
width:50px;
margin: 0px auto 14px;
}


.home_nice
{
border-bottom:1px solid #e9eef2;
border-top:1px solid #e9eef2;
padding:60px 0 40px;
background: #f3f3f3;
margin:40px 0;
}

.home_nice_1, .home_nice_2, .home_nice_3
{
background: #FFF;
padding:0 30px 20px 30px;
width:220px;
text-align: center;
position: relative;
float: left;
min-height: 350px;
}

.home_nice_2
{
margin:0 75px 0;
}

.home_nice_1 i:before, .home_nice_2 i:before, .home_nice_3 i:before {
	content: "\e01b";
	color: #45c38f;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	border:1px solid #f3f3f3;
	font-size: 22px;
	top: -30px;
	background: #FFF;
	position: relative;
	transition: font-size .8s;
}

.home_nice_2 i:before {
	content: "\e00a";
	color: #25a3d8;

}

.home_nice_3 i:before {
	content: "\e800";
	color: #ef8424;

}

.home_nice_1 span, .home_nice_2 span, .home_nice_3 span
{
color: #45c38f;
font-size: 18px;
line-height:24px;
text-transform: uppercase;
margin:-10px 0 20px;
display: block;
}

.home_nice_2 span
{
color: #25a3d8;
}


.home_nice_3 span
{
color: #ef8424;
}



.home_nice_text
{
text-align: left;
line-height: 20px;
}

 .home_nice_1:hover  i:before, .home_nice_2:hover  i:before, .home_nice_3:hover  i:before
{
font-size: 40px;
}

.home_news
{

}

.name, h1, .name_s
{
font-weight: 300;
font-size: 28px;
text-transform: uppercase;
text-align: center;
margin: 80px 0 20px;
color: #146082;
letter-spacing: 1px;
line-height: 40px;
}

.name_s
{
margin:0 0 20px;
}

.name_s span
{
text-transform: none;
font-size: 20px;
}

.name_w
{
font-weight: 300;
font-size: 28px;
text-transform: uppercase;
text-align: center;
margin: 20px 0 20px;
color: #FFF;
letter-spacing: 1px;
}

h1
{
margin: 20px 0 20px;
text-align: left;
}

.center h1
{
font: 400 24px 'PF';
color: #35393a;
text-align: center;
margin:20px 0 10px;
}

.line
{
width:80px;
border-left:50px solid #dcdcdc;
border-right:50px solid #dcdcdc;
height:2px;
background: #73cfff;
margin: 0px auto 40px;

}

.call
{
width: 100%;
height: 152px;
background: url(img/call.jpg);
color: #ffffff;
margin:50px 0;
}

.call_left
{
width:400px;
float: left;
color: #FFF;
font-weight: 300;
font-size: 30px;
text-transform: uppercase;
margin:50px 0 0;
}

.call_left span
{
font-family: 'PF';
display: block;
margin:20px 0 0;
}

.call_center
{
width:390px;
float: left;
font-weight: 300;
margin:30px 0 0;
}

.call_time
{
font-size: 24px;
color: #38afe5;
margin:0 0 32px;
}


.inp_5
{
    padding: 0 8px;
    border: 1px solid #c9c9c9;
    display: inline-block;
    width: 210px;
    /* margin: 0 15px 15px 0; */
    font-size: 20px;
    line-height: 50px;
    height: 50px;
}

.fast_call_form
{
background: #0099DE;
padding:20px 0;
text-align: center;
color: #FFF;
}

.fast_call_info
{
padding:10px 20px 0;
}

.fast_call_name
{
font: 300 24px 'Open Sans';
margin:0 0 20px;
text-align: center;
}

.call_number
{
font-size: 36px;
color: #c3c3c3;
}

.call_number span
{
color: #FFF;
font-size: 60px;
transition: text-shadow 1s;
}

.call_right
{
float: right;
width:200px;
text-align: right;
margin:70px 0;
}

.call:hover .call_number span
{
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.5), 0 20px 20px rgba(0,0,0,.5);
}


 .send
 {
 font: 20px/20px 'PF';
 color: #FFF;
 text-transform: uppercase;
 background: #4CC7A6;
 border:1px solid #4CC7A6;
 padding:12px 30px;
 text-decoration: none;
 transition: background-color .5s;
 cursor: pointer;
 display: inline-block;
 }
 
.send:hover
 {
 background: #FFF;
 color: #4CC7A6;
 }


#home_text
{
max-height: 400px;
overflow: hidden;
position: relative;
z-index:1;
}

#home_text:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 70px;
  width: 100%;
  background: linear-gradient(to top,#fff 0,rgba(255,255,255,0) 100%);
  z-index: 2;
}

.see
{
color: #417591;
cursor: pointer;
border-bottom:1px dashed #417591;
display: inline-block;
margin:10px 0 0;
}

.home_reviews
{
background: #0099DE;
margin:80px 0;
padding:40px 0;
}

.home_review
{
background: #FFF;
padding:25px;
width:250px;
height:150px;
float: left; 
margin:40px 0 0;
transition: box-shadow .5s, border-radius .5s;
}

.review_one_pad
{
padding:0 90px 0 0;
}


.review_one, .review_one_pad
{
/* padding:25px; */
width:450px;
float: left; 
margin: 0 0 50px;
}



.review_one_text
{
line-height: 22px;
}

.review_line
{
clear:both;
background: #FDFAF3;
height:4px;
margin:0 0 50px;
}

.home_review_text
{
position: relative;
height:118px;
overflow: hidden;
margin:0 0 10px;
}

.home_review_text:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 60px;
  width: 100%;
  background: linear-gradient(to top,#fff 0,rgba(255,255,255,0) 100%);
  z-index: 2;
}

.home_review:nth-child(even)
{
margin:0px 46px 0;
}

.home_reviews a
{
margin: 0px auto;
color: #FFF;
display: block;
width:140px;
}

.review_name
{
color: #00aced;
line-height: 30px;
vertical-align: top;
}

.review_name span
{
color: #a4a7b0;
vertical-align: top;
line-height: 30px;
}

.review_name:before {
  content: '\e01d';
  font-size: 30px;
  margin:0 10px 0 0;
  background: #ededed;
  border-radius: 50%;
  padding:2px;
  transition: background-color .5s, color 1s;
  }

 .home_reviews:hover .home_review
 {
    box-shadow: 0 0 50px rgba(255,255,255,.5);
	border-radius: 30px;
}
 
  
.home_reviews:hover .review_name:before
{
background: #0099DE;
color: #FFF;
}  
 
 .home_reviews:hover .home_review:hover 
 {
    box-shadow: 0 0 50px rgba(0,0,0,.5);
}


.footer_before
{
background: #f5f5f5;
padding:15px 30px;
margin:50px auto 0;
width:996px;
text-align: center;
}

footer
{
background: #31353e;
padding:25px 0;
}

a.raz
{
	color: #FFF;
	text-transform: none;
}

.social
{
display: inline-block;
width:215px;
}

.footer_menu
{
/* width:705px; */
display: inline-block;
text-align: center;
}

.footer_menu ul
{
list-style: none;
padding: 0;
}

.footer_menu UL LI
{
display: inline-block;
margin:0 15px;
}

.footer_menu UL LI a
{
display: inline-block;
font-size: 14px;
text-transform: uppercase;
color: #38afe5;
text-decoration: none;
transition: color .5s ease-in
}

.footer_menu UL LI a:hover, .footer_menu UL LI a.me_yes
{
color: #000;
}


.footer_logo
{
background: url(img/logo.png) no-repeat 0 35px;
width: 230px;
border-right:1px solid #6f7278;
padding:110px 0 0;
float: left;
}

.copyright
{
color: #FFF;
text-align: center;
width:200px;
padding:0 0 20px;
}

.footer_contacts_phone
{
width:300px;
float: left;
margin:30px 0 0 70px;
text-transform: uppercase;
color: #f8fcfe;
font: 18px/30px 'PF';
padding:0 0 0 40px;
position: relative;
transition: color .9s;
}

.footer_contacts_phone span
{
color: #c9cacb;
font-size: 16px;
display: inline-block;
padding:0 3px 0 6px;
}


.footer_contacts_phone:before
{
content: "\e00f";
font-size: 26px;
position: absolute;
left: 0;
top: 50px;
}

.footer_contacts_phone:hover
{
color: #6cf3cf;
}


.footer_contacts_mail
{
width:270px;
float: right;
margin:30px 0 0 0px;
position: relative;
padding:0 0 0 40px;
}


.footer_contacts_mail a
{
font-size: 18px;
display: block;
color: #0099DE;
}


.footer_contacts_mail:before
{
content: "\e005";
font-size: 26px;
position: absolute;
left: 0;
top: -2px;
color: #0099DE;
}

.footer_contacts_mail .send
{
margin:40px 0 0;
display: inline-block;
}

.footer_contacts_mail:hover:before
{
color: #FFF;
}


.model
{
width:234px;
/* height:158px; */
text-align: center;
border:1px solid #dcdcdc;
float: left;
margin:0 15px 15px 0;
position: relative;
transition: filter .1s linear;
}

#models:hover .model:not(:hover) {
    /* opacity: .6; */
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}



.model:nth-child(4n)
{
margin-right:0px;
}

a.model_name, .model_name
{
font-weight: bold;
color: #1074a1;
text-transform: uppercase;
margin:15px 0 0;
display: block;
font-size: 18px;
text-decoration: none;
}

.model_img
{
height:98px;
width:234px;
text-align: center;
}

.models
{
padding:4px 0;
box-shadow: 0 -2px 7px rgba(0,0,0,.06);
background: #fdfaf3;
}

.models span
{
color: #179edb;
font-size: 12px;
text-transform: uppercase;
overflow: hidden;
}

.model:hover UL
{
display: block;
}

.model:hover
{
border:1px solid transparent;
box-shadow: 0 0 20px rgba(23,158,219,.4);
}



.models_hover UL
{
position: absolute;
z-index:5;
top: 40px;
width:264px;
left: -15px;
display: none;
min-height: 94px;
list-style: none;
padding: 10px 0;
background: #FDFAF3;
box-shadow: 0 0px 10px rgba(0,0,0,.6);
}

.models a.model_one
{
  overflow: hidden;
  height: 18px;
  display: block;
}

.models_hover UL LI a
{
font-size: 12px;
padding:5px 0;
display: block;
/* transition: background-color .2s linear; */
color: #307fa8;
}

.models_hover UL LI a:hover
{
background: #179edb;
color: #FFF;
}

.models_hover UL LI a:hover span
{
color: #FFF;
}

TABLE.details_list
{
width:100%;
border-collapse: collapse;
color: #000000;
box-shadow: 0 0 11px 5px rgba(0,0,0,.09);
}

.na_cars
{
background: #F4F7FF;
border-collapse: collapse;
}

.na_cars_b
{
box-shadow: 0 0 11px 5px rgba(0,0,0,.09);
}

.na_cars_t th
{
background: #179edb;
color: #FFF;
text-align: left;
font-weight: 400;
padding:10px 19px;
}

.na_car_model
{
width:266px;
}

.na_car_dv
{
width:391px;
}

.na_car_god
{
width:86px;
}

.na_car_ku
{
width:91px;
}


TABLE.na_cars TD:first-child
{
width:266px;
border-bottom:2px solid #FFF;
border-top:2px solid #FFF;
padding:5px 20px;
}

TABLE.na_cars TD:last-child
{
width:100px;
padding:0 15px;
text-align: center;
border-bottom:2px solid #FFF;
border-top:2px solid #FFF;
}

TABLE.details_list.na_car
{
width:560px;
box-shadow: none;
}

TABLE.details_list.na_car TD.na_car_e
{
text-align: center;
background: #F0F4FF;
text-transform: lowercase;
width:100px;
}

/* TABLE.details_list.na_car TD.na_car_en
{
text-align: center;
text-transform: lowercase;
}
 */

TABLE.details_list.na_car TD:first-child
{
width:300px;
}


a.motor_a
{
	font-weight: bold;
	white-space:nowrap;
}

.product_price TABLE.details_list, #tabs_content TABLE.details_list
{
box-shadow: none;
}

TABLE.details_list tbody tr {
   background-color: #fdfaf3;
}

TABLE.details_list tbody tr:nth-child(odd) {
   background-color: #f7f9f8;
}


TABLE.details_list tbody TR:hover
{
background: #d5fff4;
}

TABLE.details_list tbody TR td.nobg, TABLE.details_list tbody TR:hover td.nobg
{
	background: #d5fff4 !important;
	text-align: center;
font: 400 20px 'PF';
}

th.c
{
	text-align: center !important;
}

TABLE.details_list TD
{
border:3px solid #FFF;
padding:10px;
}

TABLE.details_list thead TH
{
background: #179edb;
color: #FFF;
text-align: left;
font-weight: 400;
border:3px solid #FFF;
padding:10px;
}



TABLE.details_list thead TH:last-child TABLE.details_list TD:last-child
{
border:0;
}

.th_year, .th_top
{
width:100px;
}
.th_ls
{
width:130px;
}
.th_kod, .th_cyl, .th_sm3
{
width:70px;
}

.tree_z
{
margin:10px 0;
}

.tree_z UL
{
  padding: 0;
  margin: 0;
}

.tree_z LI
{
  list-style-type: none;
  margin:3px 0px;
  padding:3px 0;
  background: #F7F9F8;
}

.tree_z LI UL
{
   padding: 0 0 0 20px;
}

.tree_z LI div 
{
	cursor: pointer;
	color: #007dab;
	padding:0 0 0 20px;
	font-size: 16px;
}


.tree_z LI.tree_o div {
     background: #F7F9F8 url(data:image/gif;base64,R0lGODlhEgASAMYeAHmWwYGcxTk5Ofz8/PP09oGdxe/x9Ons8PX29+7w8/7+/fr6+uLm7P///t/k69Tb5fHy9Pv7+/3+/9LZ5Pn5+URERIGcxICcxfj5+d3i6t7j6vLz9ff4+Nzh6f////7+/svU4Pn5+urt8drf6PT19+To7b/J2dXb5b7J2evt8fT19tPa5MXP3fDy9M3V4ezu8tbc5u30/vHz9f79/crT4Pz8++fq77rG1/n6+uXo7vf3+MTN3OPn7e3v8v7+/8zU4X2axOXp7ubq7/b3+Ovu8ezv8tvg6Ojr78TO3P///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ywAAAAAEgASAAAHgIAegoOEhYaHiImKi4kAjo+QAIcANyYsLjAOQSkGFpMoSD8nGjkiBioBkzsgDxklBwkEHKmGADQrHTywBDoLtIUAE0YCxAIVCwMFkyMMRz0bQzgDH8q1DDZFMgghAwoev4QAQi8QCBQ1Cg0SF5NELSQYETMNPjFAk5GRjPv8/YSBADs=) no-repeat;
}

.tree_z LI.t_c div {
     background: #F7F9F8 url(data:image/gif;base64,R0lGODlhEgASAMYcAHmWwTk5OYGcxfz8/IGdxf7+/fP09u7w8+/x9ERERPr6+uLm7P///vX299/k69LZ5Ons8Pv7+/3+/9Tb5fn5+YGcxICcxfj5+d3i6t7j6vf4+PHy9P////7+/trf6Nzh6fn5+urt8cvU4PT197/J2dXb5b7J2evt8fT19tPa5H2axMzU4cXP3fDy9M3V4ezu8tbc5u30/vHz9f79/crT4LrG1+fq7/z8+/n6+u3v8tvg6Ojr7+Pn7eXp7v7+/8TN3Ovu8ff3+OXo7vb3+MTO3Ozv8ubq7////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ywAAAAAEgASAAAHgIAcgoOEhYaHiImKi4kAjo+QAIcANSQsLjAOPScIFZMmRCslGUIhCCgCkz8iExgBEAcGGqmGADQpHzwBsUEKtIUADzoBxAEJCgMEkx4LOzkBQzgDHcq1CzZFMgkgAwUcv4QARi8bDRQ3BQwSFpNALSMXETMMPjEqk5GRjPv8/YSBADs=) no-repeat;
}

.tree_o UL {
        display: block;
}

.t_c UL {
        display: none;
}

.tree_z UL LI a
{
display: inline-block;
padding:0 0 0 20px;
}

.tree_z UL LI div:hover
{
background-color: #d5fff4;
color: #000;
}

.white
{
color: #FFF;
}

#contact, #contact .content
{
position: relative;
}

#map
{
width: 100%;
position: relative;
z-index:1;
height: 500px;
}

#map iframe{
    pointer-events: none;
}


#contact_info
{
width:300px;
position: absolute;
top: 30px;
right: 0;
background: #FFF;
padding:20px;
border-radius: 10px;
z-index:2;
}

.head_contact_free
{
font-size: 14px;
line-height: 16px;
color: #179EDB;
}

.contact
{
background: #179EDB;
padding:1px 0 50px;
margin:0 0 50px;
}

.contact_send
{
text-align: center;
width:466px;
margin: 0px auto;
}

.inp_1
{
padding:8px;
border:1px solid #c9c9c9;
display: block;
width:310px;
margin:0 15px 15px 0;
}


.inp_2
{
padding:8px;
border:1px solid #c9c9c9;
border-left:3px solid #179EDB;
display: inline-block;
width:298px;
margin:0 15px 15px 0;
}

.inp_3
{
width:200px;
}

.inp_4
{
width:874px;
height:100px;
}

.pod_zakaz .inp_1
{
display: inline-block;
width:300px;
}

.users_page input[type="text"], input[type=password]
{
padding:8px;
border:1px solid #c9c9c9;
}

.contact .inp_1
{
width:450px;
}

.textarea
{
width:450px !important;
height:160px;
margin:0 0 20px;
}

.call_form
{
width:330px;
margin: 40px auto 0;
text-align: center;
}


.info_rows
{
	position: relative;
	width: 296px;
	/* height: 575px; */
	background-color: #fff;
	box-shadow: 1px 1px 16px 2px rgba(0,0,0,.1);
	border: solid 1px #f3f3f3;
	float: left;
	margin:0 0 80px;
}

.home_news .info_rows
{
height: 300px;
}

.home_news a.info_info_s_a
{
padding: 30px 20px 5px;
}

.info_rows:nth-child(3n-2)
{
margin:0 50px 80px;
}

.info_img_s
{
width:296px;
height:196px;
overflow: hidden;
background: #c9c9c9;
}

.info_info_s
{
padding: 30px 20px 20px;
height:170px;
overflow: hidden;
line-height: 20px;
}

 .info_info_s:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100px;
  width: 100%;
  background: linear-gradient(to top,#fff 0,rgba(255,255,255,0) 100%);
  z-index: 2;
} 


a.info_info_s_a
{
text-decoration: none;
font: 18px/22px 'PF';
color: #3d434e;
text-transform: uppercase;
display: block;
margin:0 0 15px;
}

a.info_info_s_a:hover
{
color: #009FDE;
}

.post_img
{
margin:0 0 30px;
text-align: center;
}



 
 
 
 
 
 
 
 
 
 

ul.breadcrumb {
    list-style: none;
	padding: 0;
	margin: 20px 0px 47px;
}

ul.breadcrumb li {

    list-style: none;
    display: inline-block;
	/* background: url(img/xleb.png) no-repeat 4px 6px; */
    padding: 0px;
    color: #aaaaaa;
	
}

ul.breadcrumb li:not(:first-child):before
{
font: 10px 'artkiev';
content: "\e00c";
color: #000;
display: inline-block;
padding:0 6px;
}

ul.breadcrumb li a {
color:#179edb;
margin: 0 0 3px 0;
}

ul.breadcrumb li a:hover {
    text-decoration: underline;
	color: #000;
}
/* ul.breadcrumb li:first-child {
    background: none;
	padding: 0;
	margin:0 0 0 0px;
} */

.pages
{
margin: 30px auto 80px;
/* font-size: 14px; */
text-align: center;
/* position: relative; */
/* height: 40px */
}

.pages a, .pages strong, .pages .hide, .pages b
{
color: #009FDE;
border: 1px solid #009FDE;
transition: background-color .5s;
display: inline-block;
padding: 4px 12px;
text-decoration: none;
margin: 0 4px;
}

.pages .hide
{
color: #FFF;
}

.pages strong
{
border:1px solid #c9c9c9;
color: #c9c9c9;
font-weight: normal;
}

.pages b
{
font-weight: normal;
color: #FFF;
background: #49B3BF;
}

.pages a:hover
{
background: #009FDE;
color: #FFF;
}


.brands_filter
{
float: left;
width:228px;
}

.brands_filter span
{
display: block;
background: #179edb;
padding:8px 12px;
color: #FFF;
}

#brands_filter
{
background: #fdfaf3;
padding:6px 12px;
}

#brands_filter div
{
margin: 5px 0;
}

#prods_filters 
{
float: right;
width:762px;
}

.prod_find
{
box-shadow: 1px 1px 15px 0px rgba(0, 154, 87, 0.75);
}

.an
{
position: absolute;
top:0;
left:0;
background: url(img/analog.png) no-repeat;
width: 80px;
height: 81px;
}

.prod_b
{
background: #FFF;
width: 230px;
margin:0 0 30px 22px;
float: left;
height: 305px;
border:1px solid #cac7c0;
position: relative;
}

.finder .prod_b
{
margin:0 8px 30px;
}

.filter_hide .prod_b
{
display: none;
}

.prod_i
{
width: 230px;
height: 160px;
line-height: 160px;
text-align: center;
}

.prod_i IMG
{
max-width: 220px;
max-height: 160px;
vertical-align:middle;
}

.prod_in
{
width: 230px;
height: 160px;
background: url(img/nof.jpg) no-repeat 50%;
} 

.net_img
{
background: url(img/nof.jpg) no-repeat 50%;
width: 100px;
height: 100px;
background-size: cover;
}

.carnf, a.carnf
{
background: url(img/carnf.png) no-repeat 50%;
width:100%;
height: 80px;
opacity: .4;
display: block;
}

.model:hover .carnf
{
opacity: 1
}

.prod_n
{
margin:15px 15px 0 15px;
overflow:hidden;
height:74px
}

.prod_n a
{
color: #179edb;
text-decoration: none;
}

.prod_n a.non
{
color: #000;
}

.prod_pi
{
color: #4cc7a6;
float: left;
width:130px;
padding:0 0 0 15px;
}

.prod_cart
{
float: right;
width:85px;
}

.prod_p
{
height:30px;
line-height:30px;
width:230px;
}

.ca:after
{
font: 30px 'artkiev';
content: "\e013";
color: #4CC7A6;
display: inline-block;
cursor: pointer;
transition: color .5s linear;
}

.ca:hover:after
{
color: #179edb;
}

.prod_sum
{
position: absolute;
bottom: -10px;
width:230px;
text-align: center;
}

.prod_sum span
{
display: inline-block;
padding:4px 10px;
background: #fdfaf3;
text-transform: uppercase;
font-weight: 300;
font-size: 12px;
color: #040404;
}

.ci
{
  width: 28px;
  border: 1px solid #DDDDDD;
  color: #15b3e1;
  text-align: center;
  padding:3px 1px;
  position: relative;
  top:-8px;
  margin:0 5px 0 0;
  }

.cu
{
color: #6db89e;
border-bottom:1px dashed #6db89e;
cursor: pointer;
}

.prod_info:after
{
position: absolute;
top: 5px;
right: 5px;
font: 15px 'artkiev';
content: "\e008";
cursor: pointer;
color: #70CEF9;
transition: color .5s linear;
}

.prod_infos:after
{
font: 15px 'artkiev';
content: "\e008";
cursor: pointer;
color: #70CEF9;
transition: color .5s linear;
}

.phone_p:after
{
position: absolute;
top: 35px;
right: 3px;
font: 21px 'artkiev';
content: "\e90c";
cursor: pointer;
color: #179EDB;
transition: color .5s linear; 
/* display: none; */
}


.phone_p1:after
{
font: 21px 'artkiev';
content: "\e90c";
cursor: pointer;
color: #179EDB;
transition: color .5s linear; 
/* display: none; */
}



/* .phone_p0:after
{
position: absolute;
top: 35px;
right: 3px;
font: 21px 'artkiev';
content: "\e90c";
cursor: pointer;
color: #179EDB;
transition: color .5s linear;
} */

.phone_p:hover:after
{
color: #4CC7A6;
}

TABLE.phone_po
{
width:600px;
}

.phone_po TD
{
padding:5px;
}


.phone_po TD:nth-child(even)
{
font-weight: bold;
}


.phone_po TR:nth-child(even)
{
background: #F1F1F1;
}



a.prod_pdf:after
{
font: 25px 'artkiev';
content: "\e601";
cursor: pointer;
color: #70CEF9;
transition: color .5s linear;
}

.prod_info:hover:after, .prod_infos:hover:after
{
color: #6db89e;
}



#brands_filter input[type=checkbox] {
							position:absolute; 
							z-index:-1000; 
							left:-1000px; 
							overflow: hidden; 
							clip: rect(0 0 0 0); 
							height:1px; 
							width:1px; 
							margin:-1px; 
							padding:0; 
							border:0;
						}

						#brands_filter input[type=checkbox] + label {
							padding-left:20px;
							height:15px; 
							display:inline-block;
							line-height:15px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:15px;
							vertical-align:middle;
							cursor:pointer;

						}
#brands_filter input[type=checkbox]:checked  + label
					 {
							background-position: 0 -15px;
						}
						
						#brands_filter label {
				background-image:url(img/label.png);
				color: #179edb;
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}


.product_img
{
float: left;
width: 250px;
height: 250px;
}
		
.product_img IMG
{
max-width: 250px;
max-height: 250px;
}
		
.product_small
{
float: left;
width:250px;
margin:0 0 0 40px;
line-height: 26px;
}

.product_price
{
float: right;
width:430px;
}
		
.price
{
font-weight: bold;
font-size: 18px;
color: #20a27f;
}		
			
.product_brand IMG
{
display: block;
margin:10px 0 0;
max-width: 160px;
max-height: 160px;
}

TABLE.width_original
{
width:500px;
}

#tabs
{
margin:40px 0 0;
}

#tabs span
{
display: inline-block;
border:1px solid #DCDCDC;
padding:15px 25px;
color: #28a583;
text-transform: uppercase;
cursor: pointer;
transition: background-color .5s linear;
}

#tabs span:hover
{
background: #FDFAF3;
}

#tabs span.tab_current
{
background: #dadada;
color: #000;
}

#tabs_content
{
margin:5px 0 50px;
}

#original, #from_car, #analog
{
display: none;
}


.sort:after, .sortu:after
{
font: normal 12px/10px 'artkiev';
    display: inline-block;
    content: "\e016";
    color: #FFF;
    transition: color .5s linear;
	padding:0 0 0 10px;
}

.sort:hover:after,
.sortu:hover:after
{
color: #4EC5A9;
}


/* .sortn:after
{
color: #000;

} */

.sortu:after
{
content: "\e003";
}

.sort, .sortu
{
cursor: pointer;
}


a.find_analog
{
display: inline-block;
padding: 12px 10px;
background: #f0f4ff;
text-transform: uppercase;
border:2px solid #f0f4ff;
margin:0 0 0 14px;
}

.product_price .send
{
font: 14px 'Open Sans';
color: #ffffff;
padding: 12px 15px;
}

.product_price .send:hover
{
color: #0b78a9;
}

.product_afte_price
{
text-align: center;
margin:20px 0 0;
}

.ico_cart:hover:before
{
right: 0px;
width:200px;
color: #70CEF9;
}


.ico_cart:before
{
position: absolute;
font: 41px/60px 'artkiev';
color: #FFF;
content: "\e600";
transition: width .3s linear, color .5s;
height:60px;
width:100px;
text-align: center;
right: 0;
}

.ico_cart
{
/* padding:10px 40px 0 0; */
position: relative;
float: right;
width:200px;
}

#basket strong
{
position: absolute;
top: 3px;
right: 16px;
width: 30px;
height: 30px;
border-radius: 15px;
color: #FFF;
background: #D74833;
display: inline-block;
font: 20px/30px  "PF";
text-align: center;
transition: opacity .3s linear;
}

#basket div
{
display: none;
position: absolute;
background: #179EDB;
  width: 200px;
  height: 100px;
  top: 50px;
  z-index: 5;
  right: -10px;
color: #ffffff;
font-size: 16px;
padding:30px 0 0;
text-align: center;
}

#basket .send
{
  padding: 11px 0px;
  display: block;
  font-size: 18px;
  margin:20px 0 0;
}

#basket .price
{
color: #FFF;
}

.ico_cart:hover #basket div
{
display: block;
}

.ico_cart:hover #basket strong
{
opacity:0;
}

.cart_name
{
color: #FFF;
position: absolute;
right: 4px;
top: 20px;
opacity: 0;
transition: opacity .3s linear;
text-transform: uppercase;
}

.cart_sp
{
	color: #BC2A25;
	font-size: 14px;
}

.ico_cart:hover .cart_name
{
opacity:1;
}

 #basket  b
{
color:#FFF;
font-family: Tahoma;
font-size: 100%;
border-bottom: 1px dashed #FFF;
font-weight: normal;
}












.basket
{
height: 26px;
padding: 10px 0 0 50px;
margin-top: 10px;
color:#ff8800;	 
font-size: 11pt;
}

.cart_warn
{
	padding:20px;
	background: #FDFAF3;
	margin: 0px auto;
	width:600px;
	line-height: 24px;
}


/* .cart_add
{
background: url(cart.png) no-repeat 5px 1px;
display: inline-block;
width: 26px;
height: 16px;
cursor: pointer;
}

.cart_add_i
{
width: 26px;
border: 1px solid #15b3e1;
color: #15b3e1;
text-align: center;
}
 */
.cart_img IMG
{
max-width: 300px;
max-height: 100px;
}


.cart_info
{
width: 644px;
height: 339px;
margin: 20px 0 0 20px;
}


TD.ajax_td
{
padding: 10px 10px 6px 0;
color: #000;
}

/****/

.text UL, .text OL, .prod_big UL, .prod_big OL
{
padding:0 0 10px 0;
margin:0 0 0 40px;
}

.cart_del
{
position: absolute;
width: 20px;
height: 20px;
background: #4CC7A6;
top: 0;
right: -3px;
color: #FFF;
text-align: center;
cursor: pointer;
line-height:20px;
border-radius: 10px;
}

.cart_del:hover
{
background: #000;
}

#cart_form
{
float: left;
width: 460px;
margin:10px 0 50px;
}

.cart_pl
{
font-size: 30px;
height: 40px;
border:0;
background: #179EDB;
color: #FFF;
display: inline-block;
cursor: pointer;
width:40px;
text-align: center;
}

.cart_lp
{
font-size: 20px;
height: 26px;
border:0;
background: #FDFAF3;
color: #000;
display: inline-block;
cursor: pointer;
width:30px;
text-align: center;
}

.cart_pl:hover, .cart_lp:hover
{
background: #70CEF9;
}


#kolvo
{
font-size: 30px;
}

.cart_prod
{
float: right;
margin:10px 0;
width:500px;
}


#cart_prod
{
border: 1px solid #e7e7e7;
border-radius: 10px;
padding: 10px 20px;
box-shadow: 1px 1px 1px 0px #5f5f5f;
}

.cart
{
width: 460px;
position: relative;
border-bottom:1px solid #F4F2F2;
margin: 0 0 20px;
}


.cart TD
{
padding: 4px;
background:#FFF;
font-size:12px;
}

.cart .img_prod IMG
{
max-height: 80px;
max-width: 80px;
}


.cart_radio
{
float: left;
width:25px;
min-height: 25px;
}


#cart_itogo
{
/* width: 420px; */
padding: 5px;
}

.cart_price
{
text-align: right;
padding: 10px 0;
}

#cart_price
{
font-size: 24px;
margin:0 0 0 30px;
}

#cart_price .price
{
font-size: 60px;
}

.ajax
{
  color: #6db89e;
  border-bottom: 1px dashed #6db89e;
  cursor: pointer;
}

.users_page
{
margin:40px 0;
}

.user_menu
{
margin:20px 0 0;
}
.user_menu_a a
{
font-weight: bold;
}

.info
{
text-align: center;
padding:10px;
background: #FDFAF3;
}

.pod_zakaz
{
background: url(img/podz.jpg) no-repeat top center;
height:750px;
padding:0 0 50px 0;
line-height: 22px;
}

.error404
{
background: url(img/404.png) no-repeat top center;
height:320px;
}

#prod_info
{
padding:40px 0 0;
}


.sitemap { margin: 0 0 0 25px; }
.sitemap ul {padding:0;margin:0;list-style:none;}
.sitemap li { padding:3px 0;list-style:none;}
.sitemap ul ul{ padding: 0px 0 20px 20px;}

.sitemap ul li .name a
{
font-size: 18px;
color: #7c87fd;
text-transform: none;
}
 


.lightboxOverlay {
background: rgba(0,0,0,.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;

}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background: #FFF;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  padding:40px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  margin: 0 auto;
 width: 220px;
height:20px;
background: url(tmp/load.gif) no-repeat center;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
/* 
.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(img/left.png) 2% 50% no-repeat;
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(img/right.png) 99% 50% no-repeat;
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  opacity: 1;
} */

.lb-dataContainer {
  margin: 0 auto;
 
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}


.lb-caption {
font-size: 14px;
line-height: 18px;
z-index: 999;
background: #FFF;
padding: 0px 10px 10px;
color: #000;
}

/* .close {
  display: block;
  position: absolute;
  width: 36px;
  height: 35px;
  background: url(img/close.png) no-repeat;
  cursor: pointer;
  top: 15px;
  right: 15px;
  z-index:999
} */

.image_pop
{
margin:15px 0 30px;
}

a.gallery
{
display: block;
float: left;
width: 245px;
height: 245px;
text-align: center;
}
 
.image_text
{
display: block;
float: right;
width:410px;
font-size: 16px;
line-height: 24px;
} 

 
 
 
 
 
 
 











#artkiev_load
{
display: none;
position: fixed;
z-index:2000;
border:1px solid #c9c9c9;
border-radius: 4px;
padding:10px;
width: 220px;
height:20px;
box-shadow: inset 0px 0px 30px 0px rgba(50,50, 50, 0.3);
left: 50%;
top: 40%;
margin: -20px 0 0 -120px; 
background: #E5E6E5 url(tmp/load.gif) no-repeat center;
}


.error
{
box-shadow: 0 0 5px red !important;
transition: all 0.30s ease-in-out;
}

label span, .zv
{
color: red;
font-size: 22px;
display: inline-block;
padding:0 0 0 2px;
}



.window
{
position: fixed;
left:50%;
top: 100px;
z-index:101;


}

#window
{
left: -50%;
position: relative;
box-shadow:  0 10px 20px rgba(0,0,0,.1);
display: none;
padding:50px 50px;
background: #FFF;
max-width: 800px;
overflow: auto;
/* max-height:100px; */
}


.close
{
position: absolute;
z-index: 102;
top: 20px;
right: 15px;
width: 35px;
height: 35px;
cursor: pointer;
}


.close:after
{
font: 25px 'artkiev';
content: "\e004";
color: #4CC7A5;
}

.close:hover:after
{
color: #0C4F6E;
}


#artkiev_shadow {background: #000;position:fixed; left:0; top:0; height:100%; width:100%; z-index:100; display:none; transition: opacity 1s; }




.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce, .home_nice_3:hover, .home_nice_1:hover , .home_nice_2:hover  {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash, .i_call:hover  {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing  {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
	
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada , .call:hover .call_left span {
  -webkit-animation-name: tada;
  animation-name: tada;
  
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}


@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}


@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}


@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}


























.animate0{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 0s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 0s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: 0s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}   






.animate1{
   	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
} 

.animate2{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
} 

.animate3{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .6s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .6s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .6s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .6s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}   

.animate4{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .8s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}  

.animate5{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: 1s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}    


#clients
{
width:900px;
margin:0px auto;
}


/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.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;
}


/* mouse grab icon */
.grabbing { 
    cursor: move;
}

/* fix */
.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-prev:before
{
font: 50px 'artkiev';
content: "\e000";
position: absolute;
left: -50px;
top: 50px;
color: #0099DE;
transition: left .5s;
}

.owl-prev:hover:before
{
color: #000;
left: -55px;
}

.owl-next:before
{
font: 50px 'artkiev';
content: "\e00c";
position: absolute;
right: -50px;
top: 50px;
color: #0099DE;
transition: right .5s;
}

.owl-next:hover:before
{
color: #000;
right: -55px;
}


  
.faq_cats a, .faq_cats b
{
display: inline-block;
text-decoration: none;
padding:20px 20px;
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
color: #04a5dd;
text-transform: uppercase;
margin:0 0 30px;
} 
  
.faq_cats b
{
border-top:1px solid #3f96ed;
border-bottom:1px solid #3f96ed;
color: #000;
} 

.faq_cats a:hover
{
text-decoration: underline;
}



/* #clients .partner */
.partner
{
    margin: 5px;
    text-align: center;
	width:170px;
	height:170px;
	overflow: hidden;
	display: table-cell;
    vertical-align: middle
}

.partner_one
{
    margin: 0 10px 0 0;
    text-align: center;
	width:180px;
	overflow: hidden;
	display: inline-block;
}

.partner IMG, .partner_one IMG
{
max-width: 170px;
height: auto;
display: inline-block;
}

.more_models li
{
	list-style: none;
	width:20%;
	box-sizing: border-box;
	padding:0 15px 4px 0;
	display: inline-block;
	vertical-align:top;
}

.text .more_models
{
margin:0px;	
}

h4
{
margin:10px 0 15px;	
}


.podbor_po
{
	    background: #179EDB;
		padding:50px 0;
		text-align: center;
}

.podbor_po_nomeru
{
	display: inline-block;
	vertical-align:top;
	width: 350px;
}

.podbor_po_vinu
{
	display: inline-block;
	vertical-align:top;
	width:350px;
}

.podbor_po strong
{
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    margin: 20px 0 20px;
    color: #FFF;
    letter-spacing: 1px;
	display: block;
}

.podbor_po input
{
	border:1px solid #737373;
	border-radius: 4px 0 0 4px;
	text-align: center;
	padding:8px 14px;
	border-right:0;
	font-weight: bold;
	font-size: 16px;
	width:180px;
}

.podbor_po span
{
	display: inline-block;
	vertical-align:top;
	cursor: pointer;
	background: #4CC7A6;
	color: #FFF;
	border-radius: 0 4px 4px 0;
	padding:8px 15px;
	border:1px solid #737373;
	border-left:0;
	transition: background-color .5s linear;
}

.podbor_po span:hover
{
	background: #737373;
	color: #FFF;
}


@media screen and (max-width:1140px) {

.content, #body {
width: 96%;
}

.camera_wrap .camera_pag .camera_pag_ul {
width:100%;
}

.podbor {
width:100%;
}

.footer_before {
width:100%;
box-sizing: border-box;
}

.info_rows
{
width: 30%;
box-sizing: border-box;
}

.info_rows:nth-child(3n-2)
{
margin:0 5% 80px;
}

.info_img_s {
    width: 100%;
    height: 185px;
    overflow: hidden;
}

.info_img_s img {
width:100%;
}

.home_nice_1, .home_nice_2, .home_nice_3
{
width:30%;
box-sizing: border-box;
}

.home_nice_2 {
    margin: 0 5% 0;
}

.home_review
{
width:30%;
box-sizing: border-box;

}

.home_review:nth-child(even) {
margin: 0px 5% 0;
}

.home_brands LI {
    width: 18%;
    text-align:center;
    margin: 20px 1%;
}

.head_center {
    width: 520px;
    margin: 0 0 0 40px;
}

.home_brands a {
width:100%;
font: 18px/15px 'PF';
}


}


@media screen and (max-width:1000px) {

.content, #body {
    width: 96%;
    margin: 0px auto;
}

.logo {
    width: 220px;
    height: 100px;
    padding: 0px 0 0;
    float: none;
    display:table;
    margin:0 auto;
}

.head_center {
    max-width: 540px;
    width:100%;
    display:table;
    float: none;
    position: relative;
    margin:20px auto;
}

.alerter, #alerter, #search {
width:100%;
box-sizing: border-box;
}

.head_contact {
float:none;
margin:0 auto;
display:table;
padding:0px;
text-align:center;
}

.i_call {
    margin: 0 0 0 0px;
}

.find {
width:100%;
margin:40px 0 0 0;
}

.alerter {
background:none;
}

#alerter {
left:auto;
text-align:center;
}

.zpz1, .zpz2, .zpz3 {
display:none;
}

a.zpz span {
padding: 0 0 0 0px;
}

nav ul {
float:none;
}

nav UL LI {
margin: 0 0px 0 0;
display:block;
}

.ico_cart {
width:auto;
float:none;
position:absolute;
top:10px;
right:10px;
}

.podbor_s {
    margin: 0 0px 10px 0;
    width: 100% !important;
    box-sizing: border-box;
}

.send_z {
display:table;
margin:0 auto;
}

.search_submit {
    right: 10px;
    top: 6px;
}

.home_nice_1, .home_nice_2, .home_nice_3 {
width:100%;
margin: 0 0% 40px;
}

.home_nice_2 {
    margin: 0 0% 40px;
}

.info_rows {
    width: 100%;
}

.info_rows:nth-child(3n-2) {
    margin: 0 0% 20px;
}

.home_news .info_rows {
    height: auto;
}

.info_rows {
    position: relative;
    width: 100%;
    float: none;
    margin: 0 0 20px;
}

.call {
height:auto;
padding:30px 10px;
box-sizing: border-box;
}

.call_left {
    width: auto;
    float: none;
    margin: 0px auto;
    display:table;
    text-align:center;
}

.call_center {
    width: auto;
    float: none;
    margin: 20px auto;
    display:table;
    text-align:center;
}

.call_right {
    width: auto;
    float: none;
    margin: 0px auto;
    display:table;
    text-align:center;
}

.call_left span {
line-height:30px;
}

.call_time {
line-height:30px;
}

.call_number span {
    font-size: 37px;
}

.home_review {
    width: 100%;
    margin:0 0 70px 0;
}

.home_review:nth-child(even) {
    margin:0 0 70px 0;
}

.review_name {
    color: #fff;
}

.review_name span {
    color: #fff;
}

#clients {
width:100%;
}

.owl-wrapper {
width:100% !important;
}

.owl-item {
float:none !important;
width:100% !important;
text-align:center;
}

.partner {
height:auto;
display:table;
margin:0 auto;
}

.footer_logo {
    width: auto;
    display:table;
    margin:0 auto;
    float: none;
    border-right:0px;
}

.footer_contacts_phone {
    width: auto;
    float: none;
    margin: 30px auto;
    display:table;
}

.footer_contacts_mail {
    width: auto;
    float: none;
    margin: 0px auto;
    display:table;
}

.footer_contacts_mail .send {
    margin: 20px 0 0;
}

.model {
    width: 48%;
    margin:0 1% 20px 1%;
    box-sizing: border-box;
}

.model:nth-child(4n) {
    margin-right: 1%;
}

.model_img {
    width: 100%;
}

.model_img img {
    max-width: 100%;
}

TABLE.details_list {
table-layout:fixed;
}

TABLE.details_list TD {
    padding: 5px;
    word-wrap: break-word;
}

TABLE.details_list thead TH {
    padding: 5px;
    width:100% !important;
    word-wrap: break-word;
}

a.motor_a {
    word-wrap: break-word !important;    
    white-space: normal;
}

.tree_content {
    width: 100%;
    float:none;
    margin:0 0 30px 0;
}

.tree_info {
    width: 100%;
    float:none;
}


.brands_filter {
    float: none;
    display:table;
    margin:0 auto 20px auto;
}

#prods_filters {
    float: none;
    width:100%;
}

.prod_b {
    background: #FFF;
    width: 48%;
    margin: 0 1% 30px 1%;
    box-sizing: border-box;
}

.prod_in, .prod_i {
    width: 100%;
}

.prod_n {
text-align:center;
}

.all_catalogs li {
    width: 31.333%;
    margin: 5px 1% 5px 1%;
    box-sizing: border-box;
}

.all_catalogs li img {
max-width:100%;
}

.product_img {
    float: none;
    width: 250px;
    height: auto;
    display:table;
    margin:0 auto;
}

.product_small {
    float: none;
    width: 250px;
    display:table;
    margin:0 auto;
}

.product_price {
    float: none;
    width:100%;
    margin:20px 0 0 0;
}

a.gallery {
    height: auto;
}

.send, a.find_analog {
display:table;
margin:0 auto 10px auto;
}

#tabs span {
display:block;
width:100%;
margin:0 0 10px 0;
}

.content * {
box-sizing: border-box;
}

TABLE.width_original {
    width: 100%;
}

.product_price TABLE.details_list td:last-child {
display:none;
}

.content_page *, .contact * {
box-sizing: border-box;
}

.content_page td {
display:block !important;
width:100% !important;
}

.contact_send {
    width: 94%;
}

.contact .inp_1 {
    width: 100%;
}

.inp_1 {
    margin: 0 0px 15px 0;
}

.textarea {
    width: 100% !important;
 
}

.pages a, .pages strong, .pages .hide, .pages b {
    margin:4px;
}

.content iframe {
max-width:100% !important;
height:auto !important;
}

ul.breadcrumb li {
margin:0 0 10px 0;

}

.more_models li
{
width:33.333333%;	
padding:0 5px 5px;
text-align: center;
}

}




@media screen and (max-width:737px) 
{
	.window
	{
		left:0;
		top: 0;
/* 		width:0%; */
width:0;
		right:0;
		bottom:0;
	}
	
	.locked .window
	{
		width:100%;
	}
	
	#window
	{
		max-height: 100% !important;
		max-width: 100%;
		left:0;
		width:100%;
		box-sizing: border-box;
	}
	
	.window_mob
	{
		min-height: 200px;
		overflow-x: scroll;
	}
	.podbor_year strong
	{
		display: block;
		text-align: center;
		width:100%;
	}
	
	.podbor_year span
	{
		width: calc(20% - 16px);
		margin:5px 6px 11px;
		text-align: center;
	}
	
	.podbor_marka div
	{
		width:33.333333%;
	}
	
	.podbor_marka, .podbor_model
	{
		width:100%;
	}
	
	.podbor_model div
	{
		width:50%;
	}
	
	.window .th_cyl, .window .th_ls, .window .th_kod
	{
		display: none;
	}
	
	.window .details_list td:nth-child(6),
	.window .details_list td:nth-child(7),
	.window .details_list td:nth-child(4)
	{
		display: none;
	}
	
}
@media screen and (max-width:500px) {

.home_brands LI {
    width: 31.333%;
    text-align: center;
    margin: 20px 1%;
}

.all_catalogs li {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    text-align: center;
    margin: 5px 1%;
}

.all_catalogs li img {
max-width:100%;
}

.prod_b {
    background: #FFF;
    width: 100%;
    margin: 0 0% 30px 0%;
    box-sizing: border-box;
}

.more_models li
{
	width:50%;
}

	
	.podbor_marka div
	{
		width: 50%;
	}

	.podbor_model div
	{
		width:100%;
	}
	
	#window
	{
		padding:30px 20px;
	}
	
}