﻿body{
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	 font-size:14px;
	background:#ffffff;
	padding-top:60px;
}


html,
body {
    height: 100%;
}


ul,h1,h2,h3,h4,h5,h6{ padding:0; margin:0; }
ul li{
	list-style: none;
}
.ws_images{
	margin-top: 20px;
}
.ws_images h4{
	line-height: 1.5;
}
a:hover, a:visited, a{
	text-decoration: none;
}
div{
font-family: lato, "PingFang SC", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑, sans-serif;
}
p{ font-size:16px; line-height:24px; color:#555555; font-weight:normal;}
img.full-width{ width:100%;}

.product-in p{
	font-size:14px;
}
/** Margins **/

.mar-top-5 {
	margin-top:5px;
}
.mar-top-10 {
	margin-top:10px;
}
.mar-top-15 {
	margin-top:15px;
}
.mar-top-20 {
	margin-top:20px;
}
.mar-top-25 {
	margin-top:25px;
}
.mar-top-30 {
	margin-top:30px;
}
.mar-top-35 {
	margin-top:35px;
}
.mar-top-40 {
	margin-top:40px;
}
.mar-top-45 {
	margin-top:45px;
}
.mar-top-50 {
	margin-top:50px;
}
.mar-top-55 {
	margin-top:55px;
}
.mar-top-60 {
	margin-top:60px;
}
.mar-top-70 {
	margin-top:70px;
}
.mar-top-80 {
	margin-top:80px;
}
.mar-top-90 {
	margin-top:90px;
}
.mar-top-100 {
	margin-top:100px;
}
.mar-top-110 {
	margin-top:110px;
}
.mar-top-120 {
	margin-top:120px;
}
.mar-top-130 {
	margin-top:130px;
}
.mar-top-140 {
	margin-top:140px;
}
.mar-top-150 {
	margin-top:150px;
}
.mar-top-160 {
	margin-top:160px;
}
.mar-top-170 {
	margin-top:170px;
}

.mar-btm-3 {
	margin-bottom:0px;
}
.mar-btm-5 {
	margin-bottom:5px;
}
.mar-btm-10 {
	margin-bottom:10px;
}
.mar-btm-15 {
	margin-bottom:15px;
}
.mar-btm-20 {
	margin-bottom:20px;
}
.mar-btm-25 {
	margin-bottom:25px;
}
.mar-btm-30 {
	margin-bottom:30px;
}
.mar-btm-35 {
	margin-bottom:35px;
}
.mar-btm-40 {
	margin-bottom:40px;
}
.mar-btm-45 {
	margin-bottom:45px;
}
.mar-btm-50 {
	margin-bottom:50px;
}
.mar-btm-55 {
	margin-bottom:55px;
}
.mar-btm-60 {
	margin-bottom:60px;
}
.mar-btm-70 {
	margin-bottom:60px;
}
.mar-btm-80 {
	margin-bottom:60px;
}
.mar-btm-90 {
	margin-bottom:60px;
}
.mar-btm-100 {
	margin-bottom:60px;
}

/** text aligns **/

.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-left {
	text-align:left;
}
.text-uppercase {
	text-transform:uppercase;
}
.text-justify {
	text-align:justify;
}
.text-white {
	color:#FFF !important;
}


/** float **/
.al {
	float: left;
}
.ar {
	float: right;
}


.trs{
	transition:all .5s ease 0s;
  -webkit-transition:all .5s ease 0s;
  -moz-transition:all .5s ease 0s;
  -o-transition:all .5s ease 0s;
  -ms-transition:all .5s ease 0s;
  }


.font-10 {
	font-size: 10px;
}
.font-12 {
	font-size: 12px;
}
.font-16 {
	font-size: 16px !important;
}
.font-18 {
	font-size: 18px !important;
}
.font-25 {
	font-size: 25px !important;
}
.font-40 {
	font-size: 40px !important;
}
.font-36 {
	font-size: 36px !important;
	line-height: 36px;
}


/*header area*/

 h2{
 font-family: lato,'PingFang SC',"Microsoft YaHei","微软雅黑",STXihei,"华文细黑",sans-serif;
 }
.head-right{ text-align:right;}
.navbar-wrapper{
/*position: absolute;*/
    width: 100%;}
.category em{
	font-style: normal;
	font-weight: normal;
}
@media only screen and (max-width: 767px){
	.navbar-header a .entypo {
		display: inline-block;
		zoom: 1;
		font-size: 24px;
		text-shadow: 0 1px rgba(0,0,0,0.2);
	}
	.entypo-mobile:before {
		content: '\e8a4';
	}
	[class^="entypo-"]:before, [class*=" entypo-"]:before {
		font-family: "entypo";
		font-style: normal;
		font-weight: normal;
		speak: none;
		display: inline-block;
		text-decoration: inherit;
		width: 1em;
		text-align: center;
		font-variant: normal;
		text-transform: none;
		line-height: 1em;
	}
	/*
	.navbar-header a {
		display: block;
		position: relative;
		z-index: 1020;
		pointer-events: all;
		color: #fff;
		width: 46px;
		height: 34px;
		border-radius: 3px;
		background: rgba(114,114,114,0.9);
		text-align: center;
		cursor: pointer;
	}*/
	.mobile{
		float: right;
		display: block;
		position: relative;
		z-index: 1020;
		pointer-events: all;
		color: #fff;
		width: 46px;
		height: 34px;
		border-radius: 3px;
		background: rgba(114,114,114,0.9);
		text-align: center;
		cursor: pointer;
		margin-top: 10px;
	}
	.mobile-actions.translate {
		-webkit-transform: translate3d(0,215px,0);
		transform: translate3d(0,215px,0);
		opacity: 1;
	}
	.mobile-actions {
		position: fixed;
		top: -170px;
		right: 10px;
		display: block !important;
		opacity: 0;
		z-index: 999;
		cursor: pointer;
		height: 172px;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: all .4s cubic-bezier(.7,0,.3,1);
		transition: all .4s cubic-bezier(.7,0,.3,1);
	}
	.mobile-actions li {
		margin: 5px;
	}
	.mobile-actions li a {
		display: block;
		position: relative;
		z-index: 1020;
		pointer-events: all;
		color: #fff;
		width: 46px;
		height: 34px;
		border-radius: 3px;
		background: rgba(114,114,114,0.9);
		text-align: center;
		cursor: pointer;
	}
	.mobile-actions li a .fa, .mobile-actions li a .entypo {
		display: inline-block;
		zoom: 1;
		margin: 8px auto;
		font-size: 18px;
		text-shadow: 0 1px rgba(0,0,0,0.2);
	}
	.entypo-mail:before {
		content: '\e919';
	}
	.mobile_middle_image{
		display:block !important;
	}
	.desktop_middle_image{
		display:none !important;
	}
	.mobile{
		display:block !important;
	}
}
.mobile{
	display: none;
}
.mobile-actions {
	display:none;
}
.mobile_middle_image{
	display:none;
}
.desktop_middle_image{
	display:block;
}
.navbar-inverse {
   background-color:rgba(255,255,255,1); padding:5px 0;
     border:none;
}
.navbar{ margin-bottom:0;background:#FFFFFF;}
.navbar-header{ padding:0 15px;}
.navbar-brand{ padding:0px; float:none; margin:0 !important;
    max-width: 200px;
    display: block;
	}
.navbar-nav{ /*padding-right:15px;*/ float:none;}
.navbar-collapse{ /*float:right;*/ text-align:right;    }
.navbar-collapse.collapse{  display: inline-block !important;}
.navbar-inverse .navbar-nav>li>a{ font-size:16px; color:#696c6f; text-transform:uppercase; font-weight:normal;
    padding-top: 10px;
    padding-bottom: 10px;
    padding: 10px 5px;
	font-family: lato, "PingFang SC", "Microsoft YaHei", 微软雅黑, STXihei, 华文细黑, sans-serif;
	}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #0096ff;
    background:none;
	font-weight:normal;
}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
    color: #0096ff;
    background:none;
	font-weight:normal;
}


.navbar-inverse .navbar-nav>li{ position:relative; float:none; display:inline-block;}
/*.navbar-inverse .navbar-nav>li:after {
    content: "";
    position: absolute;
    height: 24%;
    width: 1px;
    background: #858483;
    right: 0; top:37%;
}*/
.navbar-inverse .navbar-nav>li:last-child:after {
    background:none;
}




.article-outer{ background:#f2f2f2;    }

h1.main-head{ font-size:36px;
color:#222222;
 text-transform:uppercase;
 font-weight:normal; padding-bottom:30px;

  }




.post-box>p {

    color: #333;
    font-size: 16px;
    padding: 15px;
    line-height:24px;
    min-height: 50px;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.post-box .category, .post-box .vertical {
	    font-size: 24px;
    color: #000000;
    display: inline-block;
	margin-top:10px;
    margin-bottom:15px;
    position: relative;
	font-weight:normal;
}






.flex-direction-nav{ display:none;}


.our-services{

	}
.service-icon{
	width:80px;
	height:80px;
	border-radius:50%;
	margin:auto;
	border:#cacaca 1px solid;
	text-align:center;
	}

.glyphicon {
    font-size: 35px;
}


.btn-lg-outline {
  background-color: transparent;
  border-color: #000;
  effect-color: transparent;
}

#switch-left:active {
  box-shadow: 0 0px 0 #00823F;
  top: 3px;
}

#switch-right:active {
  box-shadow: 0 0px 0 #00823F;
  top: 3px;
}

.service-icon i{ font-size:24px; color:#8b898e; line-height:80px;
	}


.filtr-item {
    padding: 1rem;
}

.scene-swithc-left {
    position:absolute; top:47%;
    left:0%;
}

.scene-swithc-right {
    position:absolute; top:47%;
    right:0%;
}

.filtr-item-in{ border:#efefef 1px solid; background:#fff;  padding:30px 15px; }


.pro-price{ font-size:18px; color:#6d6e6e; font-weight:bold;}
.add-cart-btn{
	    font-size: 12px;
    color: #74787b;
    border: #8d8d8d 1px solid;
    padding: 10px 30px;
    border-radius: 25px;
	text-transform:uppercase;
	}
.add-cart-btn i{ font-size:14px; margin-right:10px;}
.add-cart-btn:hover{ background:#0096ff; border-color:#0096ff; color:#fff;
}



.testimonials{ border-right:#e2e2e2 1px solid; padding-right:30px; }


.blog-big-img{ position:relative;}
.blog-big-img img{ width:100%; }
.blog-big-img .over-light {
    background-color: rgba(20,20,20,0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.blog-big-img .over-light .plus-btn{ position:relative; top:50%;}
.blog-big-img .over-light .plus-btn a{ width:70px; height:70px; background:#fd4e33; display:block; margin-top:-35px; }
.blog-big-img .over-light .plus-btn a img{ width:28px; height:28px; margin:21px;}





a.blog-read-more{
    font-size: 11px;
    color: #74787b;
    border: #8d8d8d 1px solid;
    padding: 7px 30px;
    border-radius: 20px;
}
a.blog-read-more:hover{
    background: #0096ff;
    border-color: #0096ff;
    color: #fff;
}


.list-aggregate{ width:100%; }
.list-aggregate>li {
    padding: 10px 0;
	max-height:71px;
	min-height:71px; overflow:hidden;
	border-bottom:#e2e2e2 1px solid;



}

.list-aggregate>li .blog-small-img{
	max-width:70px; float:left;
	margin-right:15px;
	}
.list-aggregate>li .blog-text{

	}

.list-aggregate>li .blog-text .small-title{
	font-size:14px; color:#464545; line-height:14px; margin-bottom:0px;
	}







h3.blue-text{ font-size:24px; color:#2295d0; font-weight:normal; }

.product-outer{
	background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    background-position: 50% 50%;
	    background-image:url(../images/190.jpg);

	}
.product-outer-overlay{
	/*background:url(../images/overlay.png);*/
	background: rgba(70,70,70,0.35);
	}




h1.main-head-white {
    font-size: 36px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    padding-bottom: 30px;
}

.product-in{}
.product-in .category{   font-size: 24px;
    color: #fff; font-weight:normal;  }
.product-in p{ color: #fff;}
.product-in .read-more{ color:#88c434; font-size:14px; text-decoration:underline;}


.careers-outer{
background:#f4f4f4;
}



.careers-in{
	}

.careers-in .titile{ font-size:28px; color:#222222; font-weight:normal; }
.careers-in .titile-sub{ font-size:18px; color:#222222; font-weight:normal; }

ol.careers-list{   list-style:decimal; }
ol.careers-lis li{}




.partners{}


h1.main-head-blue {
    font-size: 36px;
    color: #2295d0;
    text-transform: uppercase;
    font-weight: bold;
    padding-bottom: 30px;
}


.nav-thumbflip a {
  perspective: 1000px;
}
.nav-thumbflip a.prev {
  perspective-origin: 100% 50%;
}
.nav-thumbflip a.next {
  perspective-origin: 0% 50%;
}
.nav-thumbflip .icon-wrap {
  display: block;
  width: 100px;
  height: 100px;
  background-color: #b1a798;
  transition: background-color 0.3s;
}
.nav-thumbflip svg.icon {
  position: relative;
  top: 50%;
  transition: fill 0.3s;
  transform: translateY(-50%);
  fill: #fff;
}
.nav-thumbflip img {
  position: absolute;
  top: 0;
  transition: transform 0.3s;
  backface-visibility: hidden;
}
.nav-thumbflip a.prev img {
  left: 100%;
  transform: rotateY(90deg);
  transform-origin: 0% 50%;
}
.nav-thumbflip a.next img {
  right: 100%;
  transform: rotateY(-90deg);
  transform-origin: 100% 50%;
}
.nav-thumbflip a:hover .icon-wrap {
  background-color: #fff;
}
.nav-thumbflip a:hover svg.icon {
  fill: #c1b8ab;
}
.nav-thumbflip a:hover img {
  transform: rotateY(0deg);
}








.site-footer{ background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent;
    background-position: 50% 50%;
    background-image: url(../images/190.jpg);


}

.site-footer-overlay{
	background: rgba(70,70,70,0.35); 
	padding-top:50px;
	}



h4.footer-head{
	font-size:26px; color:#0000; font-weight:bold;
	}
.footer-address{
	color:#fff; font-size:17px; line-height:28px;

	}
.footer-address a{ color:#fff; text-decoration:underline; }

.copy-right{  
	color:#000;
	}

.virtualreality{ position:fixed;
	right:55px;
 	bottom:70px;
	z-index:99999999999;
}

.virtualreality a{
	width: 100px;
    height: 0px;
    margin-top:0px;
    border-radius: 0px;
    display: block;
    cursor: pointer;
	background:#000000;
	color:#000;
	text-align:center;
	font-size:16px;
	line-height:30px;

	}

.virtualreality a:hover{
	background:#069cea;
}

.next-navigation{ position:fixed;
	right:30px;
 	bottom:10px;
	z-index:99999999999;
}

.next-navigation a{
	width: 30px;
    height: 30px;
    margin-top:3px;
    border-radius: 3px;
    display: block;
    cursor: pointer;
	background:#101010;
	color:#fff;
	text-align:center;
	font-size:16px;
	line-height:30px;

	}

.next-navigation a:hover{
	background:#069cea;
}






/******************************
responsive area
********************************/

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

#wowslider-container1 .ws-title{
	top: 15%;
	}


}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {

.banner-contact .banner-contact-boxs{
	   padding-left:15px;
	   }
.banner-contact .banner-contact-boxs:first-child {
    padding-left:40px;
}
.banner-contact-boxs-text b {
    font-size: 16px;
}

#wowslider-container1 .ws-title{
	top: 12%;
	}
#wowslider-container1 .ws-title div{
	 margin-left: 7%;
    margin-right: 7%;
	}







}
@media (max-width: 767px) {

.fa-mobile{
	font-size: 35px;
}
.head-right{ text-align:center;}
.navbar-wrapper{ position:relative; }

.site-logo{ max-width:200px; }
.site-logo img{ max-width:150px !important; margin-top:5px;}

.navbar-collapse{ float:none;}
.navbar-collapse.collapse{ display:block !important; }
.navbar-inverse .navbar-nav>li{ border-bottom:#f0f0f0 1px solid;
display:block;
    text-align: left;}
.navbar-inverse .navbar-nav>li:after {
    background:none;
}
.navbar-inverse .navbar-toggle {
    border-color: #008eda;
	background:#008eda;
	    margin-top: 15px;

}
.navbar-collapse{
	 position: absolute;
    width: 100%;
    background: #fff;
    margin-top: 0;
	border: none !important;
}



#wowslider-container1 .ws-title{
	top:3%;
	}

#wowslider-container1 .ws-title div{
	 margin-left: 3%;
    margin-right: 3%;
	}

#wowslider-container1 .ws-title{ font-size:28px; line-height:32px;}
#wowslider-container1 .ws-title span{ font-size:12px;}
#wowslider-container1 .ws-title div{ font-size:18px; line-height:24px;}
#wowslider-container1 .ws-title div h2{ font-size:18px; line-height:18px;}
#wowslider-container1 .ws-title div h3 { display:none;}



    .side-collapse-container{
              width:100%;
              position:relative;
              left:0;
              transition:left .4s;
          }
          .side-collapse-container.out{
              left:200px;
          }
          .side-collapse {
              top:80px;
              bottom:0;
              left:0;
              width:200px;
              position:fixed;
              overflow:hidden;
              transition:width .4s;
          }
          .side-collapse.in {
              width:0;
          }



		  }

/* xs */
@media (max-width: 480px) {










}

/* XS Portrait */
@media (max-width: 479px) {


}
