/*reset*/
:focus{outline:0;}
body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;}
em{font-style:normal;}
img{border:none;}
/*li,ul,ol{list-style:none;}*/
a{text-decoration:none;color:#4d4d4d;}
input{padding:0px;vertical-align: middle;line-height: normal;border:none;} 
body{overflow-x:hidden;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0;}
a:focus {outline: none;}



/*share*/
body{font-size:12px;font-family:'微软雅黑','Microsoft Yahei',Arial,serif;font-weight:100;color:#4d4d4d;}
.bold{font-weight:bold;}
.fontRed{color:red;}
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}

@media only screen and (max-width: 768px) {
	.row{margin:0;}
}


*:link,*:visited,*:hover,*:active,*:focus{
 transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;
 -webkit-transition:color .30s linear, background-color .30s linear, border-color .30s linear,opacity .30s linear,background-image .30s linear;}
 
@font-face {
    font-family: 'GreatVibes';
    src:url(../font/GreatVibes.eot);
    src: url(../font/GreatVibes.eot?#iefix) format('embedded-opentype'),
	 url(../font/GreatVibes.svg#GreatVibes) format('svg'),
	 url(../font/GreatVibes.woff) format('woff'),
	 url(../font/GreatVibes.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

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



.nav-box{background:#191918;padding:25px 0;-webkit-transition:all var(--transition-time,300ms);
	-o-transition:all var(--transition-time,300ms);
	transition:all var(--transition-time,300ms);}
#logo{display:inline-block;float:left;}
#logo img{max-width:340px;width:auto;height:auto;-webkit-transition:all var(--transition-time,300ms);
	-o-transition:all var(--transition-time,300ms);
	transition:all var(--transition-time,300ms);}
#logo h1,#logo_mobile h1{display:inline-block;margin:0;padding:0;}
#logo_mobile{display:none;}


.head-share{float:right;list-style:none;padding-top:12px;}
.head-share li{display:inline-block;margin:0 12px;}
.head-share li:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.head-share li.head-fixed{position:relative;}
.head-share li.head-fixed .code{position:absolute;left:50%;top:60px;padding-top:15px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;margin-left:-90px;transform:scaleX(0);
	-webkit-transition:all var(--transition-time,300ms);
	-o-transition:all var(--transition-time,300ms);
	transition:all var(--transition-time,300ms);}
.head-share li.head-fixed .code:after{position:absolute;left:50%;top:-10px;content:"\f0d8";font-family:FontAwesome;color:#fff;font-size:24px;margin-left:-8px;}
.head-share li.head-fixed:hover .code{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;top:18px;z-index:1;visibility:visible;transform:scaleX(1);}
.head-share li.head-fixed .code>div{padding:15px;background:#fff;border-radius:2px;text-align:center;min-width:180px;border:1px solid #f2f2f2;}
.head-share li.head-fixed .code>div p{color:#006990;margin-top:5px;font-weight:400;}
.head-share li.head-fixed .code>div img{max-width:100px;max-height:100px;height:auto;}


/* Top Search*/
.search_box{width:100%; background:#f8f8f8;position:relative;z-index:2;background:url(../images/search-bg.jpg) no-repeat 80% center;}
.search i{width:28px; height:28px; text-align:center;background:url(../images/search.png) no-repeat center center;display:inline-block;}
.top-search { display: none; width:100%;}
.top-search h4{font-size:24px; text-align:center; color:#333; margin:20px 0;font-family:'Montserrat';font-weight:700; text-transform:capitalize; }
.top-search .input-group-addon i {float: right;position:absolute; right:0px; top:0px; width:28px; height:28px; line-height:28px;font-size:22px;}
.top-search .input-group-addon i:hover{color:#006990;}
.top-search .form-control {box-shadow:none;border:1px solid #e5e5e5;color: #999;height: 40px;line-height: 40px;padding: 0 50px 0 15px;text-align: left;background:#fff;border-radius:0px; font-size:14px;}
.top-search input.form-control:focus{ border:1px solid #ccc;color:#333;}
.top-search .input-group {padding:10px 0px 25px; max-width:750px; margin:0 auto; width:100%;}
.top-search .input-group-addon.close-search {cursor: pointer;}
.btn_search1 {background:#191918;bottom: 0px;height:40px;position: absolute;right:0;width:60px;z-index: 3;color:#fff;}
.header_search {position: relative;}
.top-search .input-group-addon{background-color: transparent;border: none;color: #666;padding-left: 0;padding-right: 0;}
.top-search .input-group-addon.close-search{cursor: pointer; float:right;}
.attr-nav{ float:right;padding-top:0;margin-right:20px;padding-top:12px;}
.attr-nav ul li{ list-style:none;}


/* Sizes for the bigger menu */
header{width: 100%;position: fixed;z-index: 999999;padding: 0;}
header.large{height:;top:0;background:#fff;}
header .row{position:relative;}
header.small{height: ;left:0;top:0;}
header.small #logo img{max-width:;}
.height{padding-top:113px;}

@media only screen and (min-width: 992px) {
	header.small .nav-box{padding:15px 0;}
	header.small #logo img{max-width:310px;}
}

@media only screen and (max-width: 1470px) {
	.nav-box{padding:10px 0;}
	#logo{display:none;}
	#logo_mobile{display:inline-block;float:left;padding-top:14px;}
	.head-share,.attr-nav{padding-top:12px;}
	.height{padding-top:76px;}
}

@media only screen and (max-width: 1200px) {
	.height{padding-top:74px;}
}

@media only screen and (max-width: 992px) {
	header{padding:0;position:inherit;}
	header.large{top:0;}
	header.small{border:none;}
	.nav-box{padding:15px 0;}
	.height{padding-top:0;}
	.attr-nav{position:absolute;right:0;top:0;z-index:9999999;padding-top:18px;}
	#logo_mobile{z-index:9999999;position:relative;padding-top:0;}
	.attr-nav{padding:0;}
	.head-share{display:none;}
	.top-search h4{font-size:18px;text-align:left;}
	.top-search .form-control{font-size:12px;}
}

@media only screen and (max-width: 380px) {
	.attr-nav{margin-right:0;}
	.mean-container a.meanmenu-reveal{margin-right:35px;}
}


.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{width:56px;height:56px;background:rgba(0,0,0,0.3);line-height:56px;border-radius:50%;}
.glyphicon-chevron-left:before{content:"\f104";font-size:48px;}
.glyphicon-chevron-right:before{content:"\f105";font-size:48px;}
@media only screen and (min-width: 768px) {
	.carousel-control.left{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;width:10%;}
	.carousel-control.left:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
	.carousel-control.right{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;width:10%;}
	.carousel-control.right:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
}

@media only screen and (max-width: 992px) {
	.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{top:40%;}
	.glyphicon-chevron-left:before,.glyphicon-chevron-right:before{font-size:36px;}
	.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{left:10px;}
	.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{right:10px;}
}


.main-title{display:block;text-align:center;margin-bottom:30px;}
.main-title span{color:#006990;display:block;font-size:62px;margin-bottom:6px;font-family: 'GreatVibes';line-height:62px;}
.main-title .title{width:330px;display:inline-block;margin:auto;position:relative;}
.main-title .title:after{display:inline-block;background:#f2f2f2;height:1px;width:100%;content:'';position:absolute;left:0;top:12px;}
.main-title .title em{color:#333333;display:inline-block;font-size:24px;padding:0 10px;line-height:24px;background:#fff;position:relative;z-index:1;}
.main-title .text{color:#808080;font-size:12px;margin-top:25px;font-weight:400;}

.main-more{display:block;text-align:right;margin-top:20px;}
.main-more a{color:#333333;font-size:16px;letter-spacing:2px;display:inline-block;}
.main-more a i{padding-left:10px;color:#cccccc;-webkit-transition:all var(--transition-time,300ms);
	-o-transition:all var(--transition-time,300ms);
	transition:all var(--transition-time,300ms);}
.main-more a:hover,.main-more a:hover i{color:#006990;text-decoration:none;}

.single-more{
	display:inline-block;
	margin-top:30px;
	font-size:12px;
	font-weight:bold;
	border:2px solid #808080;
	color:#181919;
	padding:8px 40px;
	letter-spacing:2px;
}
.single-more.button-ujarak {
  position: relative;
  z-index: 0;
  transition: background 0.4s .3s, border-color 0.4s, color 0.4s 0.05s;
}

.single-more.button-ujarak::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #181919;
  z-index: -1;
  opacity: 0;
  transform: scale3d(0.7, 1, 1);
  transition: transform 0.42s, opacity 0.42s;
  border-radius: inherit;
}

.single-more.button-ujarak, .button-ujarak::before {
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.single-more.button-ujarak:hover {
  transition: background 0.4s .3s, border-color 0.4s, color 0.4s;
  text-decoration:none;
  color:#f9ca84;
  border:2px solid #181919;
}

.single-more.button-ujarak:hover::before {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}

@media \0screen\,screen\9 {.single-more.button-ujarak:hover{background:#f9960a;} }



@media only screen and (max-width: 1200px) {
	.main-title span{font-size:48px;line-height:50px;}
	.main-title .text{margin-top:15px;}
}

@media only screen and (max-width: 768px) {
	.main-title .title{width:100%;}
	.main-title span{font-size:40px;}
	.main-title .title em{font-size:20px;}
	.main-more{text-align:center;margin-top:10px;}
}

.main-photo{padding:60px 0;}

.mphoto-list{list-style:none;}
.mphoto-left,.mphoto-right,.mphoto-list .list02{padding:0 5px;}
.mphoto-list li{margin-bottom:10px;}
.mphoto-list li>div{position:relative;overflow:hidden;}
.mphoto-list li>div a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:2;}
.mphoto-list li>div img{max-width:100%;height:auto;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.mphoto-list li>div:hover img{
	-webkit-transform:scale(var(--scale-multiplier,1.05));
	-ms-transform:scale(var(--scale-multiplier,1.05));
	transform:scale(var(--scale-multiplier,1.05));
}
.mphoto-list li>div .text{position:absolute;left:0;bottom:-50%;padding:10px 5px;width:100%;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.mphoto-list li>div:hover .text{bottom:0;}
.mphoto-list li>div .text>div{background:rgba(0,0,0,0.6);padding:15px;}
.mphoto-list li>div .text>div .title{float:left;color:#ffffff;font-size:16px;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.mphoto-list li>div .text>div:hover .title{margin-top:0;}
.mphoto-list li>div .text>div>span{float:right;color:#fff;font-size:12px;padding-top:4px;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.mphoto-list li>div .text>div>span i{padding-left:5px;}

.main-photo .main-more{border-bottom:1px solid #e5e5e5;padding-bottom:20px;}

@media only screen and (max-width: 992px) {
	.main-photo{padding:40px 0;}
	.mphoto-list li>div .text{bottom:0;}
	.mphoto-list li>div .text>div{padding:5px 10px;}
	.mphoto-list li>div .text>div>span{display:none;}
	.mphoto-list li>div .text>div .title{font-size:14px;}
}

@media only screen and (max-width: 768px) {
	.main-photo{padding:30px 0;}
	.mphoto-list .list02{display:none;}
}


@media only screen and (max-width: 360px) {
	.mphoto-left, .mphoto-right{width:100%;}
}


.main-theme{padding-bottom:60px;}
.nav > li > a {
    display: block;
    padding: 0;
    position: relative;
}

.nav-tabs {position: relative;text-align: center;border:none;min-height:110px;}
.nav-tabs:after{position:absolute;left:0;top:30px;content:"";height:1px;z-index:1;width:100%;background:#e5e5e5;}
.features-tab .nav-tabs > li {float: none;margin-bottom: 0;float: left;margin:0 40px;}
.features-tab .nav-tabs > li > a {
	border: 0;
    border-radius: 0;
    line-height: 1.42857;
    display: inline-block;
    cursor: pointer;
    list-style: outside none none;
    overflow: hidden;
    position: relative;
	margin:0;
	background:#fff;
	z-index:2;
}
.features-tab .nav-tabs > li > a span{height:55px;width:100%;display:inline-block;background:url(../images/theme-plus.png) no-repeat left 27px, url(../images/theme-plus.png) no-repeat right 27px;}
.features-tab .nav-tabs > li > a span p{height:55px;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.features-tab .nav-tabs > li > a em{color:#333333;display:block;font-size:14px;font-weight:400;margin-top:12px;}
.features-tab .nav-tabs > li > a>p{color:#999999;display:inline-block;font-size:12px;font-family: 'Raleway-Regular';text-transform:uppercase;padding-top:5px;}

.features-tab .nav-tabs > li > a.tab01 span p{background:url(../images/theme-london.png) no-repeat center center;}
.features-tab .nav-tabs > li > a.tab02 span p{background:url(../images/theme-paris.png) no-repeat center center;}
.features-tab .nav-tabs > li > a.tab03 span p{background:url(../images/theme-prague.png) no-repeat center center;}
.features-tab .nav-tabs > li > a.tab04 span p{background:url(../images/theme-santorini.png) no-repeat center center;}
.features-tab .nav-tabs > li > a.tab05 span p{background:url(../images/theme-rome.png) no-repeat center center;}
.features-tab .nav-tabs > li > a.tab06 span p{background:url(../images/theme-venice.png) no-repeat center center;}
.features-tab .nav-tabs > li > a.tab07 span p{background:url(../images/theme-montreux.png) no-repeat center center;}
.features-tab .nav-tabs > li > a.tab08 span p{background:url(../images/theme-interlaken.png) no-repeat center center;}
.features-tab .nav-tabs > li > a.tab09 span p{background:url(../images/theme-newZealand.png) no-repeat center center;}

.features-tab .nav > li > a:focus em,.features-tab .nav > li > a:hover em,.features-tab .nav > li > a:focus>p,.features-tab .nav > li > a:hover>p{color:#006990;}

.features-tab .nav-tabs > li.active > a,.features-tab  .nav-tabs > li.active > a:focus,.features-tab  .nav-tabs > li.active > a:hover {border: medium none;}
.features-tab .nav-tabs > li.active > a em,.features-tab  .nav-tabs > li.active > a:focus em,.features-tab  .nav-tabs > li.active > a:hover em {border: medium none;color:#006990;}
.features-tab .nav-tabs > li.active > a p,.features-tab  .nav-tabs > li.active > a:focus p,.features-tab  .nav-tabs > li.active > a:hover p {border: medium none;color:#006990;}
.features-tab .nav-tabs > li.active > a.tab01 span p{background:url(../images/theme-london-h.png) no-repeat center center;}
.features-tab .nav-tabs > li.active > a.tab02 span p{background:url(../images/theme-paris-h.png) no-repeat center center;}
.features-tab .nav-tabs > li.active > a.tab03 span p{background:url(../images/theme-prague-h.png) no-repeat center center;}
.features-tab .nav-tabs > li.active > a.tab04 span p{background:url(../images/theme-santorini-h.png) no-repeat center center;}
.features-tab .nav-tabs > li.active > a.tab05 span p{background:url(../images/theme-rome-h.png) no-repeat center center;}
.features-tab .nav-tabs > li.active > a.tab06 span p{background:url(../images/theme-venice-h.png) no-repeat center center;}
.features-tab .nav-tabs > li.active > a.tab07 span p{background:url(../images/theme-montreux-h.png) no-repeat center center;}
.features-tab .nav-tabs > li.active > a.tab08 span p{background:url(../images/theme-interlaken-h.png) no-repeat center center;}
.features-tab .nav-tabs > li.active > a.tab09 span p{background:url(../images/theme-newZealand-h.png) no-repeat center center;}

.single-product {padding:0 6px;}
.single-product .image{position:relative;}
.single-product .image>a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:3;}
.single-product .image img{max-width:100%;}
.single-product .image .ovrly{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;background:#000;
	-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.single-product:hover .image .ovrly{filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}

.single-product .image .logo{position:absolute;left:0;top:30px;text-align:center;width:100%;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;z-index:2;
	-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.single-product .image .logo img{max-width:175px;max-height:80px;width:auto;height:auto;}
.single-product:hover .image .logo{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.single-product .image .title{width:100%;color:#ffffff;display:block;padding:0 20px;font-size:48px;letter-spacing:8px;text-align:center;position:absolute;left:0;bottom:-100%;z-index:2;
	-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.single-product:hover .image .title{bottom:50%;}

.single-product .image .more{position:absolute;left:0;width:100%;bottom:-100%;text-align:center;z-index:4;
	-webkit-transition:all var(--transition-time,1200ms);
	-o-transition:all var(--transition-time,1200ms);
	transition:all var(--transition-time,1200ms);}
.single-product .image .more .single-more{border:2px solid #fff;color:#fff;font-family: 'Raleway-Regular';font-size:14px;text-transform:uppercase;}
.single-product .image .more .single-more:hover{color:#181919;}
.single-product .image .more .single-more.button-ujarak::before{background:#fff;}
.single-product:hover .image .more{bottom:130px;}

.single-product .image>p{text-align:center;color:#fff;font-size:12px;letter-spacing:2px;position:absolute;left:0;bottom:-100%;width:100%;z-index:2;
	-webkit-transition:all var(--transition-time,1200ms);
	-o-transition:all var(--transition-time,1200ms);
	transition:all var(--transition-time,1200ms);}
.single-product:hover .image>p{bottom:20px;}

.single-product .text .title{color:#333333;font-size:24px;display:inline-block;margin-top:10px;}
.single-product .text .title:hover{color:#006990;text-decoration:none;}
.single-product .text>p{color:#333333;font-size:16px;font-family: 'Raleway-Regular';}
.single-product .text:hover>p{color:#006990;}

/* 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);padding-top:40px;}
.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;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, 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);
}


.indicator-style.owl-theme .owl-controls .owl-buttons div {
    background: inherit;
    border-radius: 0;
    color: #999;
    font-family: Lato;
    font-size: 18px;
    font-weight: 200;
    margin: 5px;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 5px;
    top: 10px;
}
.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev {
    right: 30px;
}
.indicator-style.owl-theme .owl-controls .owl-buttons div:hover {
    color: #006990;
}


@media only screen and (max-width: 1470px) {
	.features-tab .nav-tabs > li{margin:0 26px;}
}

@media only screen and (max-width: 1200px) {
	.tab-scroll{height:130px;overflow-x:scro;display: inline;white-space: nowrap;overflow-x:scroll;float:left;overflow-y:hidden;width:100%;position:relative;z-index:99999;}
	.nav-tabs{min-height:130px;height:130px;display:block;width:1220px;}
	.features-tab .nav-tabs > li{margin:0 30px;margin-bottom:15px;}
	.nav-tabs:before{position:absolute;left:0;top:153px;content:"";height:1px;z-index:1;width:100%;background:#e5e5e5;}
	.owl-carousel .owl-wrapper{padding-top:20px;}
	.indicator-style.owl-theme .owl-controls .owl-buttons div{background:rgba(0,0,0,0.3);border-radius:50%;width:56px;height:56px;text-align:center;line-height:56px;top:48%;}
	.main-theme .fa-chevron-left,.main-theme .fa-chevron-right{line-height:56px;color:#fff;}
	.main-theme .fa-chevron-left:before{content:"\f104";font-size:48px;}
	.main-theme .fa-chevron-right:before{content:"\f105";font-size:48px;}
	.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev{left:-40px;right:auto;}
	.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-next{right:-40px;left:auto;}
}

@media only screen and (max-width: 992px) {
	.main-theme{padding-bottom:40px;}
	.single-product .image .title{font-size:36px;}
	.single-product:hover .image .title{bottom:40%;}
	.single-product .image>p{bottom:20px;}
}

@media only screen and (max-width: 768px) {
	.main-theme{padding-bottom:30px;}
	.indicator-style.owl-theme .owl-controls .owl-buttons div{top:50%;}
	.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev{left:-15px;right:auto;}
	.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-next{right:-15px;left:auto;}
}

@media only screen and (max-width: 480px) {
	
	.single-product .image .more{display:none;}
}

.main-video{}
.main-video .video-main{position:relative;}
.video-main .image{position:relative;}
.video-main .image .ovrly{position:absolute;left:0;bottom:0;background:#000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;width:100%;height:100%;z-index:1;}
.video-main .image img{max-width:100%;height:auto;}
.video-main .text{
	position:absolute;
	left:70px;
	top:50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index:2;
}

.video-main .text .title{font-size:48px;letter-spacing:8px;display:block;color:#fff;font-weight:100;position:relative;margin-bottom:20px;}
.video-main .text:hover .title{text-decoration:none;}
.video-main .text>span{background:url(../images/video-title-bg.png) no-repeat left center;height:4px;width:100%;display:block;}
.video-main .text .more{color:#ffffff;font-size:18px;display:inline-block;background:url(../images/icon-right.png) no-repeat right center;padding-right:25px;letter-spacing:2px;margin-top:30px;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.video-main .text .more:hover{padding-right:20px;}

.video-main .add{position:absolute;right:20px;bottom:20px;z-index:2;text-align:left;}
.video-main .add em{display:inline-block;font-size:24px;background:url(../images/icon-add.png) no-repeat left center;padding-left:36px;color:#fff;}
.video-main .add p{color:#ffffff;font-size:18px;padding-left:36px;line-height:18px;}

@media only screen and (max-width: 992px) {
	.video-main .text{left:30px;}
	.video-main .text .title{font-size:36px;margin-bottom:10px;}
	.video-main .text .more{font-size:16px;margin-top:16px;}
	.video-main .add{right:10px;bottom:10px;}
	.video-main .add em{font-size:18px;}
	.video-main .add p{font-size:12px;}
}

@media only screen and (max-width: 768px) {
	.main-video .video-main{border-top:1px solid #e5e5e5;padding-top:20px;}
	.video-main .text{
		position:inherit;
		left:auto;
		top:auto;
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	.video-main .text .title{font-size:28px;color:#333;float:left;}
	.video-main .text>span{display:none;}
	.video-main .text .more{float:right;font-size:12px;color:#333333;font-weight:400;background:none;padding:0;}
}

@media only screen and (max-width: 500px) {
	.video-main .text .title{letter-spacing:0;font-size:24px;}
	.video-main .add em{font-size:14px;background-size:14%;padding-left:20px;}
	.video-main .add p{padding-left:20px;}
}

@media only screen and (max-width: 380px) {
	.video-main .text{text-align:center;}
	.video-main .text .title{display:block;text-align:center;float:none;}
	.video-main .text .more{font-size:12px;float:none;margin-top:0;margin-bottom:15px;color:#999;}
}

.main-about{padding:60px 0;}
.mabout-left{padding-left:20px;padding-top:30px;}
.mabout-left span{position:relative;display:block;}
.mabout-left span:before{content:"";display:block;width:100%;height:100%;background:#faf4ee;position:absolute;left:-20px;top:-20px;z-index:-1;}
.mabout-left span img{max-width:100%;height:auto;}
.mabout-right{padding:0 70px;padding-top:50px;}
.mabout-right .text{font-weight:400;color:#333333;font-size:14px;line-height:36px;max-height:252px;overflow:hidden;}


.main-team{background:#181919;padding:20px 0;}
.mteam-title em{color:#ffffff;letter-spacing:2px;font-size:48px;display:block;margin-bottom:20px;}
.mteam-title>p{color:#cccccc;font-size:14px;line-height:24px;font-weight:400;}
.mteam-list{list-style:none;padding-left:40px;}
.mteam-list li{padding:30px 35px 20px 35px;text-align:center;border-left:1px solid #464747;}
.mteam-list li .image{display:block;margin-bottom:45px;}
.mteam-list li .text{color:#cccccc;font-size:12px;line-height:20px;font-weight:400;}
.mteam-list li:last-child{border-right:1px solid #464747;}

@media only screen and (max-width: 1470px) {
	.mabout-right{padding-top:20px;}
}

@media only screen and (max-width: 1200px) {
	.mabout-right{padding:0 20px;padding-top:20px;}
}

@media only screen and (max-width: 992px) {
	.main-about{padding:40px 0;}
	.mabout-right .text{max-height:150px;line-height:30px;}
	.mteam-title em{font-size:40px;}
}

@media only screen and (max-width: 768px) {
	.main-about{padding:30px 0;}
	.mabout-left{padding:0;margin-bottom:20px;}
	.mabout-left span img{width:100%;}
	.mabout-left span:before{height:30%;}
	.mabout-right{padding:0;}
	
	.mteam-title em{font-size:36px;margin-bottom:15px;}
	.mteam-title>p{font-size:12px;}
	.mteam-list{padding:0;padding-top:15px;}
	.mteam-list li{padding:15px;border-top:1px solid #464747;border-left:none;}
	.mteam-list li .image{float:left;width:20%;margin:0;}
	.mteam-list li .image img{max-width:100%;height:auto;}
	.mteam-list li .text{float:left;padding-left:20px;width:80%;text-align:left;}
	.mteam-list li:last-child{border-right:none;border-bottom:1px solid #464747;}
}


.main-news{padding:60px 0;}
.mnews-main{padding-top:10px;}
.mnews-main .list{padding-right:40px;}
.mnews-main .list .top-title{text-align:center;border-bottom:1px solid #999999;padding-bottom:5px;position:relative;}
.mnews-main .list .top-title:after{content:'';height:7px;width:1px;display:inline-block;background:#999999;position:absolute;left:50%;bottom:-4px;}
.mnews-main .list .top-title em{color:#333333;display:inline-block;font-size:24px; vertical-align:middle;}
.mnews-main .list .top-title p{color:#999999;font-size:14px;text-transform:uppercase;display:inline-block;padding-left:5px; vertical-align:middle;}
.mnews-main .list ul{list-style:none;margin-top:20px;}
.mnews-main .list ul li{border-bottom:1px solid #e5e5e5;margin-bottom:15px;padding-bottom:15px;}
.mnews-main .list ul li .date{text-align:center;font-family: 'Raleway-Regular';float:left;width:16%;}
.mnews-main .list ul li .date em{color:#006990;display:block;font-size:36px;line-height:40px;}
.mnews-main .list ul li .date p{display:inline-block;color:#4c4c4c;font-size:12px;}
.mnews-main .list ul li .right{width:80%;float:left;padding-left:10px;}
.mnews-main .list ul li .right .title{color:#4c4c4c;display:block;margin-bottom:15px;font-size:14px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;max-width:100%;}
.mnews-main .list ul li:hover .right .title{color:#006990;}
.mnews-main .list ul li .right .text{color:#999999;line-height:20px;font-size:12px;overflow:hidden;height:40px;font-weight:400;}

.mnews-main .list .main-more{margin-top:10px;}
.mnews-main .list .main-more a{font-family: 'Raleway-Regular';font-size:14px;text-transform:uppercase;letter-spacing:0;}

@media only screen and (max-width: 992px) {
	.main-news{padding:40px 0;}
	.mnews-main .list .top-title em{font-size:18px;}
	.mnews-main .list .top-title p{font-size:12px;}
	.mnews-main .list ul li .date{width:20%;}
	.mnews-main .list ul li .date em{font-size:28px;}
}

@media only screen and (max-width: 768px) {
	.main-news{padding:30px 0;}
	.mnews-main .list{padding:0;padding-bottom:20px;border-bottom:1px solid #cccccc;margin-bottom:20px;}
	.mnews-main .list:last-child,.mnews-main .list .top-title:after{display:none;}
	.mnews-main .list .top-title{border:none;text-align:left;padding:0;}
	.mnews-main .list .top-title em{font-size:24px;}
	.mnews-main .list ul li{border-bottom:1px dashed #e5e5e5;}
	.mnews-main .list ul li .date{display:inline-block;margin-bottom:5px;width:auto;float:none;text-align:left;background:#f2f2f2;padding:5px;}
	.mnews-main .list ul li .date em{font-size:20px;display:inline-block;line-height:22px;}
	.mnews-main .list ul li .right{padding:0;float:none;}
	.mnews-main .list ul li .right .title{margin:0;}
	.mnews-main .list ul li .right .text{display:none;}
	.mnews-main .list .main-more{text-align:left;}
	.mnews-main .list .main-more a{color:#006990;}
}


.main-message{background:url(../images/con-bg.jpg) no-repeat left center;background-size:cover !important;padding:40px 0 60px 0;}

.message{float:right;text-align:center;}
.message .main-title .title em{background:#f8f8f8;}
.message .input{list-style:none;padding-top:10px;margin-bottom:30px;border-bottom:1px solid #d0cec9;padding-bottom:30px;}
.message .input li{margin-bottom:20px;padding:0 10px;}
.message .input li .meInput{width:100%;height:48px;font-family:'微软雅黑','Microsoft Yahei',Arial,serif;line-height:48px;padding:0 10px;color:#999999;border:1px solid #d9d9d9;}
.message .input li .meInput:focus{border:1px solid #006990;color:#333;}
.message .input li .meText{width:100%;max-width:100%;height:100px;max-height:100px;font-family:'微软雅黑','Microsoft Yahei',Arial,serif;padding:10px;border:1px solid #d9d9d9;}
.message .input li .meText:focus{border:1px solid #006990;color:#333;}

.message .project{}
.message .project ul{list-style:none;}
.message .project ul>p{color:#4c4c4c;display:inline-block;font-size:18px;font-weight:bold;padding-left:35px;background:url(../images/icon-service.png) no-repeat left center;}
.message .project ul li{display:inline-block;border-right:1px solid #585756;padding-right:20px;margin-right:20px;}
.message .project ul li:last-child{border-right:none;margin-right:0;padding-right:0;}
.message .project ul li a{color:#333333;font-size:16px;font-weight:400;line-height:16px;}
.message .project ul li a:hover{color:#006990;}
.message .project>p{color:#006990;font-size:14px;font-weight:bold;margin-top:15px;}

.message .single-more{padding:0;border:2px solid #808080;margin:0;}
.message .single-more input{background:none;text-transform:uppercase;padding:9px 30px 9px 30px;color:#1b1b1a;}
.message .single-more:hover input{color:#f9ca84;}
.message .single-more:hover{border:2px solid #181919;}
.message .single-more.button-ujarak::before{background:#181919;}


@media only screen and (max-width: 1400px) {
	.main-message{background:url(../images/con-bg.jpg) no-repeat 40% center;}
	.message .project{text-align:left;}
	.message .project ul>p{display:block;margin-bottom:10px;font-size:16px;}
}

@media only screen and (max-width: 992px) {
	.main-message{padding:40px 0;background:url(../images/con-bg.jpg) no-repeat 30% center;}
}

@media only screen and (max-width: 768px) {
	.main-message .main-title .title:after{display:none;}
	.message .main-title .title em{background:none;font-size:24px;}
	.message .main-title span{font-size:48px;}
}


/*footer*/
.footerBox{position:relative;z-index:9999;}

.footer{background:url(../images/fot-bg.jpg) no-repeat center center;background-size:cover;position:relative;overflow:hidden;}
.footer .fot-contact{float:left;list-style:none;padding:40px 0;position:relative;z-index:2;}
.footer .fot-contact li{margin-bottom:12px;color:#ffffff;font-size:14px;padding-left:30px;}
.footer .fot-contact li a{color:#ffffff;font-size:14px;}
.footer .fot-contact li a:hover{color:#f9ca84;}
.footer .fot-contact li.fot-phone{background:url(../images/fot-phone.png) no-repeat left 3px;}
.footer .fot-contact li.fot-email{background:url(../images/fot-email.png) no-repeat left 3px;}
.footer .fot-contact li.fot-facebook{background:url(../images/fot-facebook.png) no-repeat left 3px;}
.footer .fot-contact li.fot-instagram{background:url(../images/fot-instagram.png) no-repeat left 3px;}
.footer .fot-contact li.fot-add{background:url(../images/fot-add.png) no-repeat left 3px;}

.footer .fot-logo{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background:url(../images/fot-logo-bg.png) no-repeat center center;
	min-width:720px;
	padding:40px 0;
	text-align:center;
}
.footer .fot-logo .logo{display:inline-block;padding-top:15px;}
.footer .fot-logo p{font-size:14px;color:#ffffff;letter-spacing:2px;margin-top:20px;}

.footer .fot-code{float:right;list-style:none;padding:50px 0;position:relative;z-index:2;}
.footer .fot-code li{display:inline-block;margin:0 20px;text-align:center;}
.footer .fot-code li img{max-width:100px;max-height:100px;height:auto;}
.footer .fot-code li p{margin-top:10px;color:#f9ca84;}

.fot-bot{text-align:center;padding:10px 0;background:#fff;}
.copy{color:#808080;margin-bottom:0;}
.copy a{color:#808080;}
.copy a:hover{color:#006990;}
.fot-fri{list-style:none;}
.fot-fri p{display:inline-block;color:#808080;}
.fot-fri li{display:inline-block;margin:0 5px;}
.fot-fri li a{color:#808080;}
.fot-fri li a:hover{color:#006990;}


.mobile-fixed{position:fixed;z-index:999998;background:url(../images/fot-bg.jpg) no-repeat center center;width:100%;left:0;bottom:0;max-height:80px;padding:10px 20px;text-align:center;}
.mobile-fixed .code{list-style:none;}
.mobile-fixed .code li{display:inline-block;margin:0 10px;}
.mobile-fixed .code li img{max-width:60px;max-height:60px;}
.mobile-fixed .code li p{display:inline-block;color:#fff;padding-left:10px;}

@media only screen and (max-width: 1200px) {
	.footer .fot-logo{display:none;}
}

@media only screen and (max-width: 992px) {
	.footer{padding:30px 0 10px 0;}
	.footer .fot-contact{padding:0;width:50%;padding-right:30px;}
	.footer .fot-code{padding:0;width:50%;padding-left:30px;}
}

@media only screen and (max-width: 768px) {
	.footerBox{z-index:999999;}
	.footer{padding:20px 0;}
	.footer .fot-contact{width:100%;}
	.footer .fot-code{width:100%;padding-top:15px;padding-left:0;text-align:left;border-top:1px solid #333333;}
	.footer .fot-code li{margin:0;padding-right:30px;}
	.footer .fot-code li img{max-width:60px;max-height:60px;}
	.footer .fot-code li p{display:none;}
	.footer .fot-code li p.title{display:inline-block;}
}

@media only screen and (max-width: 520px) {
	.mobile-fixed{max-height:100px;text-align:left;}
	.mobile-fixed .code li p{display:block;padding:0;}
}

@media only screen and (max-width: 490px) {
	.footer .fot-code li{margin-bottom:10px;}
}

@media only screen and (max-width: 360px) {
	.mobile-fixed .code li:last-child{display:none;}
	.mobile-fixed .code li p{display:inline-block;padding-left:10px;}
}

@media only screen and (min-width: 768px) {
	.mobile-fixed{display:none !important;}
}


.breadcrumb{padding:0;position:relative;margin:0;}
.page-banner img{max-width:100%;height:auto;}
.bread-text{padding:10px;background:#f7f7f7;width:100%;text-align:center;}
.bread-text .right a,.bread-text .right h2{display:inline-block;color:#999;font-size:14px;font-weight:400;margin:0;padding:0; vertical-align:middle;}
.bread-text .right i{margin:0 10px;color:#999; vertical-align:middle;}

/*about*/
.about-box{padding:60px 0 80px 0;text-align:center;}
.about-box .text{font-size:16px;text-align:center;line-height:36px;max-width:80%;margin:auto;}

.about-btn{list-style:none;margin-top:10px;}
.about-btn li{display:inline-block;margin:0 20px;}

.about-team{margin-top:60px;text-align:left;}
.about-team .top{position:relative;padding:50px 0;}
.about-team .top .image{height:480px;background-size:cover !important;width:100%;display:block;}
.about-team .top .main{background:rgba(0,0,0,0.02);padding:20px;position:absolute;width:50%;left:20px;top:0;}
.about-team .top .main>div{background:#faf4ee;padding:50px;}
.about-team .top .main .title em{font-size:48px;color:#333;letter-spacing:2px;display:block;margin-bottom:10px;line-height:52px;}
.about-team .top .main .title p{font-size:42px;line-height:46px;color:#006990;display:block;text-transform:capitalize;font-family: 'GreatVibes';}
.about-team .top .main .text{width:100%;max-width:100%;margin:0;text-align:left;margin-top:40px;}

.about-team .top.right .main{left:auto;right:20px;}

.about-team .center{list-style:none;margin-top:40px;}
.about-team .center li .image{height:400px;width:100%;display:block;background-size:cover !important;}
.about-team .center li .title{background:url(../images/about_square.png) no-repeat center center;padding:60px;text-align:right;display:inline-block;height:200px;width:200px;margin-top:-150px;margin-left:20px;position:relative;margin-bottom:30px;}
.about-team .center li .title>div{position:absolute;right:-60px;bottom:20px;background:#fff;padding:10px;}
.about-team .center li .title>div em{font-size:36px;display:inline-block;color:#333;line-height:36px;}
.about-team .center li .title>div p{display:block;font-family: 'Raleway-Regular';background:#fff;font-size:12px;text-transform:capitalize;color:#999;}
.about-team .center li .text{margin:0;padding:0 20px;text-align:left;max-width:100%;}

@media only screen and (max-width: 1200px) {
	.about-box{padding:40px 0 60px 0;}
	.about-box .text{max-width:100%;}
	.about-team .top .main{width:60%;}
}

@media only screen and (max-width: 992px) {
	.about-box{padding:30px 0 50px 0;}
	.about-team .top .main{width:70%;}
	.about-team .center li{width:100%;margin-bottom:20px;}
	.about-team .center li .image{height:270px;}
}

@media only screen and (max-width: 768px) {
	.about-box .text{font-size:14px;font-weight:400;line-height:32px;}
	.about-team{margin-top:30px;}
	.about-team .top{padding:20px 0;}
	.about-team .top .image{height:360px;}
	.about-team .top .main,.about-team .top.right .main{position:inherit;left:auto;top:auto;right:auto;width:100%;padding:0;}
	.about-team .top .main>div{padding:30px;}
	.about-team .top .main .title p{font-size:14px;font-family: 'Raleway-Regular';text-transform:uppercase;line-height:normal;color:#999;}
	.about-team .top .main .title em{font-size:32px;line-height:36px;}
	.about-team .top .main .text{margin-top:20px;}
	.about-team .center{margin-top:30px;}
	.about-team .center li{padding:0;margin-bottom:30px;}
	.about-team .center li .title{margin-bottom:20px;}
}

@media only screen and (max-width: 480px) {
	.page-banner{display:none;}
	.about-team .top .image{height:240px;}
	.about-team .center li .title{width:160px;height:160px;background-size:100%;}
	.about-team .center li .title>div em{font-size:30px;}
	.about-btn li{margin:0;}
	.about-btn{margin:0;}
}


/*products*/
.page-box{padding:60px 0;}
.pro_latest{margin-top:40px;background:#f7f7f7;}
.pro_latest .image{float:right;padding:0;}
.pro_latest .image img{max-width:100%;height:auto;}
.pro_latest .main{padding:30px;position:relative;padding:30px 30px;}
.pro_latest .main .hot{position:absolute;left:10px;top:-20px;color:#fff;background:#d53a3e;font-size:16px;padding:5px 20px;}
.pro_latest .main .top{-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.pro_latest .main .top .title{font-size:32px;font-weight:500;display:block;margin-bottom:5px;color:#006990;}
.pro_latest:hover .main .top .title{text-decoration:none;color:#000;}
.pro_latest .main .top p{font-family: 'Raleway-Regular';font-size:18px;}
.pro_latest .main .top p i{display:inline-block;padding:0 5px;}
.pro_latest .main .text{font-size:14px;line-height:24px;font-weight:400;margin-top:20px;color:#808080;overflow:hidden;max-height:168px;}

.product{padding:80px 0 0 0;}
.left_title{display:block;font-size:18px;font-weight:bold;margin-bottom:15px;}
.left_title .column_icon_toggle{display:none;}
.left-cat .left_title{display:none;}
.left-cat ul{list-style:none;}
.left-cat ul li{margin-bottom:5px;}
.left-cat ul li a{padding:10px;font-size:12px;font-weight:400;display:block;background:#ebebeb;}
.left-cat ul li a em{display:inline-block;font-size:16px;color:#333;}
.left-cat ul li a p{display:inline-block; vertical-align:bottom;color:#808080;padding-left:5px;text-transform:uppercase;font-family: 'Raleway-Regular';}
.left-cat ul li:hover a,.left-cat ul li.active a{background:#191918;}
.left-cat ul li.active a em,.left-cat ul li.active a p{color:#f9ca84;}
.left-cat ul li:hover a em,.left-cat ul li:hover a p{color:#f9ca84;}

/*left_ques*/
.left-con{margin-top:30px}
.left-con .left_title{display:none;}
.left_ques{position:relative;height:240px;background-size:cover !important;}
.left_ques .overly{ position:absolute; left:0px; top:0px; width:100%; height:100%;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.left_ques .text{
	position:absolute;
	left:0px;
	bottom:0;
	width:100%;
	padding:70px 20px 30px 20px;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align:center;
	background:url(../images/logo-mobile.png) no-repeat center 20px;
	background-size:80%;
	font-family: 'Raleway-Regular';
	height:100%;
}
.left_ques p{margin-bottom:10px;line-height:18px; font-size:14px; color:#fff; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.left_ques:hover .overly{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.left_ques .text span{background:#ffffff;width:40px;height:2px;display:inline-block;margin-bottom:20px;}
.left_ques .single-more{margin-top:20px;color:#fff;}


.product .right{padding-left:20px;}
.pro-list{list-style:none;}
.pro-list li{margin-bottom:40px;}
.pro-list li .image{display:block;overflow:hidden;}
.pro-list li .image img{max-width:100%;height:auto;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.pro-list li:hover .image img{
	-webkit-transform:scale(var(--scale-multiplier,1.05));
	-ms-transform:scale(var(--scale-multiplier,1.05));
	transform:scale(var(--scale-multiplier,1.05));
}
.pro-list li .text{position:relative;}
.pro-list li .text .top{position:absolute;left:10px;top:-60px;background:#faf4ee;background:rgba(250,244,238,0.8);padding:20px;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.pro-list li .text .top a{position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:2;}
.pro-list li .text .top em{font-size:24px;color:#333;font-weight:400;display:block;}
.pro-list li .text .top p{font-family: 'Raleway-Regular';font-size:12px;color:#808080;}
.pro-list li .text .top p span{font-size:24px;display:inline-block;padding-left:5px;color:#333;}
.pro-list li:hover .text .top{background:#191918;}
.pro-list li:hover .text .top em,.pro-list li:hover .text .top p,.pro-list li:hover .text .top p span{color:#f9ca84;}
.pro-list li .text .bottom{padding-top:80px;padding-left:10px;padding-right:10px;}
.pro-list li .text .bottom .text{font-size:12px;font-weight:400;color:#999;line-height:20px;overflow:hidden;height:60px;}
.pro-list li:hover .text .bottom .text{color:#333;}
.pro-list li .text .main-more{margin-left:10px;margin-top:15px;text-align:left;}
.pro-list li .text .main-more a{color:#d53a3e;font-weight:400;font-size:12px;font-weight:bold;letter-spacing:1px;}

.icon-minus-sign:before {content:"\f068";font-family:'FontAwesome';}
.icon-plus-sign:before {content: "\f067";font-family:'FontAwesome';}
.fot_title .column_icon_toggle {display: none;}


@media only screen and (max-width: 1470px) {
	.pro_latest .main .text{max-height:96px;}
	.product .left .single-more{padding:8px 30px;}
}

@media only screen and (max-width: 1200px) {
	.pro_latest .main .top .title{font-size:24px;line-height:30px;}
	.pro_latest .main .top p{font-size:16px;}
	.pro_latest .single-more{margin-top:20px;}
	.pro_latest .image{width:56%;}
	.pro_latest .main{width:44%;}
	
	.pro-list li .text .top em{font-size:18px;font-weight:bold;}
	.pro-list li .text .top p span{font-size:18px;}
	.pro-list li .text .bottom{padding-top:60px;}
	
	.left-con{display:none;}
}

@media only screen and (max-width: 992px) {
	.page-box{padding:40px 0;}
	.pro_latest{background:none;}
	.pro_latest .image{width:100%;text-align:center;}
	.pro_latest .image img{width:100%;}
	.pro_latest .main{width:100%;background:#f7f7f7;}
	
	.pro-list li .text .top em{line-height:20px;}
	.pro-list li .text .top em,.pro-list li .text .top p span{font-size:14px;}
	.pro-list li .text .bottom{padding-top:40px;}
}

@media only screen and (max-width: 768px) {
	.product{padding-top:30px;}
	.product>.left,.blog>.left{width:100%;float:none;margin-bottom:20px;padding:0;}	
	.left_title>em{margin:0;font-size:16px;text-transform:capitalize;}
	.left-cat .left_title,.left-blog .left_title{display:block;background:#191918;padding:10px;color:#fff;}
	.left-cat .left_title.active,.left-blog .left_title.active{color:#f9ca84;}
	.left_title .column_icon_toggle{display: inline-block;position: absolute;right:12px;top:12px;font-style:normal;cursor:pointer;font-size:14px;font-weight:normal;color:#fff;}
	.left_title .column_icon_toggle.icon-minus-sign{color:#f9ca84;}
	.page-left .toggle_content{padding-bottom:30px;}
	.product .right{width:100%;padding:0;float:none;}
	.left_ques .text{text-align:left;}
	
	.pro-list li .text .top{position:inherit;left:auto;top:auto;padding:15px;}
	.pro-list li .text .bottom{padding:0;padding-top:10px;}
	.pro-list li .text .main-more{margin-left:0;}
}

@media only screen and (max-width: 480px) {
	.pro_latest .main{padding:25px 20px 20px;}
	.pro_latest .main .hot{font-size:12px;font-weight:400;}
	.pro_latest .main .top .title{font-size:18px;font-weight:bold;}
	.pro_latest .main .top p{font-size:12px;}
	.pro-list li{width:100%;padding:0;}
}



/* CSS for the loading div */

.sp-loading {
	text-align: center;
	max-width: 100%;
	padding: 15px;
	border: 5px solid #eee;
	border-radius: 3px;
	font-size: 12px;
	color: #888;
}

/* Element wrapper */

.sp-wrap {
	display: none;
	line-height: 0;
	font-size: 0;
	border-radius: 3px;
	position: relative;
	/**************
	  Set max-width to your thumbnail width
	***************/
	text-align:center;
	max-width: 100%;
	width:100%;
}

/* Thumbnails */

.sp-thumbs {
	margin-top:10px;
	text-align:left;
	display: block;
}
.sp-thumbs a{position:relative;}
.sp-thumbs a:after{transition:all .5s;transform:scaleX(0);content:"\f06e";font-family:FontAwesome;display:inline-block;font-size:18px;color:#f9ca84;position:absolute;left:50%;top:50%;margin-left:-8px;}
.sp-thumbs a:hover:after{transform:scaleX(1);visibility:visible;}
.sp-thumbs img {
	min-height: 56px;
	min-width: 56px;
	max-width: 56px;
}
.sp-thumbs a:link, .sp-thumbs a:visited {
	width: 100px;
	height: 68px;
	overflow: hidden;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	display: inline-block;
	background-size: cover;
	background-position: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
	margin:3px;
}
.sp-thumbs a:hover {
	opacity: 1;
}

/* Styles for the currently selected thumbnail */

.sp-thumbs a:active, .sp-current {
	opacity: 1!important;
	position: relative;
}

.sp-thumbs a.sp-current:after{transform:scaleX(1);visibility:visible;}

/* Image currently being viewed */

.sp-large {
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
	width:100%;
}
.sp-large a img {
	max-width: 100%;
	height: auto;
	width:100%;
}
.sp-large a {
	display: block;
}

/* Panning Zoomed Image */

.sp-zoom {
	position: absolute;
	left: -50%;
	top: -50%;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	display: none;
}
/* Lightbox */

.sp-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .9);
	z-index: 999999;
	display: none;
	cursor: pointer;
}
.sp-lightbox img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 90%;
	max-height: 90%;
	border: 2px solid #fff;
}
#sp-prev, #sp-next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 501;
	color: #fff;
	padding: 14px;
	text-decoration: none;
	background: #000;
	border-radius: 25px;
	border: 2px solid #fff;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	transition: .2s;
}
#sp-prev {
	left: 14%;
}
#sp-prev:before {
	content: '';
	border: 7px solid transparent;
	border-right: 15px solid #fff;
	position: absolute;
	top: 16px;
	left: 7px;
}
#sp-next {
	right: 14%;
}
#sp-next:before {
	content: '';
	border: 7px solid transparent;
	border-left: 15px solid white;
	position: absolute;
	top: 16px;
	left: 18px;
}
#sp-prev:hover, #sp-next:hover {
	background: #444;
}

/* Tweak styles for small viewports */

@media screen and (max-width: 768px) {
	#sp-prev {left:10px;}
	#sp-next {right:10px;}
}

@media screen and (max-width: 400px) {
	.sp-wrap {
		margin: 0 0 15px 0;
	}
	#sp-prev, #sp-next {
		top: auto;
		margin-top: 0;
		bottom: 25px;
	}
}

.page-title{display:block;margin-bottom:20px;background:#f7f7f7;padding:10px 10px;}
.page-title em{font-size:32px;letter-spacing:2px;color:#000;line-height:36px;font-weight:400;}
.page-title p{font-family: 'Raleway-Regular';font-size:16px;text-transform:uppercase;color:#808080;display:inline-block;}
.page-title p:before{content:"/";padding-left:10px;padding-right:10px;}


.pro-right{padding-left:30px;}
.pro-right h2{margin-bottom:20px;color:#191918;}
.pro-right .main{font-size:12px;line-height:24px;font-weight:400;color:#808080;}

.pro-right .price{margin-top:30px;background:#faf4ee;padding:20px;font-family: 'Raleway-Regular';}
.pro-right .price em{font-size:42px;color:#d53a3e;display:block;}
.pro-right .price p{font-weight:400;text-decoration:line-through;font-size:14px;color:#808080;}
.pro-right .date{padding-top:10px;font-weight:400;color:#999;padding-left:20px;}

.pro-right .head-share{margin-top:30px;display:block;float:none;border-top:1px solid #e5e5e5;padding-top:20px;}
.pro-right .head-share li p{display:inline-block;font-size:12px;font-weight:400;}
.pro-right .head-share li a i{font-size:20px;}
.pro-right .head-share li.head-fixed .code>div{border:1px solid #e5e5e5;}
.pro-right .head-share li.head-fixed .code:after{color:#e5e5e5;top:-11px;}

.mostBox{border-top:1px solid #e5e5e5;padding-top:10px;margin-top:40px;}
.mostBox .text{font-size:14px;font-weight:400;line-height:32px;}
.mostBox .text img{max-width:100%;height:auto;}

.page_turn{margin-top:20px;margin-bottom:20px;border-top:1px solid #e5e5e5;padding-top:20px;}
.page_turn .left{list-style:none;float:left;}
.page_turn .left li{margin-bottom:5px;}
.page_turn .left p{display:inline-block;font-size:14px;font-family: 'Raleway-Regular';text-transform:uppercase;color:#006990;padding-right:10px;}
.page_turn .left a{display:inline-block;font-weight:400;font-size:14px;}
.page_turn .left a:hover{color:#006990;}

.page_turn .right{float:right;padding-top:5px;}
.page_turn .right a{display:inline-block;background:rgba(0,0,0,0.3);width:40px;height:40px;line-height:40px;text-align:center;color:#fff;margin:0 5px;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.page_turn .right a i{font-size:20px;line-height:40px;}
.page_turn .right a:hover{background:rgba(0,0,0,0.5);}

@media screen and (max-width: 540px) {
	.page_turn .right{display:none;}
}

.page-scroll{padding-top:10px;}
/* Slider */
.slick-slider{ position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;}

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand;}

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; margin:0 auto;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
/* Dots */
.slick-dots { position: absolute;  list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index:999; left:0; margin-top:34px;}
.slick-dots li { position: relative; display: inline-block; height: 5px; width:52px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 5px; width:52px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:#eeeeee;}
.slick-dots li button:focus { outline: none;}
.slick-dots li.slick-active button{background:#0db26d;}

.slick-slide .li>div{padding:20px;}
.slick-slide .li .image{display:block;width:100%;overflow:hidden;}
.slick-slide .li .image img{max-width:100%;height:auto;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.slick-slide .li:hover .image img{
	-webkit-transform:scale(var(--scale-multiplier,1.05));
	-ms-transform:scale(var(--scale-multiplier,1.05));
	transform:scale(var(--scale-multiplier,1.05));
}
.slick-slide .li .main{position:relative;padding:10px;}
.slick-slide .li .main .title{font-size:18px;font-weight:bold;display:block;margin-bottom:5px;}
.slick-slide .li .main .price{font-size:14px;color:#808080;font-weight:400;display:block;font-family: 'Raleway-Regular';}
.slick-slide .li .main .price span{font-size:18px;display:inline-block;padding-left:5px;color:#d53a3e;}
.slick-slide .li:hover .main .title{color:#006990;text-decoration:none;}
.slick-slide .li .main .text{font-size:12px;font-weight:400;color:#999;line-height:20px;overflow:hidden;height:60px;margin-top:10px;}
.slick-slide .li .main .main-more{margin-top:15px;text-align:left;}
.slick-slide .li .main .main-more a{color:#d53a3e;font-weight:400;font-size:12px;font-weight:bold;letter-spacing:1px;}

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
/* Dots */
.slick-dots { position: absolute; bottom: -35px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index:999;}
.slick-dots li { position: relative; display: inline-block; height: 5px; width: 35px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 5px; width: 35px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:rgba(255,255,255,0.6);}
.slick-dots li button:focus { outline: none;}
.slick-dots li.slick-active button{background:#fff;}

.slick-prev{ background:rgba( 0,0,0,0.15); width:50px; height:50px; position:absolute; left:-50px; top:40%; vertical-align: middle;  border-radius:50%;}
.slick-prev::before{ border-radius: 0;color: #fff;display: inline-block;font-family: "FontAwesome";font-size: 30px; height: 50px;line-height: 50px;text-align: center;width: 50px;content: "\f104";}
.slick-next{ background:rgba( 0,0,0,0.15); width:50px; height:50px; position:absolute; right:-50px; top:40%; vertical-align: middle; border-radius:50%;}
.slick-next::before{ border-radius: 0;color: #fff;display: inline-block;font-family: "FontAwesome";font-size: 30px; height: 50px;line-height: 50px;text-align: center;width: 50px;content: "\f105";}
.slick-next:hover,.hot_pro .slick-prev:hover{ background:#191918;}

@media screen and (max-width: 1200px) {
	.pro-right h2{margin-top:0;font-size:24px;}
	.pro-right .price{margin-top:20px;padding:10px 20px;}
	.pro-right .price em{font-size:36px;display:inline-block;}
	.pro-right .price p{display:inline-block;padding-left:5px;}
	.pro-right .head-share{margin-top:20px;}
	.pro_detail .ptitle em{font-size:24px;}
}

@media screen and (max-width: 992px) {
	.pro-right .price em{font-size:28px;}
}

@media screen and (max-width: 768px) {
	.pro_img{padding:0;margin-bottom:20px;}
	.pro-right{padding:0;}
	.slick-slide .li>div{padding:10px;}
	.page-scroll .slick-prev{left:-15px;}
	.page-scroll .slick-next{right:-15px;}
	.pro-right .head-share{display:none;}
}

@media screen and (max-width: 480px) {
	.sp-thumbs a:link, .sp-thumbs a:visited{width:80px;height:58px;}
	.pro-right h2,.pro_detail .ptitle em{font-size:20px;font-weight:bold;letter-spacing:0;}
}


.photo-top{list-style:none;margin-top:40px;padding:20px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;position:relative;text-align:center;}
.photo-top:before{content:'';height:7px;width:1px;display:inline-block;background:#e5e5e5;position:absolute;left:50%;top:-4px;}
.photo-top:after{content:'';height:7px;width:1px;display:inline-block;background:#e5e5e5;position:absolute;left:50%;bottom:-4px;}
.photo-top li{display:inline-block;margin:0 5px;}
.photo-top li a{font-size:16px;color:#333333;font-weight:400;padding:5px 10px;display:inline-block;}
.photo-top li a:hover{color:#006990;}
.photo-top li.active a{color:#f9ca84;background:#191918;}

.photo-list{margin-top:40px;list-style:none;}
.photo-list li{margin-bottom:30px;}
.photo-list li .image{display:block;width:100%;overflow:hidden;position:relative;}
.photo-list li .image a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:3;}
.photo-list li .image .ovrly{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background:#000;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.photo-list li:hover .image .ovrly{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.photo-list li .image img{max-width:100%;height:auto;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.photo-list li:hover .image img{
	-webkit-transform:scale(var(--scale-multiplier,1.05));
	-ms-transform:scale(var(--scale-multiplier,1.05));
	transform:scale(var(--scale-multiplier,1.05));
}
.photo-list li .image .logo{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);
	filter:alpha(opacity=0);-moz-opacity:0;opacity:0;
	width:175px;
	height:80px;
	background:url(../images/theme-logo.png) no-repeat center center;
	z-index:2;
}
.photo-list li:hover .image .logo{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.photo-list li .text{background:#faf4ee;padding:15px 20px 20px;}
.photo-list li .text .title{font-size:24px;display:block;}
.photo-list li .text .date{font-size:18px;font-family: 'Raleway-Regular';color:#808080;margin-bottom:5px;}
.photo-list li:hover .text .title{color:#006990;}

@media screen and (max-width: 992px) {
	.photo-list li{padding:0 10px;margin-bottom:20px;}
	.photo-list li .text{padding:10px 15px;}
	.photo-list li .text .title{font-size:18px;font-weight:bold;}
	.photo-list li .text .date{font-size:16px;}
}

@media screen and (max-width: 768px) {
	.photo-top{height:90px;overflow-x:scro;display: inline;white-space: nowrap;overflow-x:scroll;float:left;overflow-y:hidden;width:100%;position:relative;z-index:99999;margin-top:0;margin-bottom:20px;padding:15px 10px;}
	.photo-top ul{min-height:60px;height:60px;display:block;width:1300px;}
}

@media screen and (max-width: 480px) {
	.photo-list li{padding:0;width:100%;}
}


.photo-detail .photo-top{margin-top:0px;}
.photo-detail .top{background:#f7f7f7;margin-top:40px;}
.photo-detail .top .image{padding:0;position:relative;}
.photo-detail .top .image .logo{display:inline-block;position:absolute;right:10px;bottom:10px;width:175px;height:80px;background:url(../images/theme-logo.png) no-repeat center center;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.photo-detail .top .image img{max-width:100%;height:auto;}
.photo-detail .top .main{padding:40px;}
.photo-detail .top .main>p{font-weight:100;font-size:36px;color:#006990;text-transform:uppercase;line-height:36px;color:#191918;}
.photo-detail .top .main>p span{font-weight:400;color:#f9ca84;}
.photo-detail .top .main>em{display:block;font-size:36px;}
.photo-detail .top .main .date{font-family: 'Raleway-Regular';color:#999;margin-bottom:5px;font-size:16px;}
.photo-detail .copy{color:#b3b3b3;font-weight:400;margin-top:30px;}
.photo-detail .head-share{margin-top:20px;display:block;float:none;border-top:1px solid #e5e5e5;padding-top:20px;}
.photo-detail .head-share li{margin:0;margin-right:30px;}
.photo-detail .head-share li p{display:inline-block;font-size:12px;font-weight:400;}
.photo-detail .head-share li a i{font-size:20px;}
.photo-detail .head-share li.head-fixed .code>div{border:1px solid #e5e5e5;}
.photo-detail .head-share li.head-fixed .code:after{color:#e5e5e5;top:-11px;}


.photo-detail .text{font-size:16px;text-align:center;line-height:36px;max-width:80%;margin:30px auto;}
.photo-detail .photo-list li .text{margin:0;max-width:100%;text-align:left;}


.photo-center{margin-top:40px;padding-bottom:20px;}
.photo-center ul{list-style:none;}
.photo-center ul li{padding:5px;width:16%;float:left;} 
.photo-center ul li a{display:inline-block;border:5px solid #f7f7f7;border-radius:5px;}
.photo-center ul li:hover a{border:5px solid #e5e5e5;}
.photo-center ul li img{max-width:100%;height:auto;border-radius:2px;}
/* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{
    -webkit-overflow-scrolling:touch;
}
/* ------- overlay: change here background color and opacity ----- */
.vbox-overlay{
    background: rgba(0,0,0,0.85); 
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.relativo{
    float: left;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
/* ----- preloader ----- */
.vbox-preloader{
    position:fixed; 
    width:36px; 
    height:36px;
    left:50%; 
    top:50%; 
    margin-left:-18px; 
    margin-top:-18px;
    background: url(preload.gif) center center no-repeat;
    text-indent: -100px;
    overflow: hidden;
}

/* ----- navigation ----- */
.vbox-close{
    cursor: pointer;
    position: fixed;
    top: -1px;
    right: 0;
    width: 46px;
    height: 40px;
    padding: 10px 20px 10px 0;
    display: block;
    background:url(../images/close.gif) no-repeat #161617;
    background-position:10px center;
    color: #fff;
    text-indent: -100px;
    overflow: hidden;
}
.vbox-next, .vbox-prev{
    cursor: pointer;
    position: fixed;
    top: 50%;
    color: #fff;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-indent: -100px;
    overflow: hidden;
}
.vbox-prev{
    left: 10px;
    background:url(../images/prev.gif) center center no-repeat;
}
.vbox-next{
    right: 10px;
    background:url(../images/next.gif) center center no-repeat;
}

.vbox-title{
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    padding: 6px 40px;
    overflow: hidden;
    background: #161617;
    position: fixed;
    display: none;
    top: -1px;
    left: 0;

}
.vbox-num{
    cursor: pointer;
    position: fixed;
    top: -1px;
    left: 0;
    height: 40px;
    display: block;
    color: #fff;
    overflow: hidden;
    line-height: 28px;
    font-size: 12px;
    padding: 6px 10px;
    background: #161617;
    display: none;
}
/* ------- inline window ------ */
.vbox-inline{
    width: 420px;
    height: 315px;
    padding: 10px;
    background: #fff;
    text-align: left;
    margin: 0 auto;
    overflow: scroll;
}

/* ------- Video & iFrames window ------ */
.venoframe{
    border: none;
    width: 960px;
    height: 720px;
    overflow: scroll;
}
@media (max-width: 992px) {
    .venoframe{
        width: 640px;
        height: 480px;
    }
}
@media (max-width: 767px) {
    .venoframe{
        width: 420px;
        height: 315px;
    }
}
@media (max-width: 460px) {
    .vbox-inline{
        width: 100%;
    }

    .venoframe{
        width: 100%;
        height: 260px;
    }
}

/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
.vbox-container{
    position: relative;
    background: #000;
    width: 98%;
    max-width: 1024px;
    margin: 0 auto;
}
.vbox-content{
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.vbox-container img{
    max-width: 100%;
    height: auto;
}
.vwrap{
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    width: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    left: 0;
    height: auto;
    overflow: hidden;
    z-index: 1;
}

@media screen and (max-width: 1440px) {
	.photo-detail .top .main{padding:28px 40px;}
	.photo-detail .top .main>p{font-size:24px;line-height:24px;}
	.photo-detail .top .main .date{font-size:14px;}
	.photo-detail .head-share{padding-top:15px;margin-top:15px;}
	.photo-detail .copy{margin-top:20px;}
}

@media screen and (max-width: 1200px) {
	.photo-detail .top .main{padding:25px 40px 28px 40px;}
	.photo-detail .top .main>p{display:none;}
	.photo-detail .top .main>em{line-height:42px;}
}

@media screen and (max-width: 992px) {
	.photo-detail .top .main>p{display:block;}
	.photo-detail .top .image{display:none;}
	.photo-detail .top .main{width:100%;}
	.photo-center ul li{width:25%;}
	.photo-detail .top .main>em{font-size:24px;font-weight:bold;line-height:48px;}
	.photo-detail .head-share{display:none;}
}

@media only screen and (max-width: 768px) {
	.photo-detail .top{margin-top:20px;}
	.photo-detail .text{font-size:14px;font-weight:400;line-height:32px;}
}

@media only screen and (max-width: 480px) {
	.photo-center ul li{width:33%;}
}

.video-box{padding-bottom:2px;}
.video-container{position:relative;}
.video-container img{max-width:100%;height:auto;}
.video-container .ovrly{display:block;left:0;top:0;width:100%;height:100%;z-index:1;position:absolute;left:0;top:0;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}
.video-container .center{
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index:2;
	text-align:center;
}
.video-container .center p{text-align:center;color:#fff;font-size:14px;letter-spacing:2px;}
.video-container .center em{font-size:48px;color:#fff;margin:20px 0;display:block;}
.video-container .center .play{font-size:18px;font-family: 'Raleway-Regular';padding:20px 0;padding-left:40px;background:url(../images/icon-play.png) no-repeat center left;color:#fff;text-transform:capitalize;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.video-container .center .play:hover{background:url(../images/icon-play.png) no-repeat 5px center;}

.video-scroll{padding-top:2px;overflow:hidden;}
.video-scroll .slick-slide .li>div{position:relative;overflow:hidden;padding:0;}
.video-scroll .slick-slide .li .image{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:3;}
.video-scroll .slick-slide .li img{max-width:100%;height:auto;width:100%;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.video-scroll .slick-slide .li:hover img{-webkit-transform:scale(var(--scale-multiplier,1.05));
	-ms-transform:scale(var(--scale-multiplier,1.05));
	transform:scale(var(--scale-multiplier,1.05));}
.video-scroll .slick-slide .li .ovrly{position:absolute;width:100%;height:100%;display:block;left:0;top:0;z-index:1;background:#000;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.video-scroll .slick-slide .li:hover .ovrly{filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}
.video-scroll .slick-slide .li .main{
	position:absolute;
	left:50%;
	top:200%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index:2;
	text-align:center;
	-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);
}
.video-scroll .slick-slide .li:hover .main{top:50%;}
.video-scroll .slick-slide .li .main em{font-size:24px;color:#fff;display:block;margin-bottom:30px;line-height:30px;}
.video-scroll .slick-slide .li .main .play{font-size:14px;font-family: 'Raleway-Regular';padding:20px 0;padding-left:30px;background:url(../images/icon-play.png) no-repeat center left;background-size:20%;color:#fff;text-transform:capitalize;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}

.video-scroll .slick-prev{left:-25px;top:50%;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.video-scroll .slick-next{right:-25px;top:50%;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.video-scroll:hover .slick-prev{left:0;}
.video-scroll:hover .slick-next{right:0;}
.video-scroll .slick-dots{display:none !important;}

@media only screen and (max-width: 1470px) {
	.video-container .center em{font-size:36px;}
}

@media only screen and (max-width: 1200px) {
	.video-scroll .slick-prev{left:0;}
	.video-scroll .slick-next{right:0;}
	.video-scroll .slick-slide .li .ovrly{filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}
	.video-scroll .slick-slide .li .main{top:50%;}
}

@media only screen and (max-width: 992px) {
	.video-container .center em{font-size:32px;line-height:40px;}
	.video-scroll .slick-slide .li>div{margin:0 2px;}
	.video-scroll .slick-slide .li .main em{font-size:18px;}
}

@media only screen and (max-width: 768px) {
	.video-container .center em{font-size:24px;}
	.video-container .center .play{font-size:14px;}
	.video-container .center,.video-scroll .slick-slide .li .main{width:80%;}
	.video-scroll .slick-slide .li .main em{margin-bottom:10px;}
	.video-scroll .slick-slide .li .main .play{font-size:12px;padding-left:20px;}
}

@media only screen and (max-width: 480px) {
	
	.video-container{display:none;}
}


.wedding-list{list-style:none;padding-top:40px;}
.wedding-list li{margin-bottom:30px;padding:0 10px;}
.wedding-list li .image{display:block;width:100%;overflow:hidden;}
.wedding-list li .image img{max-width:100%;height:auto;width:100%;-webkit-transition:all var(--transition-time,800ms);
	-o-transition:all var(--transition-time,800ms);
	transition:all var(--transition-time,800ms);}
.wedding-list li:hover .image img{-webkit-transform:scale(var(--scale-multiplier,1.05));
	-ms-transform:scale(var(--scale-multiplier,1.05));
	transform:scale(var(--scale-multiplier,1.05));}
.wedding-list li .title{display:block;font-size:20px;margin-top:5px;}
.wedding-list li:hover .title{color:#006990;text-decoration:none;}

@media only screen and (max-width: 768px) {
	.wedding-list{padding-top:20px;}
}

@media only screen and (max-width: 420px) {
	.wedding-list li{width:100%;padding:0;}
}


.left-blog{margin-bottom:30px;padding-bottom:10px;}
.left-blog .left_title{display:none;}
.blog-list{list-style:none;margin-bottom:15px;border-bottom:1px solid #e5e5e5;padding-bottom:15px;}
.blog-list p,.blog-cat p{font-weight:bold;display:block;margin-bottom:5px;text-transform:uppercase;font-size:14px;}
.blog-list li{display:block;position:relative;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.blog-list li a{font-size:12px;font-weight:400;padding:5px 0;display:block;position:relative;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;z-index:1;overflow:hidden;color:#4d4d4d;}
.blog-list li:hover a {color:#006990;text-decoration:none;}
.blog-list li a i{width:10px;height:2px;display:inline-block;position:absolute;left:0;top:18px;background:#e5e5e5;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;z-index:1;position:relative;}
.blog-list li:hover i{left:10px;}

.blog-cat{list-style:none;border-bottom:1px solid #e5e5e5;padding-bottom:20px;}
.blog-cat a{display:inline-block;margin:3px;padding:5px;border-radius:5px;border:1px solid #e5e5e5;font-weight:400;}
.blog-cat a:hover{color:#f9ca84;background:#191918;border:1px solid #191918;text-decoration:none;}


.blog_list{list-style:none;}
.blog_list>li{margin-bottom:20px;border-bottom:1px solid #e5e5e5;padding-bottom:20px;}
.blog_list>li .image{min-height:80px;background:#fcfaf7;position:relative;}
.blog_list>li .image a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:2;}
.blog_list>li .image img{max-width:100%;height:auto;}
.blog_list>li .image .date{background:#faf4ee;padding:5px 10px;border-radius:5px;display:inline-block;position:absolute;left:10px;top:10px;text-align:center;font-family: 'Raleway-Regular';}
.blog_list>li .image .date em{font-size:36px;display:block;line-height:28px;}
.blog_list>li .image .date p{color:#b3b3b3;}
.blog_list>li .text{text-align:left;position:relative;}
.blog_list>li .text .title{display:block;font-size:16px;font-weight:bold;margin-bottom:15px;position:relative;margin-top:10px;}
.blog_list>li .text .title:hover{color:#006990;text-decoration:none;}
.blog_list>li .text .text{font-size:12px;line-height:24px;font-weight:400;color:#999999;overflow:hidden;height:48px;}
.blog_list>li .blog_tag{list-style:none;margin-top:15px;}
.blog_list>li .blog_tag p{display:inline-block;font-weight:bold;text-transform:capitalize;}
.blog_list>li .blog_tag li{display:inline-block;margin:5px;}
.blog_list>li .blog_tag li i{padding-right:5px;}
.blog_list>li .blog_tag li a{padding:5px;border-radius:5px;border:1px solid #e5e5e5;}
.blog_list>li .blog_tag li a:hover{color:#f9ca84;background:#191918;border:1px solid #191918;text-decoration:none;}
.blog_list>li .text .main-more{margin-top:15px;text-align:left;}
.blog_list>li .text .main-more a{color:#d53a3e;font-weight:400;font-size:12px;font-weight:bold;letter-spacing:1px;}

@media only screen and (max-width: 768px){
	.left-blog{margin-bottom:0;}
	.left-blog .left_title{display:block;}
	.blog .right{padding:0;}
}

@media only screen and (max-width: 480px){
	.blog_list>li .image{min-height:inherit;overflow:hidden;}
}

.page_num{text-align:center;}
.page_num .single-more{margin-top:0;padding:5px 20px;margin:5px;border:2px solid #d9d9d9;}
.page_num .single-more:hover{border:2px solid #191918;}

.news-detail .title{margin-bottom:20px;border-bottom:1px solid #e5e5e5;padding-bottom:20px;text-align:center;}
.news-detail .title em{font-size:24px;display:block;line-height:24px;margin-bottom:10px;}
.news-detail .title p{font-size:12px;color:#999;font-weight:400;}
.news-detail .title p:before{content:"-";padding-right:5px;}
.blog .news-detail .title{text-align:left;}

.news-detail .text{font-size:14px;font-weight:400;line-height:32px;}
.news-detail .text img{max-width:100%;height:auto;}

@media only screen and (max-width: 768px){
	.news-detail .title em{font-size:18px;font-weight:bold;}	
}


.news-top{list-style:none;margin-top:40px;padding:20px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;position:relative;text-align:center;}
.news-top:before{content:'';height:7px;width:1px;display:inline-block;background:#e5e5e5;position:absolute;left:50%;top:-4px;}
.news-top:after{content:'';height:7px;width:1px;display:inline-block;background:#e5e5e5;position:absolute;left:50%;bottom:-4px;}
.news-top li{display:inline-block;margin:0 5px;}
.news-top li a{font-size:16px;color:#333333;font-weight:400;padding:5px 10px;display:inline-block;}
.news-top li a:hover{color:#006990;}
.news-top li.active a{color:#f9ca84;background:#191918;}

.news{padding-top:40px;}
.news .image{display:block;}
.news .image img{max-width:100%;height:auto;}
.news>.right{padding-left:40px;}
.news>.right .list{list-style:none;}
.news>.right .list li{border-bottom:1px solid #e5e5e5;padding-bottom:20px;margin-bottom:20px;}
.news>.right .list li .date{text-align:center;font-family: 'Raleway-Regular';float:left;width:80px;}
.news>.right .list li .date em{color:#006990;display:block;font-size:48px;line-height:48px;}
.news>.right .list li .date p{display:inline-block;color:#999;font-size:14px;}
.news>.right .list li .right{width:80%;float:left;padding-left:10px;}
.news>.right .list li .right .title{color:#4c4c4c;display:block;margin-bottom:15px;font-size:18px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;max-width:100%;}
.news>.right .list li:hover .right .title{color:#006990;}
.news>.right .list li .right .text{color:#999999;line-height:20px;font-size:12px;overflow:hidden;height:40px;font-weight:400;}
.news>.right .page_num{text-align:left;margin-top:20px;}

@media only screen and (max-width: 992px){
	.news .image{display:none;}
	.news>.right{width:100%;padding:0;}
	.news>.right .page_num{text-align:center;margin-top:10px;}
}

@media only screen and (max-width: 480px){
	.news-top{padding:15px 10px;}
	.news-top li{margin:0;}
	.news-top li a{font-size:14px;}
	.news{padding-top:20px;}
	.news>.right .list li .date{width:50px;}
	.news>.right .list li .date em{font-size:36px;}
	.news>.right .list li .date p{font-size:12px;}
	.news>.right .list li .right .title{font-size:14px;font-weight:bold;}
	.news>.right .page_num{text-align:center;margin-top:0;}
}


.contact{padding-top:40px;}
.contact .main{float:right;background:#fcfaf7;background-size:cover;padding:10px;}
.contact .main>div{background:#f7f0e6;padding:35px;}
.contact .main>div .list{list-style:none;margin-bottom:15px;border-bottom:1px solid #ccc;padding-bottom:10px;}
.contact .main>div .list li{margin-bottom:12px;color:#333;font-size:14px;padding-left:30px;font-weight:400;}
.contact .main>div .list li a{color:#333;font-size:14px;font-weight:400;}
.contact .main>div .list li a:hover{color:#006990;}
.contact .main>div .list li.fot-phone{background:url(../images/con-phone.png) no-repeat left 3px;}
.contact .main>div .list li.fot-email{background:url(../images/con-email.png) no-repeat left 3px;}
.contact .main>div .list li.fot-facebook{background:url(../images/con-facebook.png) no-repeat left 3px;}
.contact .main>div .list li.fot-instagram{background:url(../images/con-instagram.png) no-repeat left 3px;}
.contact .main>div .list li.fot-add{background:url(../images/con-add.png) no-repeat left 3px;}

.contact .main>div .share li{display:inline-block;margin-right:30px;text-align:center;}
.contact .main>div .share li .title{margin-top:10px;color:#333;margin-bottom:10px;font-weight:bold;font-size:14px;}
.contact .main>div .share li .title i{font-size:14px;margin-right:5px;}
.contact .main>div .share li img{max-width:60px;max-height:60px;}
.contact .main>div .share li p{font-size:12px;padding-top:5px;font-weight:400;}

.contact .map{padding:0;}
.contact .map img{max-width:100%;height:auto;width:100%;}

@media only screen and (max-width: 1470px){
	.contact .main>div .list{margin:0;}
	.contact .main>div{padding:20px 30px;}
	.contact .main>div .list li{font-size:13px;}
	.contact .map img{min-height:411px;}
}

@media only screen and (max-width: 1200px){
	.contact{padding-top:20px;}
	.contact .main{width:100%;}
	.contact .map{width:100%;}
	.contact .map img{min-height:0;}
}

@media only screen and (max-width: 480px){
	.contact{padding:0;}
	.contact .main{padding:0;}
	.contact .main>div{padding:20px;}
	.contact .main>div .share li{width:100%;margin-right:0;text-align:left;border-bottom:1px solid #ccc;padding-bottom:15px;}
	.contact .main>div .share li:last-child{border:none;}
	.contact .main>div .share li p{display:inline-block;}
	.contact .main>div .share li .title{display:block;}
}


/*service*/
#online_qq_layer{z-index:9999999;position:fixed;right:5px;bottom:0; }
#floatShow{display:block;}
#floatHide{display:none;}
#online_qq_tab{position:relative;z-index:9;}
#online_qq_tab #floatShow{overflow:hidden;background:url(../images/fot-bg.jpg) no-repeat;border:1px solid #fff;  height:40px; width:240px;float:right; line-height:40px; font-size:14px; padding-left:15px; text-transform:capitalize; color:#fff; text-transform:uppercase;}
#online_qq_tab #floatShow i{height:40px;width:48px;background:url(../images/icon-mes.png) no-repeat center center;float:right;display:inline-block;}
#online_qq_tab #floatHide i{font-size:12px; max-height:32px; float:right; padding-top:10px;padding-right:10px;}
#online_qq_tab #floatHide{overflow:hidden;background:url(../images/fot-bg.jpg) no-repeat; width:100%; height:40px; font-size:14px;  color:#fff; line-height:40px; padding-left:15px; width:300px;text-transform:capitalize;text-align:left;}
#online_qq_tab #floatShow:hover,#online_qq_tab #floatHide:hover{text-decoration:none;}
#onlineService{display:inline;width:300px; overflow: hidden;display:none;background: #fff; font-size:12px;box-shadow:0px 0px 10px rgba(0,0,0,0.2); border:1px solid #eee;}
#online_qq_layer .inquiry .btn{ display:inline-block;font-size:14px; color:#f9ca84; text-transform:uppercase; background:#191918; border:none; width:100%; text-align:center;border-radius:0;}
#online_qq_layer .inquiry .btn:hover{ background:#f9ca84;color:#191918;}
#onlineService .text{ margin-bottom:10px; color:#808080; line-height:20px; font-size:12px;font-weight:400;}
.i_message_inquiry { padding:10px 10px 20px 10px;}

.i_message_inquiry  .inquiry .form-control{ border:none; background:none; border-radius:0px; line-height:30px; color:#999; font-size:12px;width:100%;border:1px solid #ddd;}
.i_message_inquiry  .inquiry .form-control:focus{border:1px solid #006990;color:#333;box-shadow:none;}
.i_message_inquiry  .inquiry .input-group{  background:#fff; height:32px; margin-bottom:20px;width:100%;border:none;}
@media only screen and (max-width: 768px) {
	#online_qq_layer{right:0;}
	#onlineService{ width:100%;}
	#online_qq_layer{ width:100%;}
	#online_qq_tab{ width:100%;}
	#online_qq_tab #floatShow{ background:url(../images/mobile-inq.png) no-repeat; width:50px; height:50px; position:absolute;right:0;bottom:50px;border:none;text-indent:-999999px;}
	#online_qq_tab #floatShow i{display:none;}
	#online_qq_tab #floatHide{ width:100%; background:#191918; width:100%; height:36px;box-shadow:0 0 10px 1px rgba(255,255,255,0.3);}
	#online_qq_tab #floatShow span{ display:none;}
}


/*service*/
.online_section{position:fixed;z-index:99999;top:200px;right:-260px;transition:all .3s ease;}
.online_section ul li{ list-style:none;width:300px;height:40px;color:#fff; padding-left:40px; margin-bottom:3px;border-radius:0px;transition:all .5s ease;overflow:hidden; margin-bottom:3px; line-height:40px; font-size:12px;}
.online_section ul li a{ line-height:40px; font-size:12px; color:#fff;}
.online_section .online_tel{background:#191918 url(../images/fot-phone.png) no-repeat 10px 10px; border:1px solid #fff;}
.online_section .online_email{background:#191918 url(../images/fot-email.png) no-repeat 10px 10px; border:1px solid #fff;}
.online_section .online_facebook{background:#191918 url(../images/fot-facebook.png) no-repeat 10px 10px; border:1px solid #fff;}
.online_section .online_instagram{background:#191918 url(../images/fot-instagram.png) no-repeat 10px 10px; border:1px solid #fff;}
.online_section .online_coad{background:#191918 url(../images/con-code.png) no-repeat 10px 10px; padding:0px; border:1px solid #fff;}
.online_section .online_coad p{ padding-left:40px;  font-size:14px;}
.online_coad .image{width:100%; padding:5px 10px 10px;}
.online_coad .image img{max-width:100px;height:auto; vertical-align:bottom;display:inline-block;}
.online_coad .image p{display:inline-block; vertical-align:bottom;font-size:12px;padding-left:10px;}

.online_section ul li:hover,.online_section ul li:hover a{color:#f9ca84;}
@media only screen and (max-width: 768px) {.online_section{display:none;}}


.sitemap,.sitemap ul{list-style:none;text-align:left;}
.sitemap a:hover{color:#006990;}
.sitemap>li{margin-bottom:10px;}
.sitemap>li>a{display:block;font-size:16px;font-weight:400;margin-bottom:20px;}
.sitemap li.product{padding:0;}
.sitemap>li.product>ul>li{margin-bottom:20px;}
.sitemap>li.product ul li a{display:block;font-size:16px;font-weight:400;}
.sitemap>li.product ul li ul{padding:15px;background:#f7f7f7;margin-top:5px;}
.sitemap>li.product ul li ul li a{font-size:13px;}
.sitemap>li.product ul li ul li i{padding-right:5px;}

@media only screen and (max-width: 768px) {
	.sitemap>li{padding:0;}
	.sitemap li.product{border-top:2px solid #f7f7f7;padding-top:20px;}
}

.site_bot{text-align:left;padding-top:40px;}
.site_bot .slick-slide .li .main .text{max-width:100%;}