﻿body{
	background:#fff;
	font-family: 'Open Sans', sans-serif;
}
body a {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
*{
	font-family:Arial, Helvetica, sans-serif;
}
.top{ background-color:#2d2d2d;}
.top h4{
	font-size:14px;
	color:#fff;
	float:left;
}
.top .lang{
	float:right;
	margin-top:5px;
}
.top .lang a{
	margin-right:10px;
	color:#fff;
}
.top .lang a:hover{
	text-decoration:none;
}
.banner { position: relative; overflow: auto; }
.banner li { list-style: none; }
.banner ul li { float: left; }
.head-logo{
  float: left;
  width:20%;
}
header{
	
	}
.head-logo a {
  display: block;

}
.lang{
	    float: right;
    margin-top: 25px;
}
.lang a{
	color:#000;
}
.lang a:hover{
	text-decoration:none;
}
.head-logo a img{
  width:100%;
}
.top-nav{
  float: right;
  width: 65%;
}
.top-nav ul{
	padding:0;
	margin:0;
	list-style:none;
}
.top-nav ul  li{
    float: left;
    padding: 0px;
    margin: 0px;
    
    position: relative;
    transition: all 0.3s ease;
}
.top-nav ul li span { 
	
	background: #414141;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38577a', endColorstr='#2c445e', GradientType=0 );
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -10;
	opacity: 0;
	transition: all 0.5s ease;
}
.top-nav ul li:hover span, .top-nav ul li.active span {
	opacity: 1;
}
.top-nav ul li.active a{
	color:#fff;
}
.top-nav ul li a{
    padding: 30px 30px 30px 30px;
    font-size: 16px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    text-decoration: none;
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.top-nav ul li a:hover{
	text-decoration:none;
}
.top-nav ul li:hover a{
	color:#fff;
}
/* Sweep To Bottom */


/*---*/
.banner-info {
  text-align: center;
   text-align: center;
  margin: 14em 0 14em 0;
}
.banner-info h2{
  color: #FFF;
  margin: 0;
  font-size: 55px;
  font-weight: 300;
  padding-bottom: 1em;
}
.banner-info h2 span{
  font-weight: 700;
  padding-bottom: 0.4em;
  border-bottom: solid 3px #BE4343;
}
.banner-info h2 span.right-border{
  font-weight: 500;
  color: #C2C2C2;
}
.banner-info p{
	color: #FFF;
	font-size: 16px;
	margin: 1em 0 0 0;
	line-height: 1.8em;
}
/*-- banner-bottom --*/

.see-button{
  margin-top: 1em;
}
.see-button a{
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 1em 4em;
  outline: none;
  background: #CE0E0E;
  border: none !important;
  border-radius:0;
  }
.jumbotron.banner-bottom-left {
  background: none;
}
/*------------------ Slider Part starts Here----------*/
#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
}
.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 50px;
  max-width: 540px;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}
.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
}
.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
}
.rslides_tabs li:first-child {
  margin-left: 0;
}
.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
}
.events {
  list-style: none;
}
.callbacks_container {
  position: relative;
  float: left;
  width: 100%;
}
.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.callbacks img {
  position: relative;
  z-index: 1;
  height: auto;
  border: 0;
}
.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0;
	right: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}
.callbacks_nav {
  	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 52%;
	left: 0;
	opacity: 0.7;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 55px;
	background: transparent url("../images/themes.png") no-repeat left top;
	margin-top: -65px;
}
.callbacks_nav:active {
  opacity: 1.0;
}
.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
}
#slider3-pager a {
  display: inline-block;
}
#slider3-pager span{
  float: left;
}
#slider3-pager span{
	width:100px;
	height:15px;
	background:#fff;
	display:inline-block;
	border-radius:30em;
	opacity:0.6;
}
#slider3-pager .rslides_here a {
  background: #FFF;
  border-radius:30em;
  opacity:1;
}
#slider3-pager a {
  padding: 0;
}
#slider3-pager li{
	display:inline-block;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li{
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  height: auto;
  border: 0;
  width:100%;
}
.callbacks_tabs{
  list-style: none;
  position: absolute;
  top: 78%;
  z-index: 999;
  left: 45%;
  padding: 0;
  margin: 0;
}
.slider-top{
	text-align: center;
	padding:10em 0;
}
.slider-top h1{
	font-weight:700;
	font-size:48px;
	color:#010101;
}
.slider-top p{
	font-weight:400;
	font-size:20px;
	padding:1em 7em;
	color:#010101;
}
.slider-top ul.social-slide{
	display:inline-flex;
	margin: 0px;
	padding: 0px;
}
ul.social-slide li i{
	width:70px;
	height:74px;
	background:url(../images/img-resources.png)no-repeat;
	display: inline-block;
	margin:0px 15px;
}
ul.social-slide li i.win{
	background-position:-6px 0px;
}
ul.social-slide li i.android{
	background-position:-110px 0px;
}
ul.social-slide li i.mac{
	background-position:-215px 0px;
}
.callbacks_tabs li{
	display: inline-block;
	margin: 0 .5em;
}
.n-banner img{
	width:100%;
}
.footer-left img{
	margin: 6% 24% 0%;
}
@media screen and (max-width: 600px) {
  .callbacks_nav {
    top: 47%;
    }
}
/*----*/
.callbacks_tabs a{
 visibility: hidden;
}
.callbacks_tabs a:after {
  content: "\f111";
  font-size:0;
  font-family: FontAwesome;
  visibility: visible;
  display: block;
  height:15px;
  width:15px;
  display:inline-block;
  border:2px solid #FFF;
}
.callbacks_here a:after{
	border: 2px solid #FFFFFF;
	background: #bb1e10;
}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #bb1e10;
  border-radius:5px;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  -moz-border-radius:5px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
a.btn.btn-primary.btn-lg.see-button.hvr-shutter-out-horizontal {
    background: #CE0E0E;;
}
/*-- specialty --*/
.specialty{
  padding: 3em 0;
  background: #222;
  color:#fff;
}
.specialty-text h3 {
  color: #D9241B;
  font-size: 40px;
  font-weight: 300;
  margin: 10px 0;
  text-align:center;
}
.specialty-text h5 {
  color: #BDBDBD;
  font-size: 14px;
  font-weight: 300;
  margin: 0 0 40px;
  text-align:center;
}
/*-- testimonial --*/
.testimonials{
	 padding: 3em 0;
	  
 
	}
.testimonial {
background: url(../images/i5.jpg) no-repeat 0px 0px;
  background-size: cover;
  min-height: 331px;
  padding: 3em 0;
  position: relative;
  text-align: center;
}
.testmonials div.head-section {
  margin-top: 1em;
}
.testimonial-nfo h3 {
  color: #FFF;
  font-size: 40px;
  font-weight: 300;
  margin: 0;
}
.testimonial-nfo h5 {
  color: #FFFFFF;
  font-size: 14px;
  margin: 1em 0;
  line-height: 1.8em;
  font-weight: 300;
}
.testimonial-nfo h5 span{
	display:block;
}
.testimonial-grid p {
  font-size: 1em;
  color: #FFF;
  text-align: center;
  width: 70%;
  margin: 2em auto;
  font-weight: 500;
}
.testimonial-grid p span {
  font-size: 1.2em;
  vertical-align: middle;
}
/*-- news --*/
.news {
  padding: 4em 0;
}
.news-text h3 {
  color: #D9241B;
  font-size: 40px;
  font-weight: 300;
  margin: 10px 0;
  text-align:center;
}
.news-text h5 {
  color: #737373;
  font-size: 14px;
  font-weight: 300;
  margin: 0 0 40px;
  text-align:center;
}
.news-grid{width:20%;}
.news-grid ul {
    padding: 0;
	list-style:none;
}
.news-grid li {
    background: #D9241B;
    border: 7px solid #D9241B;
    text-align: center;
}
.news-grid li .imgbj {
    padding: 5px 5px;

    display: inline-block;
}
.news-grid .wsb a {
	padding: 5px 10px;
    color: #fff;
    display: inline-block;
}
.imgbj {
    display: none;
    position: relative;
}
.imgbj span{
	position:absolute;
	left:0px;top:0px;
	width:100%; 
	height:100%; 
	color:#FFF; 
	font-size:0px; 
	padding-top:60%;

}
.imgbj span:hover{ 
	background:#9C1A0B; 
	display:block; 
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	font-size:18px;
	-webkit-animation-name: fadeIn; /*动画名称*/
	-webkit-animation-duration: 0.5s; /*动画持续时间*/
	-webkit-animation-iteration-count: 1; /*动画次数*/
	-webkit-animation-delay: 0s; /*延迟时间*/}
.news-grid img {
    width: 100%;
}

.news-grid .wsb {
    border-top: none;
}
.news-grid figcaption {
    padding: 3em 0;
}
.news-grid figcaption{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.news-grid figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.news-grid figcaption::before,
.news-grid figcaption img {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.news-grid figcaption img {
    margin: 0 auto;
    max-width: 150px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
	}
.news-grid:hover figcaption::before,
.news-grid:hover figcaption img {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.news-grid figcaption:hover{ 
	background:#D9241B; 
	display:block; 
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	font-size:18px;
	-webkit-animation-name: fadeIn; /*动画名称*/
	-webkit-animation-duration: 0.5s; /*动画持续时间*/
	-webkit-animation-iteration-count: 1; /*动画次数*/
	-webkit-animation-delay: 0s; /*延迟时间*/}
/*-- value --*/
.value {
  padding: 4em 0;
}
.value-text h3 {
  color: #D9241B;
  font-size: 40px;
  font-weight: 300;
  margin: 10px 0;
  text-align:center;
}
.value-text h5 {
  color: #737373;
  font-size: 14px;
  font-weight: 300;
  margin: 0 0 40px;
  text-align:center;
}

.value-grid{
	padding:0 10px;
}
.value-nop{
	padding:0;
}
.val-pr{
	padding-right:15px;
}
.val-pt{
	padding-top:16px;
}
.m-bottom{
	margin-bottom:15px;
}
.value-grid ul {
    padding: 0;
	list-style:none;
}
.value-grid li {
   
    text-align: center;
}
.value-grid li .imgb {   
    display: inline-block;
}

.imgb {
    display: none;
    position: relative;
}
.imgb span{
	position:absolute;
	left:0px;top:0px;
	width:100%; 
	height:100%; 
	color:#FFF; 
	font-size:0px; 
}
.imgb span .p_o{
	padding-top:50%;
}
.imgb span .p_t{
	padding-top:35%;
}
.imgb span .p_th{
	padding-top:15%;
}
.imgb span:hover{ 
	background:#D9241B; 
	display:block; 
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	font-size:18px;
	-webkit-animation-name: fadeIn; /*动画名称*/
	-webkit-animation-duration: 0.5s; /*动画持续时间*/
	-webkit-animation-iteration-count: 1; /*动画次数*/
	-webkit-animation-delay: 0s; /*延迟时间*/}
.value-grid img {
    width: 100%;
}

.value-grid .wsb {
    border-top: none;
}
/*-- footer --*/
.footer{
	padding:3em 0;
	background:#404040;
}
.footer-left ul{
	padding:0;
	margin:0;
}
.footer-left ul li{
	display:inline-block;
	margin:0 1em;
}
.footer-left ul li:nth-child(1){
	margin-left:0;
}
.footer-left ul li a{
	color:#FFF;
	font-size:14px;
}
.footer-left ul li a:hover{
	color: #000;
	text-decoration:none;
}
.footer-left form{
  margin-top: 3em;
}
.footer-left input[type="text"] {
  width: 100%;
  color: #898888;
  background: none;
  outline: none;
  font-size: 16px;
  padding: .5em;
  margin-bottom: 2em;
  -webkit-appearance: none;
  border-bottom: solid 1px #595959;
  border-top: none;
  border-right: none;
  border-left: none;
}
.footer-left input[type="submit"] {
  border: none;
  outline: none;
  color: #FFF;
  padding: .5em 1.5em;
  font-size: 16px;
  margin: 0.5em 0 0 0;
  -webkit-appearance: none;
  background: #bb1e10;
}
.footer-left input[type="submit"]:hover{
	background:#4D4D4D;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.footer-middle h3{
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 600;
  margin: 0;
}
.footer-right p{
  color: #FFF;
  font-size: 14px;
  margin: .5em 0 0 0;
  line-height: 1.8em;
  font-weight: 400;
}
.footer-right a img {
  width: 60%;
}
.address p {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 1.8em;
  padding-left: 3em;
  margin: 2em 0 0 0;
  background: url(../images/location.png) no-repeat 0px 5px;
}
.address p span {
  display: block;
}
.phone{
	margin-top:2em;
}
.phone p{
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1.8em;
	padding-left: 3em;
	margin: 2em 0 0 0;
	background: url(../images/phone.png) no-repeat 0px 0px;
}
.copyright{
  background: #4D4D4D;
  padding: 1em 0;
}
.copyright-left p{
  color: #FFF;
  font-size: 14px;
  margin: .4em 0 0 0;
}
.copyright-left p a{
	color:#FFF;
}
.copyright-left{
	float:left;
}
.copyright-right{
	float:right;
}
.copyright-right ul{
	padding:0;
	margin:0;
}
.copyright-right ul li{
	display:inline-block;
	margin:0 .5em;
}
.copyright-right ul li a.twitter{
  background: url(../images/icons.png) no-repeat 0px 0px;
  height: 24px;
  display: block;
  width: 24px;
}
.copyright-right ul li a.facebook{
  background: url(../images/icons.png) no-repeat -33px 0px;
}
.copyright-right ul li a.chrome{
  background: url(../images/icons.png) no-repeat -66px 0px;
}
.copyright-right ul li a.pinterest{
  background: url(../images/icons.png) no-repeat -99px 0px;
}
.copyright-right ul li a.linkedin{
  background: url(../images/icons.png) no-repeat -132px 0px;
}
.copyright-right ul li a.dribbble{
  background: url(../images/icons.png) no-repeat -164px 0px;
}
.copyright-right ul li a.twitter:hover {
  opacity: 0.5;
}
/*--pageleft--*/

.menu_head{height:47px;line-height:47px;padding-left:38px;font-size:14px;color:#525252;cursor:pointer;border:1px solid #e1e1e1;position:relative;margin:0px;font-weight:bold;background:#f1f1f1 url(../images/pro_left.png) center right no-repeat;}
.menu_head a{color:#525252; text-decoration:none;    display: block;}
.menu_list .current{background:#D02514 url(../images/pro_down.png) center right no-repeat;color:#fff;}
.menu_list .current a{color:#fff;  }
.menu_body{overflow:hidden;line-height:38px;border-left:1px solid #e1e1e1;backguound:#fff;border-right:1px solid #e1e1e1;}
.menu_body a{display:block;height:38px;line-height:38px;padding-left:38px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1;}
.menu_body a:hover{text-decoration:none;}
.menu_list p{
	line-height:30px;
	}
.menu_list p span{display:block;}
/*-- about --*/
.a-banner{
	min-height: 265px;
}
.about-nav{
	background-color:#F1F1F1;
}
.about-nav ul{
	list-style:none;
}
.about-nav ul li{
	display:inline-block;
	padding:1em 0;
}
.about-nav ul li a{
	color:#2F2F2F;
	padding:2em 1em;
}
.about-nav ul li a:hover{
	text-decoration:none;
}
.about-top{
  padding: 4em 0;
}
.about-right img{
	width:100%;
}
.about-info h3{
	  color: #bb1e10;
	font-size: 40px;
	font-weight: 300;
	margin: 0;
}
.about-info h5 {
  color: #969696;
  font-size: 14px;
  margin: 1em 0;
  line-height: 1.8em;
}
.about-info h5 span {
  display: block;
}
.a-banner-bottom-grids{
  margin: 2em 0 0 0;
}
/*-- about-bottom --*/
.about-bottom{
  background: url(../images/a2.jpg) no-repeat 0px 0px;
  background-size: cover;
  padding:4em 0;
}
.about-bottom h3{
	color: #FFF;
	font-size: 40px;
	font-weight: 300;
	margin: 0;
}
.about-bottom-grids {
  margin-top: 4em;
}
.about-bottom-left {
  padding-left: 0;
}
.about-bottom-left h3{
	color: #000;
	font-size: 26px;
	margin: 0;
}
.about-bottom-left p{
  color: #000;
  font-size: 14px;
  margin: 2em 0 0 0;
  line-height: 1.8em;
  font-weight: 400;
}
.about-bottom-left p span{
	display:block;
	margin:2em 0;
}
.about-bottom-right{
	padding-right:0;
}
/*-- team --*/
.team{
  padding: 4em 0;
}
.team-grids {
  margin-top: 3em;
}
.team-info	 h3 {
   color: #bb1e10;
  font-size: 40px;
  font-weight: 300;
  margin: 0;
}
.team-grid img{
	width:100%;
}
.team-grid h6 {
  font-size: 1.1em;
  color: #000000;
  margin: 1em 0 1em 0;
  font-weight: 700;
}
.team-grid p {
  color: #333333;
  font-size: 14px;
  margin: 0;
  line-height: 1.8em;
  font-weight: 400;
}
/*-- products --*/
.products-top{
	padding:4em 0;
}
.products-grid{
	margin-bottom:10px;
}
.products-grid img{
	width:100%;
}
.products-number{
float: left;
  width: 10%;
  margin-right: 2em;
}
.products-number p{
   color: #bb1e10;
  font-size: 40px;
  font-weight: 600;
  margin: 0;
  line-height: .8em;
}
.products-text{
	float:left;
	width:80%;
}
.products-text h4{
  color: #000;
  font-weight: 600;
  margin: 0 0 1em 0;
  font-size: 26px;
}
.products-text p {
  color: #333333;
  font-size: 14px;
  margin: 0;
  line-height: 1.8em;
  font-weight: 400;
}
.products-top-grids h3{
	color: #000;
    font-size: 26px;
    margin: 0 0 1em 0;
    padding-bottom: .3em;
    border-bottom: #999 1px solid;
}
.product li.plist1 {padding:2px 8px 15px 8px; width:268px; float:left; overflow:hidden; display:block; z-index:-100; line-height: normal;}
.product li.plist1 a{ border:1px solid #E9E7EA; box-shadow:0 0 3px #E0DFE0; display:block; color:#666; background:#FFFFFF;text-decoration: none;}
.product li.plist1 a:hover{ border:1px solid #D02514; background: #D02514; box-shadow:0 0 3px #E0DFE0; display:block; color:#FFFFFF;}
.product li.plist1 a:hover img {}
.product li.plist1 dl dt { }
.product li.plist1 dl dd { width:100%; text-align:center;line-height: 35px;}
.product li.plist1 a:hover dl dd .pro{ text-decoration:none;}
.product li.plist1 img { width:100%;}
.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 5px 9px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px; color:#666; font-family:宋体,arial,sans-serif;}
.pagelist a:visited, #nowpage { padding: 3px 8px; margin:3px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color:#97262a; background: #fff; border-color:#97262a; text-decoration: none;}
/*-- products-bottom --*/
.products-bottom{
  padding: 4em 0;
  background: #FAFAFA;
}
.products-bottom h3{
	  color: #bb1e10;
	font-size: 40px;
	font-weight: 300;
	margin: 0;
}
.gallery-grid{
	float:left;
	width:25%;
}
.gallery-grid1{
	float:left;
	width:12.5% !important;
}
.gallery-grids img{
	width:100%;
}
.products-bottom-grids {
  margin-top: 3em;
}
.products-top-grids img{
	width:100%;
}
/*--blog--*/
.blog{
		padding: 3em 0;
}
.gallery-item {
    margin-bottom: 30px;
    cursor: pointer;
}
.gallery-box{
	border:#eee 1px solid;
}

.gallery-item.disabled,
.gallery-item.disabled * {
    cursor: default;
}


    .gallery-img,
    .gallery-description,
    .gallery-title {
        position: relative;
        z-index: 2;
    }

    .gallery-title {
        position: relative;
		border:1px #eee solid;
        font-weight: bold;
		line-height: 30px;
    }
 .gallery-box:hover .gallery-title{
	
}   
        .gallery-title a {
            display: block;
            
            color: #333;
			text-align:center;
        }
 .gallery-box:hover .gallery-title a{
	 text-decoration:none;
}  
 .gallery-box:hover .gallery-title:hover a{
	 text-decoration:none;
	 color:#D02514;
}         
    .gallery-img {
        line-height: 0;
        font-size: 0;
        position: relative;
    }
    
        .gallery-img a {
            position: relative;
            z-index: 2;
        }
    
        .gallery-img img {
            width: 100%;
        }


.pagination > .active > a,.pagination > .active > a:hover{
	background:#bb1e10;
	border-color:#bb1e10;
}
.pagination {
  margin: 0;
}
.pagination > li > a:hover{
  color: #FFFFFF;
  border-color: #bb1e10;
  background: #bb1e10;
}
a.more {
  color: #fff;
  background: #bb1e10;
  padding: 0.5em 1em;
  display: inline-block;
  text-decoration: none;
}
a.more:hover {
  background: #2d2d2d;
}
p.sed {
  margin: 0.5em 0 1em;
}
nav {
  text-align: center;
}
/*--//blog--*/
/*--single--*/
.single-middle h3{
font-size: 2.5em; 
  color: #2d2d2d;
  text-align:center;
    margin: 0 0 1em;
}
.single-bottom {
  padding: 0em 0 4em;
}
.single-bottom input[type="text"], .single-bottom textarea {
  width: 100%;
  padding: 1em;
  background: none;
  outline: none;
  border: 1px solid #A09F9F;
  font-size: 1em;
  color:#A09F9F;
  -webkit-appearance: none;
}
.single-bottom  input[type="submit"]{
	width: 10%;
	font-size: 1.3em;
	background: #bb1e10;
	padding: 0.4em 0.8em;
	text-align: center;
	color: #fff;
	border: none;
	outline:none;
	-webkit-appearance: none;
	  margin: 0 0.8em;
}
.single-bottom  input[type="submit"]:hover{
	background:#2d2d2d;
}
 .single-bottom textarea {
	resize:none;
	min-height:180px;
	 margin: 1em 1em;
	width: 97.6%;
 }
.media-body h4{
	  font-size: 1.3em; 
}
.media-body h4 a{
  color: #2d2d2d;
  text-decoration:none;
}
.media-body p {
  margin: 0.7em 0 0em;
  font-size: .95em;
  color: #A09F9F;
  line-height: 1.6em;
}
.media {
  margin: 0em 0 3em;
}
.single-bottom h3 {
  font-size: 2.5em; 
  color: #2d2d2d;
  text-align: center;
  margin: 0.5em 0 1em;
}
.md-in{
	padding:0;
}
.in-media{
	padding:0 0 0 5em;
}
 ul.grid-part li{
	list-style:none;
}
 ul.grid-part li a{
	color:#A09F9F;
	text-decoration:none;
	padding:0.2em 0;
	display:block;
	font-size: 1.1em;
}
ul.grid-part li a i{
	background: #1985CB;
	width:5px;
	height: 5px;
	display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
 ul.grid-part li a:hover{
	color:#1985CB;
	padding-left:0.2em;
}
ul.grid-part {
  margin: 0.5em 0 2em;
}
.single {
  padding: 2em 15px 0;
}
/*--//single--*/
/*-- mail --*/
.mail{
	padding:4em 0;
}
.map iframe {
  width: 100%;
  min-height: 400px;
  border: none;
}
.mail-grids {
  margin-top: 2em;
}
.mail-grid-left h3{
   color: #000;
  font-size: 40px;
  font-weight: 300;
  margin: 0;
}
.mail-grid-left h5 {
  color: #000;
  font-size: 14px;
  margin: 1em 0;
  line-height: 1.8em;
}
.mail-grid-left h5 span {
  display: block;
}
.mail-grid-left h4{
	color:#000;
	font-size:18px;
	font-weight:600;
	margin:0;
}
.mail-grid-left p{
  color: #000000;
  font-size: 14px;
  margin: 1em 0;
  line-height: 1.8em;
}
.mail-grid-left p a{
	color: #000000;
}
.mail-grid-left p span{
	display:block;
}
.contact-form form {
  text-align: right;
}
.contact-form input[type="text"] {
  width: 100%;
  color: #898888;
  background: none;
  outline: none;
  font-size: 16px;
  padding: .5em;
  margin-bottom: 1em;
  border: solid 1px #D5D4D4;
  -webkit-appearance: none;
}
.contact-form textarea {
  resize: none;
  width: 100%;
  color: #898888;
  font-size: 16px;
  outline: none;
  padding: .5em;
  border: solid 1px #D5D4D4;
  min-height: 150px;
  -webkit-appearance: none;
}
.contact-form button {
  border: none;
  outline: none;
  color: #FFF;
  padding: .5em 1.5em;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin: 0.5em 0 0 0;
  -webkit-appearance: none;
  background: #bb1e10;
}
.contact-form button:hover{
	background:#4D4D4D;
	  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -o-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
span.menu {
  display: none;
}
/*--top-top--*/
 #returnTop {
	display:block;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:15px;
	bottom:-200px;
	_bottom:auto;
	width:36px;
	height:65px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(../images/top-arrow.png);
	_background-image:url(../images/top-arrow.png);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}

/*--/top-top--*/
/*-- responsive-design starts-here --*/
@media screen and (max-width: 1024px) {
	.top-blog {
	  width: 87%;
	}
	.blog h2 {
	  margin-top: 0;
	}
	.callbacks_tabs {
	  top: 87%;
	}
	.banner {
	      min-height: 144px !important;
	}
	.banner-info {
	  margin: 8em 0 0 0;
	}
	.banner-bottom-grids {
	  margin: 3em 0;
	}
	.banner-info p {
	  margin: 0em 0 7em 0;
	}
	.banner-bottom-left h5 {
	  font-size: 14px;
	  margin: 4px 0;
	}
	.banner-bottom-left h3 {
	  font-size: 28px;
	}
	.banner-bottom-left p {
	  font-size: 13px;
	}
	.about-top {
	  padding: 4em 0 0;
	}
	.mail-grid-left h3 {
	  font-size: 32px;
	}
	.mail {
	  padding: 4em 0 2em;
	}
	.banner-info h2 span {
	  padding-bottom: 0;
	  border-bottom: none;
	}
}
@media screen and (max-width: 993px) {
	.top-nav ul li a {
    padding: 1em;
	}
}
@media screen and (max-width: 768px) {
	.head-logo {
	  width: 20%;
	}
	.head-logo a img{
		width:100%;
	}
	span.menu {
		display: block;
		text-align: right;
		padding-bottom: 1em;
		cursor: pointer;
		color: #E74C3C;
		font-size: 16px;
		font-weight: 700;
		position: relative;
	}
	.top-nav {
		  float: right;
		  margin-top: 3em;
		  width: 5%;
	}
	.head-logo a {
	 margin-top: 2em;
	}
	ul.nav1 {
		display: none;
	}
	
	.top-nav ul {
		padding: 0;
		margin: 0;
		z-index: 9999;
		position: absolute;
		width: 100%;
		left:0;
	}
	.top-nav ul.nav1 li.active{
		background: #DC5329;
	}
	.top-nav ul.nav1 li {
	  display: block;
	  text-align: center;
	  background: rgba(181, 181, 181, 1);
	  border-bottom: 1px dashed #0F2031;
	  margin: 0;
	  width: 100%;
	}
	.top-nav ul li a {
	  padding: 1.5em 0;
	  display: block;
	  float: none;
	}	
	.top-nav ul li a i {
		margin-top: .5em;
	}
	.top-nav ul li a {
		padding: 1em 0;
	}
	.banner-info h2 {
		font-size: 41px;
	}
	.banner-info h2 {
		font-size: 41px;
	}
	.banner {
		min-height: 630px;
	}
	.callbacks_tabs {
	  top: 83%;
	  left: 43%;
	}
	.banner-bottom-right {
	  margin-top: 2em;
	}
	.service-box {
	  margin: 2em 0;
	}
	.testimonial-grid p {
		width: 90%;
	}
	.news-grid {
	  margin-top: 2em;
	  float: left;
	  width: 50%;
	}
	.footer-middle {
	  margin: 3em 0;
	}
	.a-banner {
	  min-height: 88px !important;
	}
	.banner-bottom-right {
	  margin-bottom: 2em;
	}
	.about-bottom-right {
	  margin-top: 4em;
	}
	.banner-bottom-grids {
	  margin: 2em 0;
	}
	.team-grid {
	  float: left;
	  width: 50%;
	}
	.team-grid:nth-child(3) {
	  margin-top: 2em;
	}
	.team-grid:nth-child(4) {
	  margin-top: 2em;
	}
	.contact-form {
	  margin-top: 2em;
	}
	.products-grid {
	  margin-bottom: 2em;
	    padding: 0;
	}
	.footer-left {
	  padding: 0;
	}
	.footer-middle {
	  padding: 0;
	}
	.footer-right {
	  padding: 0;
	}
	.single {
	  padding: 0;
	}
	.mail-grid-left {
	  padding: 0;
	}
	.banner-info {
	  margin: 4em 0 0 0;
	}
	.footer-right a img {
	  width: 20%;
	}
	.top-nav ul li a {
	  width: 100%;
	}
	.top-blog {
	  width: 83%;
	}
	ul.grid-part {
	  float: left;
	}
	.single-bottom textarea {
	  width: 100%;
	}
	.single-bottom input[type="text"], .single-bottom textarea {
	  margin-bottom: 1em !important;
	  margin: 0;
	}
	.comment {
	  padding: 0;
	}
	.single-bottom {
	  padding: 0em 0 2.5em;
	}
	.banner-info h2 span {
	  border-bottom: none;
	}
	.footer-left input[type="text"] {
	  margin-bottom: 0em;
	}
	.phone {
	  margin-top: 0em;
	}
	.phone p {
	  margin: 1em 0 0 0;
	}
	.address p {
	  margin: 1em 0 0 0;
	}
	.banner-bottom-left h5 {
	  font-size: 15px;
	}
	.banner-bottom-left p {
	  font-size: 13px;
	}
	.banner-bottom-right {
	  padding: 0;
	}
	.a-banner-bottom-text {
	  padding: 0;
	}
	.team-grid {
	  padding: 0;
	}
	.banner-info p {
	  margin: 0em 0 11em 0;
	}
}
@media screen and (max-width: 640px) {
	.banner-info h2 {
	  font-size: 35px;
	}
	.contact-form {
	  padding: 0;
	}
	.footer-middle {
	  margin: 0em 0;
	}
	.mail {
	  padding: 4em 0 2em;
	}
	.team-grid p {
	  width: 90%;
	}

	.top-blog {
	  width: 80%;
	}
	.pagination {
	  padding-top: 2em;
	}
	.blog-to {
	  padding: 1em 0;
	}
	.banner-info h2 span {
	  border-bottom: none;
	}
	.banner-info {
		margin: 3em 0 0 0;
	}
	.banner {
	  min-height: 560px;
	}

	.head-logo {
	  width: 25%;
	}
}
@media screen and (max-width: 480px) {
	.banner-info h2 span {
		border-bottom: none;
	}
	.banner-info h2 {
	    line-height: 1.2em;
        font-size: 21px;
	}
	.banner-info {
	  margin: 2em 0 0 0;
	}
	.specialty-button {
	  margin-top: 0em;
	}
	.see-button {
	  margin-top: 0.2em;
	}
	.banner-info p {
	  font-size: .875em;
	  margin: 0em 0 8em 0;
	}
	.callbacks_tabs {
	  top: 72%;
	  left: 36%;
	}
	.head-logo {
	    width: 33%;
	}
	.products-top-grids {
	  margin-top: 1em;
	}
	.news-grids {
	  margin-top: 1em;
	}
	.top-blog {
	  width: 100%;
	  margin: 0;
	  padding-top: 1em;
	}
	.about-bottom-grids {
	  margin-top: 2em;
	}
	ul.grid-part {
	  padding: 0;
	}
	.top-nav {
	  margin-top: 2.2em;
	  width: 8%;
	}
	.testimonial-grid p {
	  width: 100%;
	}
	.single-bottom input[type="submit"] {
	  width: 20%;
	  margin: 0;
	}
	.testimonial-grid p {
		font-size: 1em;
	}
	.news-grid {
	  margin-top: 1em;
	  padding-left: 0;
	}
	.news-grid a h4 {
		font-size: 14px;
	}
	.news-grid span {
		font-size: 14px;
	}
	.copyright-left {
	  float: none;
	  text-align: center;
	  margin-bottom: 2em;
	}
	.copyright-right {
	  float: none;
	  text-align: center;
	}
	.a-banner {
	    min-height: 85px !important;
	}
	.about-top {
	  padding: 2em 0;
	}
	.banner-bottom-right {
	  padding: 0;
	}
	.products-top {
	  padding: 2em 0;
	}
	.gallery-grid {
	  float: none;
	  width: 100%;
	}
	.gallery-grid1 {
	  float: none;
	  width: 100% !important;
	}
	.e-page h5 {
		font-size: 3em;
	}
	.head-logo a {
	    margin-top: 1.8em;
	}
	.map iframe {
	  min-height: 250px;
	}
	.footer-middle {
	    margin: 2.5em 0;
	}
	.banner-bottom-grid-text {
	  padding: 0;
	}
	.specialty-info {
	  padding: 0;
	}
	.specialty-grids {
	  padding: 0;
	    margin-top: 6em;
	}
	.mail {
	  padding: 0em 0 2em;
	}
	.specialty {
	  padding: 3em 0 1.5em;
	}
	.see-button a {
	  padding: 1em 2em;
	}
	.news {
	  padding: 1.5em 0 3em;
	}
	.footer-right a img {
	  width: 33%;
	}
}
@media screen and (max-width: 320px) {
	.head-logo {
	  width: 43%;
	}
	.top-nav {
	width: 12%;
	   margin-top: 1.7em;
	}	
	.head-logo a {
	      margin-top: 1.3em;
	}
	.top-nav ul li a {
	  padding: .5em 0;
	}
	.banner-info h2 {
	  font-size: 19px;
	   padding-bottom: 4em;
	}
	.banner-info {
	  margin: 4em 0 0 0;
	}
	.banner-info p {
	  display: none;
	}
	.callbacks_tabs {
	  top: 71%;
	  left: 25%;
	}
	.team-grids {
	  margin-top: 1em;
	}
	.a-banner {
	  min-height: 75px !important;
	}
	.team-grid img {
	  width: 90%;
	}
	.banner-bottom-grid-text {
	  padding: 0;
	}
	.see-button {
	  margin-top: .3em;
	}
	.banner-bottom-left h3 {
	  font-size: 20px;
	}
	.banner-bottom-right {
	  margin-bottom: 0em;
	}
	.specialty {
		padding: 2em 0;
	}
	.specialty-info h3 {
	  font-size: 26px;
	}
	.specialty-info {
	  padding: 0;
	}
	.specialty-info p {
		margin: 1em 0 0 0;
		  font-size: 13px;
	}
	.specialty-info p span {
	  margin-top: 1em;
	  
	}
	.service-box h5 {
		margin: 1em 0;
	}
	.testimonials {
		padding: 2em 0;
	}
	.testimonial-nfo h3 {
		font-size: 26px;
	}
	.testimonial-grid p {
	  font-size: .9em;
	}
	.news {
	    padding: 2em 0 0;
	}
	.news-text h3 {
		font-size: 26px;
	}
	.news-grids {
	  margin-top: 0em;
	}
	.news-grid {
	  float: none;
	  width: 100%;
	  padding: 0;
	  margin: 3em 0
	}
	.footer-left {
	  padding: 0;
	}
	.footer-left ul {
		text-align: center;
	}
	.footer-left ul li {
		margin: 0.2em .24em 0;
	}
	.footer {
		padding: 2em 0;
	}
	.footer-left form {
	  margin-top: 2em;
	}
	.about-info h3 {
	  font-size: 26px;
	}
	.banner-bottom-left h3 {
	  font-size: 18px;
	}
	.a-banner-bottom-text {
	  margin-top: 1em;
	}
	.banner-bottom-grids {
	    margin: 1em 0;
	}
	.about-bottom {
		padding: 2em 0;
	}
	.about-bottom h3 {
	  font-size: 26px;
	}
	.about-bottom-left h4 {
		font-size: 20px;
		  font-weight: 400;
	}
	.about-bottom-grids {
	  margin-top: 1em;
	}
	.about-bottom-left p span {
	  margin: 1em 0;
	    text-align: left;
	}
	.about-bottom-right {
	  margin-top: 2em;
	}
	.team {
	  padding: 2em 0;
	}
	.team-info	h3 {
	  font-size: 26px;
	}
	.team-grid {
	  float: none;
	  width: 100%;
	  padding: 0;
	}
	.team-grid:nth-child(2) {
	  margin-top: 2em;
	}
	.a-banner-bottom-text {
	  padding: 0;
	}
	.products-top h3 {
	  font-size: 26px;
	  line-height: 1.4em;
	}
	.products-number {
		margin-right: 1em;
	}
	.products-text h4 {
	  font-size: 20px;
	    margin: 0 0 .2em 0;
	}
	.products-text p {
	  font-size: 12px;
	}
	.products-grid {
	  margin-bottom: 2em;
	  padding: 0;
	}
	.products-number p {
		line-height: .5em;
	}
	.products-top-grids {
	  margin-top: 0em;
	}
	.products-bottom {
		padding: 2em 0;
	}
	.products-bottom h3 {
	  font-size: 26px;
	}
	.products-bottom-grids {
	  margin-top: 1em;
	}
	.e-page h3 {
		font-size: 8em;
	}
	.e-page {
	  padding: 9em 0 0 0;
	  min-height: 640px;
	}
	.e-page h5 {
	  font-size: 2em;
	}
	.mail {
	  padding: 1em 0;
	}
	.footer-middle {
	  margin: 0em 0;
	}
	.map iframe {
		min-height: 265px;
	}
	.mail-grid-left h3 {
	  font-size: 26px;
	}
	.mail-grid-left {
	  padding: 0;
	}
	.contact-form {
	  padding: 0;
	}
	.footer-middle {
	    margin: 2.2em 0;
	}
	.blog h2 {
	  font-size: 26px;
	  margin-top: 0px;
	}
	.blog-left b {
	  font-size: 2.5em;
	}
	.blog {
	  padding: 1.5em 0;
	}
	.single-middle h3 {
	  font-size: 2.2em;
	}
	.single-bottom h3 {
	  font-size: 2.1em;
	}
	.single-bottom input[type="submit"] {
	  width: 34%;
	}
	.mail-grid-left {
	  padding: 0 !important;
	}
	.contact-form {
	  padding: 0;
	}
	.contact-form {
	  padding: 0 !important;
	}
	.specialty-grids-top:nth-child(2) {
	  margin-top: 0;
	}
	.specialty-button {
	  margin: 0em 0 2em;
	}
	.footer-left input[type="text"] {
	  margin-bottom: .2em;
	}
	.address p {
	  margin: .6em 0 0 0;
	}
	.phone {
	  margin-top: 1em;
	}
	.phone p {
	  margin: 0em 0 0 0;
	}
	.footer-right a img {
	  width: 50%;
	}
	.top-blog p {
	   font-size: 12px;
       margin: 7px 0;
	}
	.in-media {
	  padding: 0 0 0 1em;
	}
	.team-grid p {
	  font-size: 14px;
	  line-height: 1.7em;
	}
	.team-grid h6 {
	  margin: 1em 0 .3em 0;
	}
	.about-bottom-left p {
	  font-size: 13px;
	}
	.about-info h5 {
	  font-size: 13px;
	}
	.team-info {
	  text-align: center;
	}
	.banner-bottom-left p {
	  font-size: 14px;
	}
	.see-button a {
	  font-size: 13px;
	  padding: 1em 2em;
	}
	.specialty-grids {
	  padding: 0;
	  margin-top: 2em;
	}
}