@import url('https://fonts.googleapis.com/css?family=Fjalla+One&subset=latin-ext');
.logo{ text-align:center;}
.search_con{ text-align:center;}
.nav_bar{ background:#808080; opacity:0.8; position: fixed;}
#searchp{position: absolute;margin-left: -202px;margin-top: -120px;padding: 13px 10px; display:none;}
.top_bar{ position:absolute; z-index:999; width:100%;}
.cats_bg{ background:#808080 url(../images/cats_bg.jpg) center top no-repeat;}
.cats_head{font-family: 'Fjalla One', sans-serif; font-size:40px; text-transform:uppercase;color:#fff; text-align:center;padding:20px 0;}
.cat_img{ text-align:center; padding-bottom:20px;}
.cats_text{ background:#808080 url(../images/cats_arrow.png) right 10px top 10px no-repeat; padding:10px; margin-bottom:20px; font-family: 'Fjalla One', sans-serif; font-size:22px; color:#fff; text-transform:uppercase;}
.cats_text span{ font-size:18px;}
.cats_text:hover{ background:#ff7800 url(../images/cats_arrow.png) right 10px top 10px no-repeat; color:#000;}
.featured_bg{ background:#1f1f1f;}
.pro_box{ background:#FFF; text-align:center; padding:20px; height:250px;}
.pro_boxd{ background:#FFF; text-align:center; padding:20px;}
.pro_name{ padding:10px 0; border-bottom:solid 1px #5b5b5b; font-family:Trebuchet MS; font-size:14px; color:#fff; text-transform:uppercase; font-weight:bold;}
.pro_name span{ color:#ff7800;}
.pro_btn{ margin:20px 0 40px 0;}
.pro_btn a{font-family: 'Fjalla One', sans-serif; font-size:16px; text-transform:uppercase;color:#000; text-decoration:none; background:#ff7800; padding:6px 10px;}
.pro_btn a:hover{ background:#000000; color:#fff;}
.news_letter_bg{ background:#808080 url(../images/news_letter_bg.jpg) center top no-repeat;}
.news_letter{ text-align:center;}
.news_letter h2{font-family: 'Fjalla One', sans-serif; font-size:32px; text-transform:uppercase;color:#fff; text-align:center; padding-top:30px;}
.news_letter i{ font-size:40px; color:#fff; text-align:center;}
.news_letter p{ font-family:Trebuchet MS; font-size:14px; color:#c1c1c1; padding:10px 0;}
.news_letter_con{ padding-bottom:50px;}
.contact_bg{ background:#333230 url(../images/contact_bg.jpg) center top no-repeat;}
.contact_head{font-family: 'Fjalla One', sans-serif; font-size:24px;color:#ff7800; text-align:center; padding:20px 0;}
.contact_head span{ color:#fff; font-size:36px; text-transform:uppercase;}
.contact_text{font-family:Trebuchet MS; font-size:14px; color:#fff; text-align:center; padding-bottom:20px;}
.contact_icon{ text-align:center; padding:18px 0;}
.footer_bg{ background:#ff7800;}
.footer_head{font-family: 'Fjalla One', sans-serif; font-size:30px;color:#000; text-align:center; padding:20px 0; text-transform:uppercase;}
.social_icons{ border-radius:0;transition:all 0.3s;}
.social_icons:hover{ border-radius:50%;transition:all 0.3s;}
.footer_icons{ margin:0 auto; max-width:220px;}
.footer_btn{ border-top:solid 1px #000; border-bottom:solid 1px #000; padding:10px 0; text-align:center;}
.footer_btn a{ font-family:Trebuchet MS; font-size:14px; color:#000; text-align:center; padding: 0 20px; text-transform:uppercase;}
.footer_btn a:hover{ text-decoration:underline; color:#fff;}
.copy_right{font-family:Trebuchet MS; font-size:14px; color:#000; text-align:center; padding:20px 0;}
.content_bar{ background:#808080; border-top:solid 1px #393939; border-bottom:solid 1px #393939;}
.content_heading{ font-family:Trebuchet MS; font-size:14px; color:#fff; padding:15px 0;}
.content_heading a{ font-family:Trebuchet MS; font-size:14px; color:#ff7800; text-decoration:none;}
.content_heading a:hover{ color:#fff; text-decoration:none;}
.content_bg{ background:#1f1f1f;}
.content_head{font-family: 'Fjalla One', sans-serif; font-size:26px;color:#fff; padding:15px 0; border-bottom:solid 1px #393939; margin-bottom:20px; font-weight:bold; text-transform:uppercase;}
.content_text{font-family:Trebuchet MS; font-size:14px; color:#fff; padding-bottom:20px;}

.left_menu_main a{font-family: 'Fjalla One', sans-serif; font-size:18px; color:#000; font-weight:bold; background:#ff7800; display:block; padding:8px 5px 8px 15px; transition:all 0.5s; margin-bottom:1px;}
.left_menu_main a:hover{background:#fe0000; color:white; padding:8px 5px 8px 25px; text-decoration:none;}
.left_sub_menu a{font-family:Trebuchet MS; font-size:14px; color:#d8d8d8; display:block; padding:7px 5px 7px 25px; border-bottom:1px #d8d8d8 solid; transition:all 0.5s; background:url(../images/arrow_left_menu.png) left 10px center no-repeat;}
.left_sub_menu a:hover{background:#990f04 url(../images/arrow_left_menu_hover.png) left 10px center no-repeat; color:white; padding:7px 5px 7px 35px; text-decoration:none;}

.paging_con{ padding-bottom:20px;}

.forms_bg{ background:#0b0b0b; padding:20px;}
.p_name{font-family: 'Fjalla One', sans-serif; font-size:20px; color:#fff;}
.p_art{font-family: 'Fjalla One', sans-serif; font-size:16px; color:#febe24; border-bottom:solid 1px #393939; padding-bottom:15px; margin-bottom:10px;}
.p_detail{font-family:Trebuchet MS; font-size:14px; color:#393939; padding-bottom:10px; border-bottom:solid 1px #393939; padding-bottom:15px; margin-bottom:10px;}
.p_btn{ margin: 30px 0 10px 0;}

.t_name{ padding:10px 0 20px 0; font-family:Trebuchet MS; font-size:14px; color:#fff; text-transform:uppercase; font-weight:bold; text-align:center;}


@media (max-width:768px){
	.top_bar{ position:relative; background:#0c0c0c;}
	.logo{ padding:20px 0;}
	.search_con{ padding:20px 0;}
	.nav_bar{ background:#0c0c0c; opacity:0.8; position:inherit !important;}
}



/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #ff7800;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}


.mg-image img {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -o-transition: all 0.5s ease; /* IE 9 */
    -ms-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
    max-width: 100%;
	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;
}

.mg-image {
  overflow: auto;
  overflow:hidden;
}

.flip-3d{
width:100%;
transition:all 0.3s;
}
.flip-3d:hover{
transform:rotate(7deg);
transition:all 0.3s;
}

.paging{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	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:#000;
	text-valign:center;
	text-decoration:none;
	background:#ff7800;
	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 #ff7800;
}
.paging_act{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	background-color:#ff7800;
	color:#000;
	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 #ff7800;
}
.paging_act:hover{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	background-color:#ff7800;
	color:#000;
	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 #ff7800;
}


.dropdown:hover .dropdown-menu {display: block; color:#FFF !important;}
.dropdown-menu{ font-family: 'Roboto', sans-serif;position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:16px;text-align:left;list-style:none; background:#fff; -webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}

.dropdown-menu>li>a{ background: #808080;display:block;padding:3px 20px;clear:both;font-weight:400;line-height:2.42857143;color:#fff !important;white-space:nowrap}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#fff !important;text-decoration:none;background-color:#000}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff !important;text-decoration:none;background-color:transparent;outline:0}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}