\* { margin:0;  padding:0; }
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/oswald-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oswald Regular'), local('Oswald-Regular'),
       url('fonts/oswald-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v10-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
/* abel-regular - latin */
@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/abel-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Abel'), local('Abel-Regular'),
       url('fonts/abel-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/abel-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/abel-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/abel-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/abel-v6-latin-regular.svg#Abel') format('svg'); /* Legacy iOS */
}
body{ margin:0;}
.basket{ font-family:"Trebuchet MS"; font-size:11px; color:#666; text-transform:uppercase;}
.txt_searching{font-family:"Trebuchet MS"; font-size:11px; color:#666; text-transform:uppercase; border:none; outline:none;}
.nav{font-family: 'Oswald'; font-size:16px; font-weight:bold; color:#000; text-transform:uppercase; text-decoration:none;}
.nav a{font-family: 'Oswald'; font-size:16px; font-weight:bold; color:#000; text-transform:uppercase; text-decoration:none; padding:0 17px;}
.nav a:hover{font-family: 'Oswald'; font-size:16px; font-weight:bold; color:#ff0700; text-transform:uppercase; text-decoration:none; padding:0 17px;}
.main_bg{ background:#000 url(imgs/main_bg.jpg) center top no-repeat;}
.cats_head{font-family: 'Abel'; font-size:22px; color:#1a1a1a; font-weight:bold;}
.cats_btm{ background:#dedede; font-family:"Trebuchet MS"; font-size:14px; font-weight:bold; color:#1a1a1a; display:block; text-decoration:none; padding:5px 10px;}
.cats_btm a{ background:#dedede; font-family:"Trebuchet MS"; font-size:14px; font-weight:bold; color:#1a1a1a; display:block; text-decoration:none; padding:5px 10px;}
.cats_btm a:hover{ background:#000; font-family:"Trebuchet MS"; font-size:14px; font-weight:bold; color:#fff; display:block; text-decoration:none; padding:5px 10px;}
.recent_bg{ background:#FFF; border:solid 1px #cdcdcd;}
.recent_bg:hover{ background:#FFF; border:solid 1px #ff0700; border-radius:8px;}
.pname{font-family: 'Abel'; font-size:17px; color:#1a1a1a; font-weight:bold;}
.part{font-family:"Trebuchet MS"; font-size:14px; color:#1a1a1a;}
.basket_p{ transition: all 0.5s ease-in-out 0s;}
.basket_p:hover{ transform: rotate(-360deg); -ms-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); opacity: 0.5; transition: all 0.5s ease-in-out 0s;}

.p_img{ width:220px; overflow:hidden;transition: all 0.5s ease-in-out 0s; text-align:center; height:235px;}
.p_img img{ width:220px;transition: all 0.5s ease-in-out 0s; text-align:center; height:235px;}
.p_img img:hover{ width:250px; transition: all 0.5s ease-in-out 0s; text-align:center; height:250px;}

.news_head{font-family: 'Abel'; font-size:18px; color:#fff; font-weight:bold;}
.news_link{font-family: 'Abel'; font-size:15px; color:#ff0700; font-weight:bold; text-decoration:none;}
.news_link:hover{font-family: 'Abel'; font-size:15px; color:#000; font-weight:bold; text-decoration:underline;}
.news_text{font-family:"Trebuchet MS"; font-size:12px; color:#767676; font-weight:bold;}

.letter_head{font-family: 'Abel'; font-size:22px; color:#fff; font-weight:bold; text-transform:uppercase;}
.letter_text{font-family:"Trebuchet MS"; font-size:13px; color:#fff;}
.btm_head{font-family: 'Abel'; font-size:22px; color:#363738; font-weight:bold; text-transform:uppercase;}

.content_head{font-family: 'Abel'; font-size:22px; color:#363738; font-weight:bold;}
.base{font-family:"Trebuchet MS"; font-size:13px; color:#4e4e4e;}
.site{font-family:"Trebuchet MS"; font-size:13px; color:#4e4e4e;}
.site a{font-family:"Trebuchet MS"; font-size:13px; color:#4e4e4e; text-decoration:underline;}
.site a:hover{font-family:"Trebuchet MS"; font-size:13px; color:#dc2c27; text-decoration:underline;}

.txt_id2{ background:#FFF; border:solid 1px #666; padding:8px 8px; color:#000; width:100%; outline:none;}

.mg-image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 0.5s ease;
        max-width: 220px;
		overflow:hidden;
}
.mg-image:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
	 overflow:hidden;
}
/* just apply some height and width to the wrapper.*/
.mg-image {
  width:220px;
  height:220px;
  overflow:hidden;
}

.banner{
overflow:hidden;
-webkit-transition-duration:0.25s;
-webkit-transition-timing-function:linear;
-o-transition-property:color,background;
-o-transition-duration:0.25s;
-o-transition-timing-function:linear;
-moz-transition-property:color,background;
-moz-transition-duration:0.25s;
-moz-transition-timing-function:linear;
-ms-transition-property:color,background;
-ms-transition-duration:0.25s;
-ms-transition-timing-function:linear;
float:left;
}
.fb{
background:url(imgs/facbook.jpg) right top no-repeat;
width:165px;
height:169px;
display:block;
border:0px;
}
.skype{
background:url(imgs/skype.jpg) right top no-repeat;
width:165px;
height:169px;
display:block;
border:0px;
}
.banner:hover{
background-position:center -169px;
}




.card-container {
  cursor: pointer;
  height: 20px;
  position: relative;
  width: 220px;
}
.card {
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  transition: all 0.3s ease-in-out;
  width: 100%;
}
.card:hover {
  transform: rotateY(180deg);
}
.card .side {
  backface-visibility: hidden;
  height: 100%;
  position: absolute;
  overflow: hidden;
  width: 100%;
}
.card .back {
  transform: rotateY(180deg);
}


.formal_menu{ width:100%; margin-top:15px; padding:0px;}
.formal_menu ul{ padding:0px; margin:0px;}
.formal_menu ul li{position: relative; list-style: none; display:block; background:url(imgs/arrow_btm.png); background-repeat:no-repeat; background-position:left 6px top 6px; padding-left:25px; cursor:pointer;}
.formal_menu ul li:hover{position: relative; list-style: none; display:block; background:#dddede url(imgs/arrow_btm_hover.png);  background-repeat:no-repeat; background-position:left 6px top 6px; padding-left:25px; cursor:pointer;}
.formal_menu li a{font-family:"Trebuchet MS"; font-size: 12px; color:#363738; text-decoration:none; line-height: 24px; cursor:pointer; display:block;}
.formal_menu li a:hover{font-family:"Trebuchet MS"; font-size: 12px; color:#ff0700; text-decoration:none; line-height: 24px; cursor:pointer; display:block;}

.social_menu1{ width:100%; margin-top:15px; padding:0px;}
.social_menu1 ul{ padding:0px; margin:0px;}
.social_menu1 ul li{position: relative; list-style: none; display:block; background:url(imgs/facebook.png); background-repeat:no-repeat; background-position:left 6px top 5px; padding-left:48px; cursor:pointer;}
.social_menu1 ul li:hover{position: relative; list-style: none; display:block; background:url(imgs/facebook_hover.png);  background-repeat:no-repeat; background-position:left 6px top 5px; padding-left:48px; cursor:pointer;}
.social_menu1 li a{font-family:"Trebuchet MS"; font-size: 12px; color:#363738; text-decoration:none; line-height: 40px; cursor:pointer; display:block;}
.social_menu1 li a:hover{font-family:"Trebuchet MS"; font-size: 12px; color:#ff0700; text-decoration:none; line-height: 40px; cursor:pointer; display:block;}

.social_menu2{ width:100%; padding:0px;}
.social_menu2 ul{ padding:0px; margin:0px;}
.social_menu2 ul li{position: relative; list-style: none; display:block; background:url(imgs/twitter.png); background-repeat:no-repeat; background-position:left 6px top 5px; padding-left:48px; cursor:pointer;}
.social_menu2 ul li:hover{position: relative; list-style: none; display:block; background:url(imgs/twitter_hover.png);  background-repeat:no-repeat; background-position:left 6px top 5px; padding-left:48px; cursor:pointer;}
.social_menu2 li a{font-family:"Trebuchet MS"; font-size: 12px; color:#363738; text-decoration:none; line-height: 40px; cursor:pointer; display:block;}
.social_menu2 li a:hover{font-family:"Trebuchet MS"; font-size: 12px; color:#ff0700; text-decoration:none; line-height: 40px; cursor:pointer; display:block;}

.social_menu3{ width:100%; padding:0px;}
.social_menu3 ul{ padding:0px; margin:0px;}
.social_menu3 ul li{position: relative; list-style: none; display:block; background:url(imgs/youtube.png); background-repeat:no-repeat; background-position:left 6px top 5px; padding-left:48px; cursor:pointer;}
.social_menu3 ul li:hover{position: relative; list-style: none; display:block; background:url(imgs/youtube_hover.png);  background-repeat:no-repeat; background-position:left 6px top 5px; padding-left:48px; cursor:pointer;}
.social_menu3 li a{font-family:"Trebuchet MS"; font-size: 12px; color:#363738; text-decoration:none; line-height: 40px; cursor:pointer; display:block;}
.social_menu3 li a:hover{font-family:"Trebuchet MS"; font-size: 12px; color:#ff0700; text-decoration:none; line-height: 40px; cursor:pointer; display:block;}

.social_menu4{ width:100%; margin-bottom:15px; padding:0px;}
.social_menu4 ul{ padding:0px; margin:0px;}
.social_menu4 ul li{position: relative; list-style: none; display:block; background:url(imgs/google.png); background-repeat:no-repeat; background-position:left 6px top 5px; padding-left:48px; cursor:pointer;}
.social_menu4 ul li:hover{position: relative; list-style: none; display:block; background:url(imgs/goolge_hover.png);  background-repeat:no-repeat; background-position:left 6px top 5px; padding-left:48px; cursor:pointer;}
.social_menu4 li a{font-family:"Trebuchet MS"; font-size: 12px; color:#363738; text-decoration:none; line-height: 40px; cursor:pointer; display:block;}
.social_menu4 li a:hover{font-family:"Trebuchet MS"; font-size: 12px; color:#ff0700; text-decoration:none; line-height: 40px; cursor:pointer; display:block;}

.qucick_contact{font-family:"Trebuchet MS"; font-size: 12px; color:#363738; text-decoration:none;}

.copy_right{font-family:"Trebuchet MS"; font-size: 13px; color:#c0c0c0; text-decoration:none;}
.copy_right a{font-family:"Trebuchet MS"; font-size: 13px; color:#c0c0c0; text-decoration:underline;}
.copy_right a:hover{font-family:"Trebuchet MS"; font-size: 13px; color:#fff; text-decoration:underline;}

.left_link{font-family: 'Abel'; font-size:18px; color:#000; font-weight:bold; text-decoration:none; display:block;}
.left_link:hover{font-family: 'Abel'; font-size:18px; color:#ff0600; font-weight:bold; text-decoration:none; display:block;}

.left_menu_link{font-family:"Trebuchet MS"; font-size: 13px; color:#000; text-decoration:none; transition:all 0.2s ease-in-out 0s; display:block;}
.left_menu_link:hover{font-family:"Trebuchet MS"; font-size: 13px; color:#ff0600; text-decoration:underline; transition:all 0.2s ease-in-out 0s; padding-left:8px; display:block;}
.d_art{font-family: 'Abel'; font-size:18px; color:#000; font-weight:bold; text-decoration:none;}
.d_part{font-family:"Trebuchet MS"; font-size: 13px; color:#4e4e4e; text-decoration:none;}

.paging{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-valign:center;
	text-decoration:none;
	background:#000;
	PADDING-top:3px;
	PADDING-bottom:3px;
	PADDING-right: 7px;
	PADDING-left: 7px;
	width:25px;
	height:25px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:solid 1px #000;
}
.paging:hover{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-valign:center;
	text-decoration:none;
	background:#ff0600;
	PADDING-top:3px;
	PADDING-bottom:3px;
	PADDING-right: 7px;
	PADDING-left: 7px;
	width:25px;
	height:25px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:solid 1px #ff0600;
}
.paging_act{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	background-color:#ff0600;
	color:#FFFFFF;
	text-valign:center;
	text-decoration:none;
	PADDING-top:3px;
	PADDING-bottom:3px;
	PADDING-right: 7px;
	PADDING-left: 7px;
	width:35px;
	height:20px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:solid 1px #ff0600;
}
.paging_act:hover{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	background-color:#ff0600;
	color:#FFFFFF;
	text-valign:center;
	text-decoration:none;
	PADDING-top:3px;
	PADDING-bottom:3px;
	PADDING-right: 7px;
	PADDING-left: 7px;
	width:35px;
	height:20px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:solid 1px #ff0600;
}
.btn2{
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:6px;padding-right:6px;padding-top:2px;padding-bottom:2px;
	background:#ff0600;
	border:solid 1px #ff0600;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:hand;
}
.btn2:hover{
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:6px;padding-right:6px;padding-top:2px;padding-bottom:2px;
	background:#c00804;
	border:solid 1px #c00804;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:hand;
}
.btn_zoom{
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:22px;padding-right:6px;padding-top:3px;padding-bottom:3px;
	background: #ff0600 url('images/magnifier.png');
	background-repeat: no-repeat;
	background-position: 6px center;
	border:solid 1px #ff0600;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:hand;
}
.btn_zoom:hover{
	background:#c00804 url('images/magnifier.png');
	background-repeat: no-repeat;
	background-position: 6px center;
}
.btn_save{
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:26px;padding-right:6px;padding-top:5px;padding-bottom:5px;
	background: #ff0600 url('images/accept.png');
	background-repeat: no-repeat;
	background-position: 6px center;
	border:solid 1px #ff0600;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:hand;
}
.btn_save:hover{
	background:#c00804 url('images/accept.png');
	background-repeat: no-repeat;
	background-position: 6px center;
}
.btn_cancel{
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:26px;padding-right:6px;padding-top:5px;padding-bottom:5px;
	background: #ff0600 url('images/cancel.png');
	background-repeat: no-repeat;
	background-position: 6px center;
	border:solid 1px #ff0600;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:hand;
}
.btn_cancel:hover{
	background:#c00804 url('images/cancel.png');
	background-repeat: no-repeat;
	background-position: 6px center;
}
.btn_general{
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	padding-left:26px;padding-right:6px;padding-top:5px;padding-bottom:5px;
	background: #ff0600 url('images/arrow_right.png');
	background-repeat: no-repeat;
	background-position: 6px center;
	border:solid 1px #ff0600;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:hand;
}
.btn_general:hover{
	background:#c00804 url('images/arrow_right.png');
	background-repeat: no-repeat;
	background-position: 6px center;
}


.flip-3d{
width:235px;
transition:all 1s ease-in-out 0s;
}
.flip-3d:hover{
transform:rotateY(360deg);
transition:all 1s ease-in-out 0s;
}
.flip-3dd{
width:230px;
transition:all 1s ease-in-out 0s;
}
.flip-3dd:hover{
transform:rotateY(360deg);
transition:all 1s ease-in-out 0s;
}