/*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: 'poppins',arial, sans-serif;color:#4d4d4d;background:#fff;}

.bold{font-weight:bold;}

.fontRed{color:red;}

.clearfix:before, .clearfix:after{content:" ";display:table;}

.clearfix:after{clear:both;}

b,strong{font-family: 'poppins_semibold';font-weight:normal;}



@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: 'poppins';
  font-weight: normal;
   font-style: normal;
  src: url(poppins.ttf);
}
 @font-face {
  font-family: 'poppins_medium';
  font-weight: normal;
   font-style: normal;
  src: url(poppins_medium.ttf);
}

 @font-face {
  font-family: 'poppins_semibold';
  font-weight: normal;
   font-style: normal;
  src: url(poppins_semibold.ttf);
}

 @font-face {
  font-family: 'PlayfairDisplay';
  font-weight: normal;
   font-style: normal;
  src: url(PlayfairDisplay.ttf);
}





/*index*/

.header{transition:all .5s;padding:20px 0;}

.header > .container{position:relative;}

#logo{position:relative;text-align:center;display:inline-block;float:left;z-index:9999999;padding-top:0;}

#logo h1{margin:0;padding:0;}

#logo img{max-width:76px;height:auto;padding:0;transition:all .5s;}



.header .container{position:relative;}

.head_right{float:right;}



.head_con{list-style:none;float:left;margin-left:30px;margin-top:5px;padding-left:100px;border-left:1px solid #efefef;background:url("icon_phone.jpg")/*tpa=https://www.optstone.com/template/images/icon_phone.jpg*/ no-repeat 30px center;}

.head_con em{color:#333333;font-family:'poppins_medium';display:block;margin-bottom:8px;letter-spacing:1px;font-size:18px;line-height:24px;}

.head_con p{color:#666666;font-size:14px;line-height:20px;margin-bottom:2px;}

.head_con p a{color:#666666;font-size:14px;line-height:20px;}

.head_con p a:hover{color:#efb132;}



.social_icons{list-style:none;float:right;}

.social_icons li{margin-right:10px;margin-bottom:10px;display:inline-block;}

.social_icons li:last-child{margin-right:0;}

.social_icons li a{display:inline-block;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;transition:all .5s;}

.social_icons li a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}



.language{float:right;list-style:none;margin-left:20px;}

.language li{display:inline-block;margin-left:20px;}

.language li img{max-width:16px;height:auto;}

.language li p{display:inline-block;color:#808080;padding-left:5px;}

.language li:hover p{color:#efb132;}



/* Top Search*/

.search_box{width:100%;max-width:360px;min-width:360px;margin-top:10px;float:right;}

.search i{width:36px; height:36px; text-align:center;background:#f5f5f5 url("search.png")/*tpa=https://www.optstone.com/template/images/search.png*/ no-repeat center center;display:inline-block;border-radius:50%;}

.top-search { display: block; width:100%;}

.top-search h4{font-size:16px;font-family:'poppins'; text-align:left;color:#333; margin:10px 0;text-transform:capitalize;display:none;}

.top-search .input-group-addon i{width:20px;height:20px;display:flex;position:absolute;right:10px;top:10px;flex-direction:column;justify-content:center;align-items:center;}

.top-search .input-group-addon i:before,

.top-search .input-group-addon i:after{

content:'';display:inline-block;background:#999;width:20px;height:2px;margin:2px 0;

}

.top-search .input-group-addon i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}

.top-search .input-group-addon i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}

.top-search .form-control {box-shadow:none;border-radius:0;border:none;border-bottom:1px solid #e5e5e5;background:#fff;color:#808080;height:42px;line-height:42px;padding:0 40px 0 5px;text-align:left;font-size:12px;font-family: 'poppins', sans-serif;letter-spacing:0.5px;transition:all .5s;}

.top-search input.form-control:focus{color:#333;background:#fafafa;font-style:inherit;letter-spacing:inherit;}

.top-search input::-ms-input-placeholder{color:#808080;}/* Internet Explorer 10+ */ 

.top-search input::-webkit-input-placeholder{color:#808080;}/* WebKit browsers */

.top-search input::-moz-placeholder{color:#808080;}/* Mozilla Firefox 4 to 18 */ 

.top-search input::-moz-placeholder{color:#808080;}/* Mozilla Firefox 19+ */ 



.top-search .input-group-addon.close-search {cursor: pointer;}

.top-search .input-group{ width:100%;}

.btn_search1 {background:url("search.png")/*tpa=https://www.optstone.com/template/images/search.png*/ no-repeat center center;top:0px;height:42px; position: absolute;right:5px;width:42px;z-index: 3;}

.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;display:none;}

.attr-nav{ float:right;padding-top:18px;display:none;}

.attr-nav ul li{ list-style:none;}



/* Sizes for the bigger menu */

header{width: 100%;z-index: 9999999;padding: 0;position:fixed;}

header.large{height:;top:131px;}

header.small{height: ;left:0;background:#fff;top:0;box-shadow:0 0 20px 2px rgba(0,0,0,0.05);}

.height{padding-top:30px;}

@media only screen and (max-width: 992px) {

	header,header.large{border:none;position:inherit;position:relative;top:0;}

	header.large .header,.header,header.small .header{padding:15px 0;background:#fff;z-index:999;position:relative;}

	.header .container{width:100%;}

	.header .row{margin:0;}

	.header #logo,header.small #logo,header.large .header.page_header #logo{padding:5px 0;position:relative;z-index:9999999;float:left;}

	.header #logo img,header.small #logo img{max-width:80px;}

	.height{padding:0;}

	.head_con,.header .social_icons{display:none;}

	.select{position:absolute;right:10px;top:15px;}

	header.small .select dd{top:48px;}

	header.small .attr-nav,.attr-nav{z-index:9999999;padding-top:0;position:absolute;right:10px;top:40px;display:inline-block;border-radius:50%;}

	.search_box{width:100%;margin:0;max-width:100%;padding:0;}

	.top-search .input-group {padding:10px 20px;margin:0 auto;}

	.top-search { display: none; width:100%;position:absolute;left:0;z-index:9999999;top:90px;background:#f5f5f5;}

	.top-search h4,.top-search .input-group-addon.close-search{display:block;}

	.top-search .form-control{height:40px;line-height:40px;background:#fff;border:none;}

	.btn_search1{height:40px;width:40px;}

	.language li{margin-left:10px;}

}

@media only screen and (max-width: 480px) {

	.header #logo img,header.small #logo img{max-width:60px;}

	.top-search{top:80px;}

	.language{margin:0;}

	.language li p{display:none;}

	header.small .attr-nav,.attr-nav{top:35px;}

	.header #logo,header.small #logo,header.large .header.page_header #logo{padding-bottom:10px;}

}





/*******bootstrap-touch-slider********/

.slide_content{position:relative;z-index:555;}

/* SVG wrap */

.bs-slider{

    overflow: hidden;

    position: relative;

}

/*.bs-slider:hover {

    cursor: -moz-grab;

    cursor: -webkit-grab;

}

.bs-slider:active {

    cursor: -moz-grabbing;

    cursor: -webkit-grabbing;

}*/

.bs-slider .bs-slider-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.40);

}

.bs-slider > .carousel-inner > .item > img,

.bs-slider > .carousel-inner > .item > a > img {

    margin: auto;

    width: 100% !important;

}

/*************************Slide effect**********************/

.fade {

    opacity: 1;

}

.fade .item {

    top: 0;

    z-index: 1;

    opacity: 0;

    width: 100%;

    position: absolute;

    left: 0 !important;

    display: block !important;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -ms-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;

}

.fade .item:first-child {

    top: auto;

    position: relative;

}

.fade .item.active {

    opacity: 1;

    z-index: 2;

    -webkit-transition: opacity ease-in-out 1s;

    -moz-transition: opacity ease-in-out 1s;

    -ms-transition: opacity ease-in-out 1s;

    -o-transition: opacity ease-in-out 1s;

    transition: opacity ease-in-out 1s;

}

/*---------- LEFT/RIGHT ROUND CONTROL ----------*/

.control-round .carousel-control {

	top:auto;

    bottom: 0;

    z-index: 100;

    color: #333;

    display: block;

    cursor: pointer;

    overflow: hidden;

    text-shadow: none;

    position: absolute;

    background: transparent;

	right:200px;

	left:auto;

	top:45%;bottom:auto;right:auto;left:auto;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;

}

.control-round .carousel-control.left{left:-70px;-webkit-transition:all var(--transition-time,800ms);

	-o-transition:all var(--transition-time,800ms);

	transition:all var(--transition-time,800ms);}

.control-round .carousel-control.right{right:-70px;-webkit-transition:all var(--transition-time,800ms);

	-o-transition:all var(--transition-time,800ms);

	transition:all var(--transition-time,800ms);}

.slide_content:hover .control-round .carousel-control.left{left:40px;}

.slide_content:hover .control-round .carousel-control.right{right:40px;}



.control-round .carousel-control.left:hover,

.control-round .carousel-control.right:hover{

    border: 0px transparent;

}



.control-round .carousel-control {

	margin: 0 20px;

	width: 48px;

	height: 48px;

	-webkit-transition: width 0.3s, background-color 0.3s;

	transition: width 0.3s, background-color 0.3s;

	opacity:0.6;

	filter:alpha(opacity=60);

	-moz-opacity:0.6;

	background: #000;

	border-radius:10px 20px 10px 20px;

}

.control-round .carousel-control.left{margin-right:81px;}

.control-round .carousel-control.left:before{font-family:FontAwesome;content:"\f104";color:#fff;line-height:48px;}

.control-round .carousel-control.right{border-radius:20px 10px 20px 10px;}

.control-round .carousel-control.right:before{font-family:FontAwesome;content:"\f105";color:#fff;line-height:48px;}



.carousel-control .icon-wrap {

	position: absolute;

	width: 32px;

}



.carousel-control.left .icon-wrap {

	left: 15px;

}

.carousel-control.right .icon-wrap {

	right: 15px;

}



.carousel-control h3 {

	position: absolute;

	top: 0;

	margin: 0;

	color: #000;

	text-transform: uppercase;

	white-space: nowrap;

	font-size:16px;

	line-height:42px;

	opacity: 0;

	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;

	transition: opacity 0.3s, transform 0.3s;

	color:#333;

}



.carousel-control.left h3 {

	right: 50px;

	-webkit-transform: translateX(100%);

	transform: translateX(100%);

}



.carousel-control.right h3 {

	left: 50px;

	-webkit-transform: translateX(-100%);

	transform: translateX(-100%);

}



.control-round .carousel-control:hover {

	background: #efb132;

	color:#fff;

	opacity:1;

	filter:alpha(opacity=100);

	-moz-opacity:1;

	

}

.control-round .carousel-control.left:hover:before,.control-round .carousel-control.right:hover:before{color:#fff;}



.carousel-control:hover h3 {

	opacity: 1;

	-webkit-transition-delay: 0.1s;

	transition-delay: 0.1s;

	-webkit-transform: translateX(0);

	transform: translateX(0);

}

/*---------- INDICATORS CONTROL ----------*/

.indicators-line > .carousel-indicators{

    left: 13%;

    bottom: 20%;

    width: auto;

	max-width:1400px;

    height: 40px;

    font-size: 0;

    overflow-x: auto;

    text-align: right;

    overflow-y: hidden;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 1px;

    white-space: nowrap;

	margin-left:0;

}

.indicators-line > .carousel-indicators li{

    color:#b2b2b2;

	background:none;

	margin:0 20px;

	display:inline-block;

	font-size:20px;

	line-height:24px;

	border:none;

	width:auto;

	height:auto;

}



.indicators-line > .carousel-indicators li:last-child{

    margin-right: 0;

}

.indicators-line > .carousel-indicators .active{

	color:#62a70f;

}

/*---------- SLIDE CAPTION ----------*/

.slide_style_left {

    text-align: left !important;

}

.slide_style_right {

    text-align: left !important;

}

.slide_style_center {

    text-align: center !important;

}



.slide-text {

    left:auto;

    top:50%;

    margin: auto;

    position: absolute;

    text-align: center;

	padding:20px;

	-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;

	width:100%;

}

.slide-text > div{float:right;max-width:100%;width:45%;text-align:left;text-transform:uppercase;}

.slide-text > div .text{color:#ffffff;font-family:'poppins_semibold';font-size:18px;line-height:24px;letter-spacing:2px;position:relative;z-index:2;margin-bottom:20px;padding-right:20px;display:inline-block;}

.slide-text > div .text:before{content:'';display:block;width:100%;height:9px;background:#62a70f;position:absolute;left:0;bottom:0;z-index:-1;}

.slide-text > div .title{font-size:86px;color:#fff;line-height:80px;overflow:hidden;max-height:240px;text-shadow:2px 2px 0px rgba(0,0,0,0.2);font-family:'poppins_semibold';text-transform:capitalize;}

.slide-text > div .text_box .text{background:#62a70f;color:#333333;font-size:18px;line-height:24px;font-family:'poppins_light';padding:5px 30px;}

.slide-text > div .main_more{margin-top:40px;}

.slide-text > div .main_more a{padding:14px 40px;}



.slide-bottom:before{content:"\f107";display:inline-block;font-family:'FontAwesome';position:absolute;left:50%;bottom:0;font-size:36px;color:#fff;margin-left:-15px;z-index:999;}



.slide_content .slide_main{background:#62a70f;background:rgba(0,185,242,0.8);padding:40px 60px;width:50%;max-width:750px;position:absolute;left:0;bottom:-20px;z-index:99999999;}

.slide_content .slide_main p{width:60%;float:right;color:#ffffff;font-size:30px;line-height:42px;text-align:left;}



/*------------------------------------------------------*/

/* RESPONSIVE

/*------------------------------------------------------*/

@media (max-width:1400px) {

	.indicators-line > .carousel-indicators{left:20px;bottom:40px;}

	.slide-text > div .main_more{margin-top:20px;}

	.slide-text > div .title{font-size:72px;line-height:64px;}

}

@media (max-width:1260px) {

	.slide-text > div{width:100%;text-align:center;}

	.slide-text > div .text{padding:0;padding:0 10px;}

	.slide-text > div .title{font-size:48px;line-height:42px;}

}

@media (max-width:992px) {

	.slide_content{overflow:hidden;}

	.slide-text{padding:0 20px;}

	.slide-text > div{text-align:center;}

	.slide-text > div .title{font-size:48px;line-height:52px;}

	.slide-text > div .text_box .text{font-size:14px;line-height:20px;max-height:45px;overflow:hidden;font-family:'poppins';}

	.slide-text > div .main_more{margin-top:20px;}

	.control-round .carousel-control{top:40%;width:30px;margin:0 20px;height:50px;}

	.control-round .carousel-control.left:before,.control-round .carousel-control.right:before{line-height:50px;}

	.control-round .carousel-control.left{left:-25px;border-radius:0;}

	.control-round .carousel-control.right{right:-25px;border-radius:0;}

	.slide-bottom:before{display:none;}

	.indicators-line > .carousel-indicators{left:50%;margin-left:-50px;bottom:0;}

	.indicators-line > .carousel-indicators li{font-size:16px;margin:0 18px;}

	.slide_content > .line{height:60px;background-size:cover;}

}

@media (max-width:560px) {

	.slide-text{width:100%;}

	.slide-text > div{padding:10px;}

	.slide-text > div .title{margin-bottom:10px;font-size:28px;line-height:32px;}

	.slide-text > div .text_box .text{font-size:12px;}

	.indicators-line > .carousel-indicators{margin-bottom:0;width:100%;}

	.slide-text > div .main_more{margin-top:10px;}

	.indicators-line > .carousel-indicators{display:none;}

	.slide-text > div .main_more a{padding:6px 20px;}

	.slide_content > .line{height:40px;}

	.slide_content .attachment_line_top{display:none;}

}

@media (max-width:440px) {

	.slide-text > div .title{font-size:24px;line-height:28px;margin:0;}

	.slide-text > div .text{display:none;}

	.slide_content > .line{height:20px;}

}



.main_title{margin-bottom:30px;position:relative;}

.main_title h6{color:#333333;font-size:64px;font-family:'PlayfairDisplay';text-transform:lowercase;line-height:70px;max-width:310px;padding-left:50px;float:left;}

.main_title h6:first-letter{text-transform:uppercase;}

.main_title .wrap{float:right;max-width:50%;text-align:right;}

.main_title .text{color:#808080;font-size:14px;line-height:28px;max-height:84px;overflow:hidden;}



.main_more{margin-top:20px;display:inline-block;background:transparent;transition:all .5s;position:relative;z-index:10;border-radius:2px;}

.main_more:before{

	content:'';

	position:absolute;

	z-index:-1;

	right:0;

	top:3px;

	left:3px;

	bottom:0;

	width:auto;

	height:auto;

	background:transparent;

	border-radius:2px;

	transition:all .5s;

	opacity:0.5;

	-moz-opacity:0.5;

	filter:alpha(opacity=50);

	border:1px solid #efb132;

}

.main_more:hover:before{

	right:-3px;bottom:-3px;

}

.main_more a,.main_more input,.main_more button{color:#ffffff;display:inline-block;font-size:12px;text-transform:uppercase;height:40px;line-height:40px;padding-left:20px;padding-right:20px;position:relative;z-index:2;background-color:#efb132;background-repeat:no-repeat;background-position:82% center;border:none;font-family:'poppins_semibold';transition:all .5s;border-radius:2px;}

.main_more a:hover,.main_more input:hover,.main_more button:hover{text-decoration:none;color:#fff;}



@media only screen and (max-width: 768px) {

	.main_title{margin-bottom:20px;max-width:100%;}

	.main_title h6{font-size:36px;line-height:40px;padding-left:30px;float:none;max-width:100%;}

	.main_title .wrap{float:none;max-width:100%;padding-top:10px;text-align:left;}

	.main_title .text{font-size:12px;line-height:20px;max-height:40px;}

	.main_more{margin-top:20px;}

	.main_more a,.main_more input,.main_more button{padding-left:15px;padding-right:15px;height:36px;font-size:12px;font-family:'poppins';line-height:36px;}

}



.page_date{padding-left:30px;display:inline-block;background:url("icon_date.png")/*tpa=https://www.optstone.com/template/images/icon_date.png*/ no-repeat left 0;color:#efb132;font-size:14px;letter-spacing:1px;line-height:24px;font-family:'poppins';}

.page_more{display:inline-block;color:#d08f09;padding-right:20px;font-size:14px;line-height:20px;text-transform:lowercase;font-family:'poppins_medium';margin-top:0;transition:all .5s; vertical-align:middle;background:url("icon_right.png")/*tpa=https://www.optstone.com/template/images/icon_right.png*/ no-repeat right 3px;text-transform:uppercase;}

.page_more:hover{padding-right:24px;color:#efb132;}

/*.page_more i{display:inline-block;width:18px;height:18px;background:url(../images/icon_plus03.png) no-repeat center center;margin-left:5px;vertical-align:middle;}

.page_more:hover i{-webkit-animation:spin .6s ease-out;animation:spin .6s ease-out;}*/

.info_left_line{position:relative;}

.info_left_line:before{content:'';width:3px;background:#fed98d;display:inline-block;position:absolute;left:0;top:0;bottom:0;}



@-webkit-keyframes spin{

	from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}

}

@keyframes spin{

	from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}

}

@media only screen and (max-width: 480px) {

	.page_date{font-size:12px;}

}



.attachment_line_top{position:absolute;left:0;bottom:0;z-index:2;width:100%;display:block;height:9px;background:url("bg_line.png")/*tpa=https://www.optstone.com/template/images/bg_line.png*/ repeat-x left center;z-index:999;}



/*******Slider********/

/* 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;}



/* 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;display:none !important;}

.slick-dots li { position: relative; display: inline-block; height: 8px; width: 8px;border-radius:20px; margin: 0px 5px; padding: 0px; cursor: pointer; transition:all .5s;}

.slick-dots li button { border: 0; background: transparent; display: block; height: 8px; width: 8px;border-radius:20px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:#b2b2b2;padding:0;transition:all .5s;}

.slick-dots li button:focus { outline: none;}

.slick-dots li.slick-active{width:20px;height:8px;}

.slick-dots li.slick-active button{background:#efb132;width:20px;height:8px;}



.slick-prev,

.slick-next{

	width:40px;height:60px;position:absolute;top:50%;margin-top:-30px;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;transition:all .5s;

}

.slick-prev{left:-40px;background:url("prev.png")/*tpa=https://www.optstone.com/template/images/prev.png*/ no-repeat center center;}

.slick-next{right:-40px;background:url("next.png")/*tpa=https://www.optstone.com/template/images/next.png*/ no-repeat center center;}



.slick-prev:hover,.slick-next:hover{

	filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;

}



@media only screen and (max-width: 1300px) {

	.slick-prev{left:-15px;}

	.slick-next{right:-15px;}

}

@media only screen and (max-width: 768px) {

	.slick-prev,.slick-prev:hover{left:-10px;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}

	.slick-next,.slick-next:hover{right:-10px;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}

}



/*******features-tab********/

/* 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);}

.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")/*tpa=https://www.optstone.com/template/css/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;

    width:38px;

	height:47px;

	filter:alpha(opacity=30);

	-moz-opacity:0.3;

	opacity:0.3;

	padding: 0;

    position: absolute;

    right: 5px;

    top: 50%;

	margin-top:-23px;

	overflow:hidden;

	text-align:center;

	text-indent:-9999px;

	transition:all .5s;

}

.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev {left:-40px;background:url("prev.png")/*tpa=https://www.optstone.com/template/images/prev.png*/ no-repeat center center;}

.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-next {right:-40px;background:url("next.png")/*tpa=https://www.optstone.com/template/images/next.png*/ no-repeat center center;}

.indicator-style.owl-theme .owl-controls .owl-buttons div:hover {filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}

@media only screen and (max-width: 1300px) {

	.indicator-style.owl-theme .owl-controls .owl-buttons div {background:#000;color:#fff;font-size:12px;}

	.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-prev{left:-10px;}

	.indicator-style.owl-theme .owl-controls .owl-buttons div.owl-next{right:-10px;}

	.indicator-style.owl-theme .owl-controls .owl-buttons div:hover {background:#62a70f;color:#fff;}

}



.cat_content{padding:90px 0 40px 0;background:url("bg_cat.jpg")/*tpa=https://www.optstone.com/template/images/bg_cat.jpg*/ no-repeat bottom center;}

.cat_content .main_title{padding-right:50px;}

.cat_content .main_title h6{float:none;margin-bottom:20px;}

.cat_content .main_title .text{margin-left:50px;}

.cat_content .page_more{margin-top:30px;margin-left:50px;}

.cat_content .list{list-style:none;}

.cat_content .list li{margin-bottom:50px;}

.cat_content .list li .column{position:relative;overflow:hidden;transition:all .5s;}

.cat_content .list li:hover .column{box-shadow:0 0 20px 5px rgba(0,0,0,0.1);}

.cat_content .list li .column > a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;}

.cat_content .list li .image{height:360px;display:block;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;}

.cat_content .list li .bot_title{position:absolute;left:0;bottom:30px;display:inline-block;background:#fff;padding:10px;padding-left:20px;padding-right:40px;max-width:80%;font-size:24px;line-height:28px;font-family:'PlayfairDisplay';transition:all .5s;}

.cat_content .list li:hover .bot_title{filter:alpha(opacity=0);-moz-opacity:0;opacity:0;left:-20%;}

.cat_content .list li .ovrly{display:block;width:100%;height:100%;display:block;background:#000;position:absolute;left:0;top:0;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.cat_content .list li:hover .ovrly{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

.cat_content .list li .wrap{position:absolute;left:0;top:-10px;width:100%;height:100%;padding-top:70px;padding-left:50px;padding-right:50px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .5s;z-index:8;}

.cat_content .list li:hover .wrap{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;top:0;}

.cat_content .list li .wrap .title{margin-bottom:20px;position:relative;margin-top:0;}

.cat_content .list li .wrap .title:before{content:'';width:4px;height:40px;background:#fed98d;display:inline-block;position:absolute;left:-20px;top:-5px;}

.cat_content .list li .wrap .title a{display:block;color:#ffffff;font-size:28px;line-height:32px;overflow:hidden;max-height:64px;font-family:'PlayfairDisplay';}

.cat_content .list li .wrap .title a:hover{color:#fed98d;text-decoration:none;}

.cat_content .list li .wrap .text{color:#ffffff;font-size:14px;line-height:28px;max-height:84px;overflow:hidden;}

.cat_content .list li .wrap .main_more{margin-top:25px;}



@media only screen and (max-width: 768px) {

	.cat_content{padding:50px 0;}

	.cat_content .main_title .text{margin-left:0;}

	.cat_content .page_more{margin-top:20px;margin-left:0;}

	.cat_content .list li{margin-bottom:20px;padding:0 10px;}

	.cat_content .list li .bot_title{font-size:20px;line-height:24px;}

	.cat_content .list li .image{height:240px;}

	.cat_content .list li .wrap{padding:30px;padding-bottom:10px;}

	.cat_content .list li .wrap .text{font-size:12px;line-height:24px;max-height:48px;}

	.cat_content .list li .wrap .title a{font-size:24px;line-height:28px;max-height:56px;}

}

@media only screen and (max-width: 480px) {

	.cat_content .list li{width:100%;padding:0;}

}



.about_content{background:#f7f7f7 url("bg_about.jpg")/*tpa=https://www.optstone.com/template/images/bg_about.jpg*/ no-repeat right top;padding-top:50px;padding-bottom:50px;position:relative;z-index:5;}

.about_content .wrap{padding-left:0;padding-right:60px;padding-left:50px;}

.about_content .wrap .title{color:#d08f09;font-size:20px;line-height:24px;font-family:'PlayfairDisplay';margin-bottom:20px;font-style:italic;line-height:24px;border-bottom:1px solid #ebdac3;display:inline-block;margin-top:0;}

.about_content .wrap .text{color:#808080;font-size:14px;overflow:hidden;line-height:28px;max-height:140px;}

.about_content .wrap .main_more{margin-top:30px;}



.number_box{padding-top:45px;}

.numbers__one{float:left;width:50%;margin-bottom:25px;padding-right:15px;}

.numbers__one .numbers__body{display:flex;align-items:center;}

.numbers__one .number__ico{width:54px;height:60px;background:url("bg_single.png")/*tpa=https://www.optstone.com/template/images/bg_single.png*/ no-repeat center center;padding:0 27px;position:relative;}

.numbers__one .number__ico img{position:absolute;top:4px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:-webkit-transform 0.35s;transition:transform .35s;transition:transform 0.35s, -webkit-transform 0.35s;transition-timing-function:cubic-bezier(0.12, 0.845, 0.305, 1);}

.numbers__one:hover .number__ico img{-webkit-transform:translateX(-50%) translateY(-5px) rotate(4deg);transform:translateX(-50%) translateY(-5px) rotate(4deg);}

.about_content .numbers__one .wrap{padding:0;padding-left:15px;}

.numbers__one .numbers__num{color:#4c4c4c;font-size:32px;line-height:24px;}

.numbers__two .numbers__num:after{content:'+';color:#4c4c4c;font-size:32px;line-height:24px;}

.numbers__one .number__desc{color:#808080;font-size:12px;line-height:18px;}



.about_content .image{padding:0;padding-top:0px;}

.about_content .image > ul{list-style:none;position:absolute;width:100%;height:auto;}

.about_content .image li{padding-left:30px;padding-right:0;position:relative;}

.about_content .image li .column{position:relative;overflow:hidden;border-radius:2px;box-shadow:0 0 20px 5px rgba(0,0,0,0.05);}

.about_content .image li .column:before{content:'';display:block;position:absolute;left:0;top:0;background-size:100%;width:100%;min-height:260px;background-repeat:no-repeat;background-position:left top;z-index:1;}

.about_content .image li .column > a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;display:block;}

.about_content .image li .column img{max-width:100%;width:100%;height:auto;transition:all .5s;}

.about_content .image li:hover .column img{-webkit-transform:scale(var(--scale-multiplier,1.05));

	-ms-transform:scale(var(--scale-multiplier,1.05));

	transform:scale(var(--scale-multiplier,1.05));

}

.about_content .image li .wrap{position:absolute;z-index:2;left:0;top:0;padding:0;padding-left:15px;padding-top:20px;}

.about_content .image li h5{font-size:32px;line-height:42px;font-family:'PlayfairDisplay';max-width:90%;margin:0;margin-bottom:15px;text-transform:lowercase;}

.about_content .image li h5:first-letter{text-transform:uppercase;}



.about_content .image li.about_fac{}

.about_content .image li.about_fac .column:before{background-image:url("bg_info_fact.png")/*tpa=https://www.optstone.com/template/images/bg_info_fact.png*/;}

.about_content .image li.about_fac h5{color:#fff;}

.about_content .image li.about_fac .page_more{color:#fff;background-image:url("icon_right_y.png")/*tpa=https://www.optstone.com/template/images/icon_right_y.png*/;}



.about_content .image li.about_cer{margin-top:90px;}

.about_content .image li.about_cer .column:before{background-image:url("bg_info_honor.png")/*tpa=https://www.optstone.com/template/images/bg_info_honor.png*/;}

.about_content .image li.about_cer h5{color:#333333;}

.about_content .image li.about_cer .page_more{color:#333333;background-image:url("icon_right_b.png")/*tpa=https://www.optstone.com/template/images/icon_right_b.png*/;}



@media only screen and (min-width: 768px) {

	.cat_content .list li .wrap .main_more a,

	.about_content .wrap .main_more a{

		height:50px;line-height:50px;font-size:14px;font-family:'poppins_medium';

	}

}

@media only screen and (max-width: 1260px) {

	.about_content .wrap{padding-right:30px;}

	.about_content .image{padding-top:180px;}

	.about_content .image li{padding-left:20px;}

	.about_content .image li h5{font-size:24px;line-height:28px;}

}

@media only screen and (max-width: 992px) {

	.about_content .wrap{padding-bottom:30px;padding-right:0;padding-left:50px;width:100%;}

	.about_content .image{padding:0;width:100%;}

	.about_content .image > ul{position:inherit;}

	.about_content .image li{transform:none !important;}

	.about_content .image li.about_cer{margin-top:40px;}

}

@media only screen and (max-width: 768px) {

	.about_content{padding-top:40px;padding-bottom:20px;}

	.about_content .wrap{padding-left:0;padding-bottom:10px;}

	.about_content .wrap .title{border:none;}

	.about_content .wrap .text{font-size:12px;line-height:24px;max-height:72px;}

	.about_content .image li{padding:0 10px;}

	.about_content .image li.about_cer{margin:0;top:40px;}

}

@media only screen and (max-width: 480px) {

	.number_box{padding-top:30px;}

	.about_content .image li{padding:0 5px;}

	.about_content .image li h5{font-size:16px;line-height:20px;font-family:'poppins_medium';letter-spacing:1px;margin-bottom:10px;}

	.about_content .image li .wrap{padding-left:10px;padding-top:10px;}

	.about_content .image li .page_more{font-size:10px;background-size:10px;line-height:16px;}

	.numbers__one .numbers__num,.numbers__two .numbers__num:after{font-size:24px;line-height:28px;}

}



.pro_content{padding:90px 0;position:relative;z-index:6;overflow:hidden;}

.pro_content .pro_bg_info{background:url("bg02.jpg")/*tpa=https://www.optstone.com/template/images/bg02.jpg*/ no-repeat center center;display:inline-block;width:370px;height:280px;position:absolute;right:0;top:90px;z-index:-1;}

.pro_content .features-tab{position:relative;}

.pro_content .nav-tabs{border:none;padding:0;margin:0;position:absolute;right:0;top:-120px;}

.pro_content .nav-tabs > li{float:none;display:inline-block;margin-left:5px;}

.pro_content .nav-tabs > li > a{display:inline-block;background:none;margin:0;border:none;position:relative;font-family:'poppins_semibold';font-size:12px;color:#333333;line-height:20px;text-transform:uppercase;padding:7px 12px;border-radius:2px;}



.pro_content .nav-tabs > li.active > a,

.pro_content .nav-tabs > li > a:hover,

.pro_content .nav-tabs > li.active > a:focus{

	background:#efb132;border:none;color:#fff;

}



.pro_content .owl-carousel .owl-wrapper-outer{background:transparent;}

.pro_content .single-product{padding:0;text-align:center;margin:0;}

.pro_content .single-product .list{list-style:none;padding-top:20px;}

.pro_content .single-product .list li{padding:10px;}

.pro_content .single-product .list li .column{border:2px solid #f2f2f2;padding:8px;position:relative;}

.pro_content .single-product .list li .column:before,

.pro_content .single-product .list li .column:after{

	content:'';

	display:block;

	position:absolute;

	top:-2px;

	left:-2px;

	right:-2px;

	bottom:-2px;

	transition:all .5s;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	opacity:0;

}

.pro_content .single-product .list li .column:before{

	border-top:2px solid #fed98d;border-bottom:2px solid #fed98d;transform-origin:0 0;-webkit-transform-origin:0 0;transform:scale(0,1);-webkit-transform:scale(0,1);

}

.pro_content .single-product .list li .column:after{

	border-left:2px solid #fed98d;border-right:2px solid #fed98d;transform-origin:100% 0;-webkit-transform-origin:100% 0;transform:scale(1,0);-webkit-transform:scale(1,0);

}

.pro_content .single-product .list li:hover .column:before,

.pro_content .single-product .list li:hover .column:after{

	border-color:#fed98d;

	transform:scale(1);

	-webkit-transform:scale(1);

	filter:alpha(opacity=100);

	-moz-opacity:1;

	opacity:1;

}

.pro_content .single-product .list li:hover .column:after{transition-delay:.15s;-webkit-transition-delay:.15s;}

.pro_content .single-product .list li .image{display:block;overflow:hidden;position:relative;transition:all .5s;}

.pro_content .single-product .list li .image > a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;}

.pro_content .single-product .list li .image img{max-width:100%;height:auto;transition:all .5s;}

.pro_content .single-product .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));filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.pro_content .single-product .list li .icon{position:absolute;left:0;top:0;right:0;bottom:0;}

.pro_content .single-product .list li .icon > a{

	display:inline-block;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	opacity:0;

	position:absolute;

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%, -50%);

	-ms-transform:translate(-50%, -50%);

	transform:translate(-50%, -50%);

	width:40px;

	height:45px;

	transition:all .5s;

	background-position:center center;

	background-repeat:no-repeat;

	z-index:8;

}

.pro_content .single-product .list li .image .icon > a.plus{background-image:url("icon_plus.png")/*tpa=https://www.optstone.com/template/images/icon_plus.png*/;}

.pro_content .single-product .list li .image .icon > a.inquiry{background-image:url("icon_write.png")/*tpa=https://www.optstone.com/template/images/icon_write.png*/;}

.pro_content .single-product .list li:hover .image .icon > a{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.pro_content .single-product .list li:hover .image .icon > a.plus{margin-left:-30px;}

.pro_content .single-product .list li:hover .image .icon > a.inquiry{margin-left:30px;}

.pro_content .single-product .list li .title{display:block;margin-top:20px;position:relative;z-index:2;}

.pro_content .single-product .list li .title a{color:#333333;font-size:14px;line-height:24px;overflow:hidden;height:48px;display:block;font-family:'poppins_medium';}

.pro_content .single-product .list li .title a:hover{color:#d08f09;text-decoration:none;}

.pro_content .single-product .list li .text{margin-bottom:15px;color:#808080;font-size:12px;line-height:24px;overflow:hidden;height:48px;}



.pro_content .single-product .mobile_list{display:none;}

.pro_content .single-product .slider .li{padding:3px;}

.pro_content .single-product .slider .li .column{border:2px solid #f2f2f2;padding:5px;}

.pro_content .single-product .slider .li .image{display:block;overflow:hidden;}

.pro_content .single-product .slider .li .image img{max-width:100%;height:auto;}

.pro_content .single-product .slider .li .title a{font-size:12px;line-height:20px;color:#333;height:40px;overflow:hidden;display:block;font-family:'poppins_semibold';}

.pro_content .single-product .slider .li .text{color:#808080;font-size:12px;line-height:20px;overflow:hidden;height:40px;}



.pro_content .slick-prev,.pro_content .slick-prev:hover{left:0;width:20px;}

.pro_content .slick-next,.pro_content .slick-next:hover{right:0;width:20px;}

@media (max-width: 768px) {

	.pro_content .owl-carousel .owl-wrapper,.pro_content .owl-carousel .owl-item{width:100% !important;}

}



@media only screen and (max-width: 992px) {

	.pro_content .single-product .list{padding-top:0;}

	.pro_content .single-product .list li{padding:5px;}

}

@media only screen and (max-width: 768px) {

	.pro_content{padding:70px 0 50px 0;}

	.pro_content .pro_bg_info{width:240px;background-position:left center;}

	.pro_content .nav-tabs{position:inherit;top:0;margin-bottom:20px;}

	.pro_content .nav-tabs > li{float:left;width:50%;margin:0;padding:0 2px;text-align:center;}

	.pro_content .nav-tabs > li a{background:#fafafa;display:block;}

	.pro_content .single-product .list{display:none;}

	.pro_content .single-product .mobile_list{display:block;}

}





.gallery_content{padding-bottom:80px;position:relative;z-index:2;background:#fff url("bg_case.jpg")/*tpa=https://www.optstone.com/template/images/bg_case.jpg*/ no-repeat top center;}

.gallery_content .main_more{vertical-align:middle;}

.gallery_content .more_con{border-radius:2px;margin-left:20px;}

.gallery_content .more_con a{background-color:#f7f7f7;color:#efb132;padding-right:36px;background-image:url("icon_con.png")/*tpa=https://www.optstone.com/template/images/icon_con.png*/;background-repeat:no-repeat;background-position:88% 12px;border:2px solid #efb132;}

.gallery_content .more_con:hover a{background-color:#efb132;color:#fff;background-image:url("icon_con_w.png")/*tpa=https://www.optstone.com/template/images/icon_con_w.png*/;}

.gallery_content .slider .li{padding:15px;}

.gallery_content .slider .li .column{position:relative;}

.gallery_content .slider .li .column > a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:10;}

.gallery_content .slider .li .image{display:block;overflow:hidden;}

.gallery_content .slider .li .image img{max-width:100%;width:100%;height:auto;transition:all .5s;}

.gallery_content .slider .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));

}

.gallery_content .slider .li .ovrly{width:100%;height:100%;display:block;position:absolute;left:0;top:0;background:#000;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .5s;}

.gallery_content .slider .li:hover .ovrly{filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}

.gallery_content .slider .li .wrap{

	padding:20px 30px;

	position:absolute;

	left:0;bottom:0;

	width:100%;

	background-image: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(0,0,0,0.6));

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(1, rgba(0,0,0,0.6)));

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b5b55', endColorstr='#5b5b55', GradientType='0');

	background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,0.6));

	transition:all .5s;

}

.gallery_content .slider .li:hover .wrap{background:transparent;transform:translate3d(0,-15px,0);-webkit-transform:translate3d(0,-15px,0);}

.gallery_content .slider .li .wrap:before{content:'';width:4px;height:40px;background:#fed98d;top:15px;left:0px;display:inline-block;position:absolute;z-index:2;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .5s;}

.gallery_content .slider .li:hover .wrap:before{left:10px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.gallery_content .slider .li .wrap h4{margin-top:0;font-size:24px;font-family:'PlayfairDisplay';line-height:28px;overflow:hidden;text-transform:capitalize;color:#fff;position:relative;}

.gallery_content .slider .li .wrap .title{color:#333333;font-size:24px;margin:0;margin-bottom:10px;line-height:28px;font-family:'PlayfairDisplay';}

.gallery_content .slider .li .text{color:#ffffff;font-size:14px;line-height:28px;overflow:hidden;height:0;max-width:80%;transition:all .5s;}

.gallery_content .slider .li:hover .text{height:84px;}



.gallery_content .slick-prev{left:0;}

.gallery_content .slick-next{right:0;}



@media only screen and (max-width: 992px) {

	.gallery_content .slider .li .text,.gallery_content .slider .li:hover .text{height:48px;line-height:24px;}

}

@media only screen and (max-width: 768px) {

	.gallery_content{padding-bottom:40px;}

	.gallery_content .slider .li{padding:10px;}

	.gallery_content .slider .li .wrap h4{font-size:20px;line-height:24px;}

	.gallery_content .slider .li .text,.gallery_content .slider .li:hover .text{font-size:12px;}

}



.news_content{position:relative;z-index:2;padding:90px 0 70px 0;}

.news_content:before{content:'';width:100%;height:520px;background:#f7f7f7 url("bg_news.jpg")/*tpa=https://www.optstone.com/template/images/bg_news.jpg*/ no-repeat right top;position:absolute;top:0;left:0;z-index:-1;}

.news_content .list{list-style:none;}

.news_content .list li:nth-child(3n+2){margin-top:20px;}

.news_content .list li .image{display:block;position:relative;z-index:3;}

.news_content .list li .image:before{content:'';position:absolute;left:10px;top:10px;right:0;bottom:0;border:1px solid #fed98d;display:block;transition:all .5s;z-index:-1;}

.news_content .list li:hover .image:before{right:-10px;bottom:-10px;}

.news_content .list li .image > a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:10;}

.news_content .list li .image .img{display:block;overflow:hidden;}

.news_content .list li .image img{max-width:100%;height:auto;transition:all .5s;}

.news_content .list 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));

}

.news_content .list li .image .ovrly{display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#000;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.news_content .list li:hover .image .ovrly{filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}

.news_content .list li .image .icon{position:absolute;top:50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);right:40px;color:#fed98d;font-style:italic;font-size:24px;font-family:'PlayfairDisplay';line-height:28px;padding-top:40px;background:url("icon_right02.png")/*tpa=https://www.optstone.com/template/images/icon_right02.png*/ no-repeat right top;z-index:2;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .5s;}

.news_content .list li:hover .image .icon{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;right:20px;}

.news_content .list li .date{position:absolute;left:10px;top:54%;background:#efb132;padding:5px 10px;display:inline-block;color:#ffffff;font-family:'PlayfairDisplay';font-style:italic;font-size:18px;line-height:20px;z-index:8;}

.news_content .list li .title{margin-top:20px;}

.news_content .list li .title a{display:block;color:#333333;font-size:18px;line-height:24px;overflow:hidden;font-family:'poppins_medium';height:48px;}

.news_content .list li:hover .title a{color:#d08f09;}

.news_content .list li .text{color:#808080;font-size:12px;line-height:24px;overflow:hidden;max-height:72px;margin-bottom:15px;}



@media only screen and (max-width: 1260px) {

	.news_content .list li{padding:0 10px;}

	.news_content .list li .date{top:45%;}

}

@media only screen and (max-width: 992px) {

	.news_content:before{height:420px;}

	.news_content .list li .date{font-size:16px;}

	.news_content .list li .title a{font-size:16px;}

	.news_content .list li .image .icon{font-size:20px;line-height:24px;}

}

@media only screen and (max-width: 768px) {

	.news_content{padding:50px 0;background:#f7f7f7;}

	.news_content .list li{padding:0;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f2f2f2;}

	.news_content .list li .image{display:none;}

	.news_content .list li .date{position:inherit;left:auto;top:auto;background:url("icon_date.png")/*tpa=https://www.optstone.com/template/images/icon_date.png*/ no-repeat left center;color:#efb132;padding-left:30px;}

	.news_content .list li .title{margin-top:10px;}

	.news_content .list li .title a{height:auto;max-height:48px;}

	.news_content .list li .text{height:48px;}

	.news_content:before{background-size:80%;height:300px}

}



.send_content{padding:40px 0 0 0;position:relative;background:url("bg_send.jpg")/*tpa=https://www.optstone.com/template/images/bg_send.jpg*/ no-repeat center center;background-size:cover;}

.send_content .attachment_line_top{top:0;background-image:url("bg_line02.png")/*tpa=https://www.optstone.com/template/images/bg_line02.png*/;}

.send_content h6{color:#333333;font-size:48px;line-height:54px;margin:0;font-family:'PlayfairDisplay';margin-bottom:25px;}

.send_content .text{color:#333333;font-size:14px;line-height:24px;}



.send_column{position:relative;bottom:-80px;z-index:999;border-radius:5px;padding:0;background:#fff;padding:60px 0;box-shadow:0 0 15px 2px rgba(0,0,0,0.05);}

.send_column h6{padding-left:50px;}

.send_column .text{color:#808080;margin-left:50px;max-width:75%;}

.send_column ul{list-style:none;margin-top:30px;padding:10px 40px;}

.send_column ul.info_left_line:before{left:10px;}

.send_column ul li{margin-bottom:20px;}

.send_column ul li span{display:block;position:relative;}

.send_column ul li span:before{content:'';position:absolute;width:55px;height:60px;display:inline-block;background-position:center center;background-repeat:no-repeat;}

.send_column ul li span.ms_e:before{background-image:url("mes_e.png")/*tpa=https://www.optstone.com/template/images/mes_e.png*/;}

.send_column ul li span.ms_p:before{background-image:url("mes_p.png")/*tpa=https://www.optstone.com/template/images/mes_p.png*/;}

.send_column ul li span.ms_m:before{background-image:url("mes_m.png")/*tpa=https://www.optstone.com/template/images/mes_m.png*/;}

.send_column ul li span:after{content:'*';color:#ff0000;font-size:12px;position:absolute;right:15px;top:10px;}

.send_column ul li span.ms_p:after{display:none;}



.send_column ul li input{background:#fff;background:rgba(255,255,255,0.2);height:60px;width:100%;line-height:60px;padding-left:55px;padding-right:10px;font-family:'poppins';font-size:12px;color:#808080;border:2px solid #e5e5e5;border-radius:2px;}

.send_column ul li textarea{height:120px;background:#fff;background:rgba(255,255,255,0.2);width:100%;max-width:100%;max-height:120px;font-family:'poppins';font-size:12px;padding:15px 15px 15px 55px;color:#808080;border:2px solid #e5e5e5;border-radius:2px;}

.send_column ul li input:focus,.send_column ul li textarea:focus{color:#333;}

.send_column ul li input:-ms-input-placeholder{color:#808080;}/* Internet Explorer 10+ */ 

.send_column ul li input::-webkit-input-placeholder{color:#808080;}/* WebKit browsers */

.send_column ul li input::-moz-placeholder{color:#808080;}/* Mozilla Firefox 4 to 18 */ 

.send_column ul li input:-moz-placeholder{color:#808080;}/* Mozilla Firefox 19+ */ 



.send_column ul li textarea:-ms-input-placeholder{color:#808080;}/* Internet Explorer 10+ */ 

.send_column ul li textarea::-webkit-input-placeholder{color:#808080;}/* WebKit browsers */

.send_column ul li textarea::-moz-placeholder{color:#808080;}/* Mozilla Firefox 4 to 18 */ 

.send_column ul li textarea:-moz-placeholder{color:#808080;}/* Mozilla Firefox 19+ */ 

.send_column .main_more{margin:0;margin-left:45px;}

.send_column .main_more input{font-family:'poppins';font-size:14px;}



.letter_column{padding:0;padding-left:50px;padding-top:120px;}

.letter_column > .box{position:relative;padding-left:50px;}

.letter_column h6 p{font-size:36px;}

.letter_column .letter-input{max-width:100%;width:100%;position:relative;z-index:2;margin-top:30px;}

.letter_column .letter-input:before{content:'';border-radius:2px;background:#fff;position:absolute;left:5px;top:5px;right:-5px;bottom:-5px;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;z-index:-1;}

.letter_column .letter-input .fot_input{width:100%;font-size:12px;height:50px;line-height:50px;background:#fff;border:none;border-radius:5px 20px 5px 20px;display:block;padding-left:15px;color:#808080;font-family:'poppins';padding-right:60px;border-radius:2px;}

.letter_column .letter-input .fot_input:focus{color:#333;}

.letter_column .letter-input input:-ms-input-placeholder{color:#808080;}/* Internet Explorer 10+ */ 

.letter_column .letter-input input::-webkit-input-placeholder{color:#808080;}/* WebKit browsers */

.letter_column .letter-input input::-moz-placeholder{color:#808080;}/* Mozilla Firefox 4 to 18 */ 

.letter_column .letter-input input:-moz-placeholder{color:#808080;}/* Mozilla Firefox 19+ */ 

.letter_column .letter-input .send{display:inline-block;width:46px;height:36px;background:#efb132;position:absolute;right:9px;top:7px;border-radius:2px;font-family:'poppins_medium';text-transform:uppercase;color:#fff;font-size:14px;}



@media only screen and (max-width: 992px) {

	.send_content{padding:40px 0;}

	.send_column{bottom:auto;width:100%;}

	.send_content h6,.send_column h6{font-size:36px;line-height:42px;}

	.letter_column{padding:0;padding-top:30px;width:100%;padding-right:50px;}

}

@media only screen and (max-width: 768px) {

	.send_column{display:none;}

	.send_content:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:#000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;display:block;}

	.letter_column{padding-top:0;padding-right:10px;}

	.send_content h6{color:#fff;margin-bottom:10px;font-size:32px;line-height:36px;}

	.send_content .text{color:#fff;font-size:12px;}

	.letter_column .letter-input{margin-top:15px;}

	.letter_column > .box{padding-left:30px;}

}



.footer{position:relative;z-index:11;padding:80px 0 30px 0;background:url("bg_foot.jpg")/*tpa=https://www.optstone.com/template/images/bg_foot.jpg*/ no-repeat center center;background-size:cover;}

.footer .attachment_line_top{background-image:url("bg_line03.png")/*tpa=https://www.optstone.com/template/images/bg_line03.png*/;top:-8px;}

.footer .fot_title{position:relative;display:block;margin-bottom:30px;}

.footer .fot_title em{display:block;color:#ffffff;font-size:24px;line-height:28px;text-transform:lowercase;font-family:'PlayfairDisplay';margin-bottom:10px;}

.footer .fot_title em:first-letter{text-transform:uppercase;}

.footer ul,.foot_bot ul{list-style:none;}

.icon-minus-sign,

.icon-plus-sign{

	width:14px;height:14px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;

}

.icon-minus-sign:before,

.icon-minus-sign:after,

.icon-plus-sign:before,

.icon-plus-sign:after{

	content:'';display:inline-block;background:#808080;width:14px;height:2px;margin:2px 0;

}

.icon-plus-sign{width:12px;height:12px;}

.icon-plus-sign:before,.icon-plus-sign:after{width:12px;}

.icon-plus-sign:after{transform:rotate(90deg) translate(-6px,0px);-webkit-transform:rotate(90deg) translate(-6px,0px);}

.icon-minus-sign:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}

.icon-minus-sign:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}

.fot_title .column_icon_toggle {display: none;}



.fot_nav{float:left;width:20%;padding-right:40px;padding-top:60px;}

.fot_nav li{margin-bottom:8px;}

.fot_nav li a{font-size:12px;line-height:18px;color:#b2b2b2;position:relative;display:inline-block;transition:all .5s;text-transform:capitalize;padding-left:15px;background:url("icon_circle.png")/*tpa=https://www.optstone.com/template/images/icon_circle.png*/ no-repeat left 5px;}

.fot_nav li a:hover{color:#efb132;padding-left:18px;}



.fot_tag{float:left;width:46%;padding-right:40px;padding-top:60px;}

.fot_tag li{margin-bottom:8px;}

.fot_tag li a{font-size:12px;line-height:18px;color:#b2b2b2;position:relative;display:inline-block;transition:all .5s;text-transform:capitalize;padding-left:15px;background:url("icon_circle.png")/*tpa=https://www.optstone.com/template/images/icon_circle.png*/ no-repeat left 5px;}

.fot_tag li a:hover{color:#efb132;padding-left:18px;}



.fot_about{float:left;width:34%;}

.fot_about .fot_logo{display:inline-block;margin-bottom:35px;}

.fot_about .fot_logo img{max-width:80px;height:auto;}

.fot_about .text{color:#b2b2b2;font-size:12px;line-height:24px;overflow:hidden;max-height:150px;}



.footer .social_icons{float:none;padding-top:30px;}

.footer .social_icons li a{width:36px;height:36px;background:#fff;border-radius:50%;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;text-align:center;padding:9px 0;}

.footer .social_icons li:hover a{transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}



.foot_bot{padding-top:60px;text-align:left;}

.foot_bot .copy{color:#808080;font-size:12px;}

.foot_bot .copy a{color:#808080;font-size:12px;}

.foot_bot .copy span{color:#666666;}

.foot_bot .copy span a{color:#666666;}

.foot_bot .copy a:hover,.foot_bot .copy span a:hover{color:#efb132;}

.foot_bot .friendly{display:inline-block;margin-top:5px;}

.foot_bot .friendly p{display:inline-block;color:#808080;font-size:12px;}

.foot_bot .friendly a{margin-right:5px;color:#808080;font-size:12px;}

.foot_bot .friendly a:hover{color:#efb132;}



@media only screen and (min-width: 992px) {

	.fot_tag ul{-moz-column-count: 2;

		-webkit-column-count: 2;

		column-count: 2;

		-moz-column-gap: 0px;

		-webkit-column-gap: 0px;

		column-gap: 0px;}

}

@media only screen and (max-width: 992px) {

	.footer{padding:40px 10px 20px 10px;margin:0;background-position:right center;}

	.footer .fot_tag,.footer .fot_nav,.footer .fot_con,.footer .fot_mes,.footer .fot_pro{width:100%;padding:0;}

	.footer .fot_title em,.foot_bot .fot_nav .fot_title em{margin-bottom:0;font-size:20px;line-height:24px;padding-bottom:0;font-family:'PlayfairDisplay';}

	.footer .fot_title span{display:none;}

	.footer .fot_title,.foot_bot .fot_nav .fot_title{display:block;border-bottom:1px solid #4d4d4d;padding-bottom:10px;cursor:pointer;margin-bottom:10px;font-size:15px;position:relative;color:#fff;text-transform:uppercase;}

	.footer .fot_title .column_icon_toggle,.foot_bot .fot_nav .fot_title .column_icon_toggle{display: inline-block;position: absolute;right:15px;top:8px;font-style:normal;cursor:pointer;font-weight:normal;}

	.footer .toggle_content{padding-bottom:30px;padding-top:10px;}

	.fot_about{width:100%;}

	.fot_about .fot_logo,.fot_about .text{display:none;}

	.footer .social_icons{padding-top:15px;}

	.foot_bot{padding-top:20px;}

	.footer .social_icons li a{width:30px;height:30px;padding:6px 0;}

}



/*back-top*/

.back_top{width:48px;height:54px;text-align:center; position:fixed; right:10px;bottom:60px; z-index:9999; display:none; background:url("bg_single.png")/*tpa=https://www.optstone.com/template/images/bg_single.png*/ no-repeat center center;background-size:cover;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}

.back_top:after{content:"TOP";font-family:FontAwesome;color:#fff;font-size:14px;line-height:20px;font-family:'poppins_medium';letter-spacing:1px;display:block;}

.back_top:before{content:"\f102";font-family:'FontAwesome';color:#fff;font-size:20px;display:block;line-height:20px;margin-top:5px;}

.back_top:hover{bottom:61px;text-decoration:none;box-shadow:0 0 20px 5px rgba(0,0,0,0,0.1);}

.back_top:link{text-decoration:none;}

.back_top:hover:before{color:#fff;text-decoration:none;}



#online_qq_layer{z-index:9999999;position:fixed;right:60px;bottom:20px; }

#floatShow{display:block;}

#floatHide{display:none;}

#online_qq_tab{position:relative;z-index:9;}

#online_qq_tab #floatShow{overflow:hidden;background:#efb132 url("online.png")/*tpa=https://www.optstone.com/template/images/online.png*/ no-repeat 15px center;height:50px; width:180px;float:right; line-height:50px;color:#fff;padding-left:50px;color:#fff;font-size:14px;border-radius:25px;text-transform:lowercase;font-family:'poppins_medium';box-shadow:0 0 13px 0 rgba(151,151,151,0.5);-webkit-box-shadow:0 0 13px 0 rgba(151,151,151,0.5);-webkit-transition:all var(--transition-time,800ms);

	-o-transition:all var(--transition-time,800ms);

	transition:all var(--transition-time,800ms);}

#online_qq_tab #floatShow i{height:40px;width:68px;float:right;display:inline-block;}

#online_qq_tab #floatShow:hover{margin-right:0;}

#online_qq_tab #floatHide{overflow:hidden;width:30px; height:30px;font-size:13px;float:right; color:#808080; line-height:50px;text-align:left;position:absolute;right:10px;top:10px;}

#online_qq_tab #floatHide i{width:20px;height:20px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;}

#online_qq_tab #floatHide i:before,

#online_qq_tab #floatHide i:after{

content:'';display:inline-block;background:#999;width:20px;height:2px;margin:2px 0;

}

#online_qq_tab #floatHide i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}

#online_qq_tab #floatHide i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}



#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:0 0 13px 0 rgba(151,151,151,0.5);-webkit-box-shadow:0 0 13px 0 rgba(151,151,151,0.5);border-top:none;}

#online_qq_layer .inquiry .main_more{margin-top:0;}

#online_qq_layer .inquiry .main_more input{padding-left:15px;padding-right:15px;height:36px;line-height:36px;background-image:none;font-family:'poppins';}

#onlineService .title{display:block;font-size:24px;text-transform:capitalize;margin-bottom:10px;font-family:'PlayfairDisplay';}

#onlineService .title b{color:#efb132;font-family:'PlayfairDisplay';}

#onlineService .text{ margin-bottom:10px; color:#808080; line-height:20px; font-size:12px;}

.i_message_inquiry { padding:20px;}



.i_message_inquiry .inquiry .form-control{ border:2px solid #efefef; background:none; line-height:50px;height:50px; color:#808080; font-size:12px;width:100%;box-shadow:none;padding-left:40px;}

.i_message_inquiry .inquiry .form-control:focus{color:#333;background:#fafafa;}

.i_message_inquiry .inquiry .input-group{  background:#fff; height:32px; margin-bottom:10px;width:100%;border:none;}

.i_message_inquiry .inquiry .input-group span{display:block;position:relative;}

.i_message_inquiry .inquiry .input-group span:before{content:'*';color:red;position:absolute;right:10px;top:10px;z-index:2;}

.i_message_inquiry .inquiry .input-group span.ms_n input{background-image:url("mes_n.png")/*tpa=https://www.optstone.com/template/images/mes_n.png*/;background-position:8px 15px;background-repeat:no-repeat;}

.i_message_inquiry .inquiry .input-group span.ms_p input{background-image:url("mes_p.png")/*tpa=https://www.optstone.com/template/images/mes_p.png*/;background-position:8px 15px;background-repeat:no-repeat;}

.i_message_inquiry .inquiry .input-group span.ms_e input{background-image:url("mes_e.png")/*tpa=https://www.optstone.com/template/images/mes_e.png*/;background-position:8px 15px;background-repeat:no-repeat;}

.i_message_inquiry .inquiry .input-group span.ms_m .form-control{height:80px;padding-top:10px;line-height:20px;background-image:url("mes_m.png")/*tpa=https://www.optstone.com/template/images/mes_m.png*/;background-position:8px 10px;background-repeat:no-repeat;}

.i_message_inquiry .inquiry .input-group span.ms_p:before,.i_message_inquiry .inquiry .input-group span.ms_n:before{display:none;}



/*service*/

.online_section{position:fixed;z-index:99999999;top:200px;right:-220px;transition:all .3s ease;}

.online_section ul li{border-radius:5px 0 0 5px;list-style:none;width:260px;height:40px;color:#fff; padding-left:50px; margin-bottom:3px;transition:all .5s ease;overflow:hidden; margin-bottom:3px; line-height:40px; font-size:12px;border:2px solid #efb132;background:#efb132;background-repeat:no-repeat;}

.online_section ul li a{ line-height:40px; font-size:12px; color:#fff;}

.online_section .online_p{background-image:url("right_p.png")/*tpa=https://www.optstone.com/template/images/right_p.png*/;background-position:10px 8px;}

.online_section .online_e{background-image:url("right_e.png")/*tpa=https://www.optstone.com/template/images/right_e.png*/;background-position:10px 8px;background-color:#fff;border-color:#efb132;}

.online_section .online_s{background-image:url("right_s.png")/*tpa=https://www.optstone.com/template/images/right_s.png*/;background-position:10px 8px;background-color:#fff;border-color:#efb132;}

.online_section .online_w{background-image:url("right_w.png")/*tpa=https://www.optstone.com/template/images/right_w.png*/;background-position:10px 8px;}

.online_section .online_code{background-image:url("right_code.png")/*tpa=https://www.optstone.com/template/images/right_code.png*/;background-position:10px 8px;}

.online_section .online_code p{ padding-left:0; font-size:12px;}

.online_code .image{width:100%; padding:5px 10px 10px;}

.online_code .image img{max-width:100px;height:auto; vertical-align:bottom;display:inline-block;}

.online_code .image p{display:inline-block; vertical-align:bottom;font-size:12px;padding-left:10px;}



.online_section .online_e a,.online_section .online_s a{color:#333;}

@media only screen and (max-width: 768px) {.online_section{display:none;}}



.mobile_nav{position:fixed;background:#efb132;left:0;bottom:0;width:100%;padding:10px 0;display:none;z-index:999999;box-shadow:0 0 10px 0 rgba(255,255,255,0.4);-webkit-box-shadow:0 0 15px 0 rgba(255,255,255,0.4);border-radius:25px 25px 0 0;}

.mobile_nav a{display:inline-block;width:20%;padding:0 10px;float:left;text-align:center;color:#fff;}

.mobile_nav a i{font-size:16px;}

.mobile_nav a p{color:#fff;padding-top:8px;font-size:12px;text-transform:uppercase;line-height:12px;}

.mobile_nav a:nth-child(3){float:right;}

.mobile_nav a:nth-child(4){float:right;}



@media only screen and (max-width: 992px){

	#service{display:none;}

	#onlineService01{width:150px;}

	.onlineMenu .call-top{padding:8px 5px;}

	.onlineMenu .call-top p{font-size:16px;}

	.onlineMenu ul{padding:10px;}

	.onlineMenu .call>p{padding-left:20px;font-size:13px;}

	.onlineMenu .call>p a{font-size:13px;}

	.onlineMenu .call>p.ser01,.onlineMenu .call>p.ser02,.onlineMenu .call>p.ser03,.onlineMenu .call>p.ser04,.onlineMenu .call>p.ser05{background-size:12px;}

	.back_top{right:0;bottom:80px;width:40px;height:50px;}

	.back_top:before{font-size:16px;}

	.back_top:after{font-size:12px;}

}



@media only screen and (max-width: 768px) {

	#online_qq_layer{right:0;}

	#onlineService{ width:100%;}

	#online_qq_layer{ width:100%;bottom:0;}

	#online_qq_tab{ width:100%;}

	#online_qq_tab #floatShow{ background:#efb132 url("mobile-inq.png")/*tpa=https://www.optstone.com/template/images/mobile-inq.png*/ no-repeat center center;border-radius:0;margin-right:0; width:50px; height:50px; position:absolute;left:50%;bottom:10px;margin-left:-25px;border:2px solid rgba(255,255,255,0.4);box-shadow:none;border-radius:50%;text-indent:-999999px;z-index:9999999999;}

	#online_qq_tab #floatShow i{display:none;}

	#online_qq_tab #floatShow span{ display:none;}

	.mobile_nav{display:block;}

	.foot_bot{padding-bottom:60px;}

	#onlineService .i_message_inquiry .main-more input{padding:8px 20px;}

	.i_message_inquiry{padding:15px 10px;}

}

@media only screen and (max-width: 375px) {

	.mobile_nav a p{text-transform:capitalize;}

	#online_qq_tab #floatShow{width:42px;height:42px;background-size:42px;bottom:10px;padding:0;margin-left:-21px;}

}





/*page*/

.page_banner{position:relative;z-index:10;background:#f5f5f5;text-align:center;overflow:hidden;}

.page_banner .attachment_line_top{top:auto;bottom:0;}

.page_banner img{max-width:100%;height:auto;width:100%;}

.breadcrumb{font-size:12px;border-radius:0;text-transform:capitalize;margin:0;padding:0;padding:15px 0;border-bottom:1px solid #eee;background:#fff;width:100%;position:relative;z-index:5;margin-bottom:0;}

.breadcrumb .main_title h6{font-size:48px;line-height:54px;}

.breadcrumb .bread-right{padding-top:0;color:#808080;position:relative;z-index:1;text-align:right;font-size:12px;padding-top:0;display:flex;float:right;align-items:center;}

.breadcrumb .bread-right > i{margin:0 8px;display:inline-block;width:4px;height:4px;background:#e5e5e5;border-radius:50%;font-style:normal;}

.breadcrumb .bread-right a{color:#808080;}

.breadcrumb .bread-right a.home{text-transform:uppercase;color:#efb132;}

.breadcrumb .bread-right i.qq_fa{font-size:12px;color:#efb132;position: relative;
    top: -4px;
    left: -4px;}

.breadcrumb .bread-right a:hover{color:#efb132;}

.breadcrumb .bread-right h2{margin:0;padding:0;font-size:12px;color:#808080;}

.single-page .text{font-size:12px;line-height:24px;}

.single-page .text img{max-width:100%;height:auto;}

.single-page .text a:hover{color:#efb132;}

.page_section{position:relative;z-index:10;padding:80px 0;background:url("bg_cat.jpg")/*tpa=https://www.optstone.com/template/images/bg_cat.jpg*/ no-repeat bottom center;overflow:hidden;}



.page_nav{list-style:none;padding-bottom:20px;text-align:right;}

.page_nav li{display:inline-block;margin-bottom:10px;margin-left:10px;}

.page_nav li a{display:inline-block;background:#fafafa;padding:10px 15px;font-family:'poppins_medium';text-transform:capitalize;letter-spacing:1px;font-size:14px;}

.page_nav li a:hover , .page_nav li.active a{background:#efb132;color:#fff;text-decoration:none;}

.page_nav li a:hover:before , .page_nav li.active a:before{background:#efb132;}



@media only screen and (max-width: 992px) {

	.breadcrumb .main_title h6{font-size:36px;line-height:42px;}

	.page_nav{text-align:left;}

	.page_nav li{margin-right:10px;margin-left:0;}

}

@media only screen and (max-width: 768px) {

	.breadcrumb{padding-bottom:0;border:none;}

	.page_banner .attachment_line_top{bottom:-20px;}

	.page_section{padding:40px 0 50px 0;background:#fff;}

	.single-page .text{font-size:12px;}

	.breadcrumb .bread-right{text-align:left;float:none;padding:5px;background:#fafafa;}

	.breadcrumb .main_title h6{font-size:32px;line-height:36px;}

	.page_nav li a{font-size:12px;font-family:'poppins_semibold';letter-spacing:inherit;}

}



.page_title{display:block;position:relative;margin-bottom:20px;}

.page_title:before{content:'';width:100%;height:3px;background:#fafafa;display:block;position:absolute;left:0;bottom:10px;z-index:-1;}

.page_title em{display:inline-block;background:#fff;text-align:left;position:relative;z-index:1;color:#333;padding:5px 10px 5px 25px;text-transform:lowercase;font-size:28px;line-height:24px;font-family:'PlayfairDisplay';}

.page_title em:first-letter{text-transform:uppercase;}



.single_con_column .main_title{padding-right:60px;padding-left:0;}

.single_con_column .main_title h6{margin-top:0;float:none;margin-bottom:20px;font-size:48px;line-height:54px;padding-left:30px;}

.contact_list{list-style:none;padding:0;text-align:left;margin-bottom:20px;padding-top:0;float:right;}

.contact_list li{margin-bottom:30px;position:relative;z-index:2;display:flex;align-items:center;}



.contact_list li .icon{position:relative;width:48px;height:48px;padding:0 24px;text-align:center;transition: 0.5s all;}

.contact_list li .icon img{position:absolute;top:4px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:-webkit-transform 0.35s;transition:transform .35s;transition:transform 0.35s, -webkit-transform 0.35s;transition-timing-function:cubic-bezier(0.12, 0.845, 0.305, 1);}

.contact_list li:hover .icon img{-webkit-transform:translateX(-50%) translateY(-5px) rotate(4deg);transform:translateX(-50%) translateY(-5px) rotate(4deg);}



.contact_list li .text{padding-left:20px;min-height:72px;}

.contact_list li a:hover{color:#d08f09;}

.contact_list .title{display:block;color:#333;font-size:16px;line-height:20px;text-transform:lowercase;font-family:'poppins_medium';letter-spacing:1px;margin-bottom:8px;}

.contact_list .title:first-letter{text-transform:uppercase;}

.contact_list p{margin-bottom:2px;font-size:12px;line-height:20px;}



@media only screen and (max-width: 768px) {

	.contact_list{width:100%;}

	.contact_list li{padding:0;margin-bottom:20px;}

	.contact_list li .icon{width:32px;height:32px;padding:0 16px;}	

	.contact_list li .icon img{max-width:32px;}
	.contact_list li .text{min-height:inherit;}
}

@media only screen and (max-width: 480px) {

	.contact_list li .box{padding:15px;}

}

.con_main{padding-top:80px;}

.con_main .text{font-size:12px;line-height:24px;}



.single_message_column{background:url("bg_send.jpg")/*tpa=https://www.optstone.com/template/images/bg_send.jpg*/ no-repeat center center;z-index:2;background-size:cover;padding:30px;padding-right:0;padding-bottom:0;position:relative;z-index:9999999;}

.single_message_column .attachment_line_top{top:0;background-image:url("bg_line02.png")/*tpa=https://www.optstone.com/template/images/bg_line02.png*/;}

.single_message_column .attachment_line_bottom{top:auto;bottom:0;background-image:url("bg_line.png")/*tpa=https://www.optstone.com/template/images/bg_line.png*/;}

.single_message_column .main_title h6{font-size:48px;line-height:54px;float:none;max-width:100%;}

.message{position:relative;text-align:left;padding:0;padding-top:40px;padding-bottom:40px;background:#fff url("icon_send.jpg")/*tpa=https://www.optstone.com/template/images/icon_send.jpg*/ no-repeat 98% 4%;border-radius:2px;top:30px;box-shadow:0 0 15px 2px rgba(0,0,0,0.05);z-index:999;}

.message .text{font-size:12px;line-height:24px;color:#808080;margin-bottom:15px;margin-left:50px;}

.message ul{list-style:none;position:relative;z-index:5;padding:10px 40px;}

.message li{margin-bottom:15px;padding-left:10px;padding-right:10px;}

.message li p{border:2px solid #e5e5e5;padding:10px 15px;font-family:'poppins_medium';font-size:12px;letter-spacing:1px;text-transform:capitalize;}

.message li p a{display:inline-block;color:red;text-decoration:underline;letter-spacing:0;margin-left:5px;}

.message li span{display:block;position:relative;}

.message li span:before{content:'*';color:red;position:absolute;right:15px;top:10px;}

.message li span.ms_p:before,

.message li span.ms_n:before,

.message li span.ms_c:before{

	display:none;

}

.message li span:after{content:'';width:50px;height:60px;background-repeat:no-repeat;background-position:center center;position:absolute;left:2px;top:0;}

.message li span.ms_p:after{background-image:url("mes_p.png")/*tpa=https://www.optstone.com/template/images/mes_p.png*/;}

.message li span.ms_e:after{background-image:url("mes_e.png")/*tpa=https://www.optstone.com/template/images/mes_e.png*/;}

.message li span.ms_m:after{background-image:url("mes_m.png")/*tpa=https://www.optstone.com/template/images/mes_m.png*/;}

.message li span.ms_p:before,.message li span.ms_n:before{display:none;}

.message li input{background:#fff;background:rgba(255,255,255,0.2);height:60px;width:100%;line-height:60px;padding-left:55px;padding-right:10px;font-family:'poppins';font-size:12px;color:#808080;border:2px solid #e5e5e5;border-radius:2px;}

.message ul li textarea{height:120px;background:#fff;background:rgba(255,255,255,0.2);width:100%;max-width:100%;max-height:120px;font-family:'poppins';font-size:12px;padding:15px 15px 15px 55px;color:#808080;border:2px solid #e5e5e5;border-radius:2px;}

.message ul li input:focus,.message ul li textarea:focus{color:#333;}

.message ul li input:-ms-input-placeholder{color:#808080;}/* Internet Explorer 10+ */ 

.message ul li input::-webkit-input-placeholder{color:#808080;}/* WebKit browsers */

.message ul li input::-moz-placeholder{color:#808080;}/* Mozilla Firefox 4 to 18 */ 

.message ul li input:-moz-placeholder{color:#808080;}/* Mozilla Firefox 19+ */ 



.message ul li textarea:-ms-input-placeholder{color:#808080;}/* Internet Explorer 10+ */ 

.message ul li textarea::-webkit-input-placeholder{color:#808080;}/* WebKit browsers */

.message ul li textarea::-moz-placeholder{color:#808080;}/* Mozilla Firefox 4 to 18 */ 

.message ul li textarea:-moz-placeholder{color:#808080;}/* Mozilla Firefox 19+ */ 

.message .main_more{margin:0;margin-left:45px;}

.message .main_more input{font-family:'poppins';font-size:14px;}



.contact_sns{padding:30px 40px 40px 40px;margin-top:80px;background:rgba(255,255,255,0.8);}

.contact_sns .main_title h6,.contact_sns .main_title h6:first-letter{text-transform:inherit;margin:0;}

.contact_sns .box{padding-left:50px;}

.contact_sns .text{margin-bottom:15px;font-size:13px;color:#808080;line-height:20px;}

.contact_sns a{display:inline-block;margin:5px;transition:all .5s;width:40px;height:40px;border-radius:50%;background-color:#fff;transition:all .5s;text-align:center;padding:12px 0;}

.contact_sns a:hover{box-shadow:0 0 10px 2px rgba(0,0,0,0.03);}

.contact_sns a img{max-width:100%;height:auto;transition:all .5s;}

.contact_sns a:hover img{

	-moz-transform:scaleX(-1);

    -webkit-transform:scaleX(-1);

    -o-transform:scaleX(-1);

    transform:scaleX(-1);

    filter:FlipH; transform: rotateY(180deg);

}

/*.contact_sns a.con_sns_f:hover{background:#3289d9;}

.contact_sns a.con_sns_t:hover{background:#00acf0;}

.contact_sns a.con_sns_l:hover{background:#0082bc;}

.contact_sns a.con_sns_y:hover{background:#eb5350;}

.contact_sns a.con_sns_b:hover{background:#ff6600;}

.contact_sns a.con_sns_p:hover{background:#cb1f26;}*/



.contact_sns .con_sns_wechat{padding-top:10px;}

.contact_sns .con_sns_wechat p{font-size:16px;font-family:'poppins_medium';letter-spacing:1px;margin-bottom:10px;}

.contact_sns .con_sns_wechat img{max-width:120px;height:auto;}



.map{margin-top:40px;border:2px solid #f2f2f2;padding:5px;}

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

.map ifarme{max-width:100%;width:100%;}



@media only screen and (max-width: 992px) {

	.single_con_column .main_title{padding-right:0;width:100%;}

	.single_message_column{padding:60px 20px;}

	.message{width:100%;top:auto;}

	.contact_sns{margin-top:30px;width:100%;padding-left:0;}

	.con_main{padding-top:40px;}

}

@media only screen and (max-width: 768px) {

	.single_con_column .main_title h6 , .single_message_column .main_title h6{font-size:36px;line-height:40px;padding-left:20px;}

	.message .text{margin-left:20px;margin-right:20px;}

	.message ul{padding:10px;}

	.message .main_more{margin-left:20px;}

	.contact_sns .box{padding-left:20px;}

}

@media only screen and (max-width: 480px) {

	.single_message_column{padding:40px 5px;}

}

	

/*left*/

.page-left{width:24%;float:left;margin-top:0;}

.left_title{display:block;position:relative;margin-bottom:20px;background-repeat:no-repeat;background-position:10px center;}

.left_title:before{content:'';width:100%;height:3px;background:#fafafa;display:block;position:absolute;left:0;bottom:10px;z-index:-1;}

.left_title em{display:inline-block;background:#fff;text-align:left;position:relative;z-index:1;color:#333;padding:5px 10px 5px 25px;text-transform:lowercase;font-size:28px;line-height:24px;font-family:'PlayfairDisplay';}

.left_title em:first-letter{text-transform:uppercase;}

.left_title .column_icon_toggle {display: none;}



ul.mtree{opacity: 0;margin-left: 0;}

ul.mtree>li {list-style: none; position:relative;}

ul.mtree>li>a{font-size:14px;padding-left:10px;font-family:'poppins_medium';letter-spacing:1px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}

ul.mtree a {display: block;font-size:12px; color:#333;-moz-transition: all 0s;-o-transition: all 0s;-webkit-transition: all 0s;transition: all 0s;padding:15px 0;border-bottom:1px dotted #ddd;line-height:22px; padding-right:30px;}

ul.mtree li ul a{ padding:8px 10px; padding-right:30px;}

ul.mtree ul li:last-child a{ border:none;}

ul.mtree li.mtree-open>b:before  {content:"-";font-family:FontAwesome; float:right; font-size:24px; color:#333; font-style:normal;width:30px;height:30px;line-height:28px; position:absolute;  right:0; top:10px;background:#fed98d;border-radius:50%;text-align:center;}

ul.mtree li.mtree-closed>b:before {content:"+";font-family:FontAwesome;text-align:center; font-size:18px; color:#333; font-style:normal;width:30px;height:30px;line-height:30px; position:absolute;  right:0; top:10px;background:#fed98d;border-radius:50%;}

ul.mtree .mtree-level-1 li.mtree-open>b:before {content:"\-";font-family:FontAwesome;width:24px;height:24px;line-height:22px; float:right; font-size:16px; color:#333; font-style:normal; background:#fed98d; text-align:center;position:absolute;  right:5px; top:5px; border-left:none;border-radius:50%;}

ul.mtree .mtree-level-1 li.mtree-closed>b:before{content:"+";font-family:FontAwesome;width:24px;height:24px;line-height:24px; float:right; font-size:16px; color:#333; font-style:normal; background:#fed98d; position:absolute;  right:5px; top:5px;border-radius:50%;}

ul.mtree li ul a li a{ padding-left:20px;}

ul.mtree>li:hover>a{ color:#efb132;}

ul.mtree>li.mtree-node a ul a{ font-size:12px;}

ul.mtree>li.mtree-open{color:#efb132 ;padding-bottom:0;}

ul.mtree>li.mtree-open>a{color:#efb132;}

ul.mtree>li.mtree-node:hover>a{color:#efb132 ;text-decoration:none;}



ul.mtree .mtree-level-1 li a:hover,ul.mtree li ul li.mtree-open a{background:#fafafa;}

ul.mtree ul {  background:transparent;padding:15px 5px;border-bottom:1px dotted #ddd;}

ul.mtree ul li{list-style:none; position:relative;}

ul.mtree ul li a{display:block;color:#777;font-size:14px;}

ul.mtree>li>ul>li>a{ font-size:14px !important;font-weight:normal;font-family:'poppins';border:none;transition:all .5s;}

ul.mtree>li>ul>li>a:before{content:"\f105";font-family:'FontAwesome';font-size:12px;padding-right:5px;}

ul.mtree ul li:hover a{color:#efb132;padding-left:12px;}

ul.mtree li ul li.mtree-open a{color:#efb132;text-decoration:none;}

ul.mtree .mtree-level-2{ margin-top:0; border:none; padding:10px;background:#fafafa; margin-bottom:5px;}

ul.mtree li ul.mtree-level-2 li a{color:#808080;font-weight:normal;font-size:12px;padding:5px 10px;}

ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:#efb132;font-weight:normal;}

ul.mtree.jet ul {margin-left: 0;}

ul.mtree.jet li {margin-bottom: 1px;}

ul.mtree.jet li:last-child {margin-bottom: 0px;}

ul.mtree.jet li:first-child {margin-top: 1px;}

ul.mtree.jet li.mtree-active a {background: #e5e5e5;}

ul.mtree.jet li.mtree-active li:last-child > a {border-radius: 0px 0px 3px 3px;}

ul.mtree.jet li.mtree-active > a {background: #008cba;color: #FFF; border-radius: 3px 3px 0px 0px;}

ul.mtree.jet li > a:hover { background: #FFC000;color: #FFF;}

ul.mtree.jet a { padding: 5px 0px 5px 1em;}

ul.mtree.jet li li > a { padding-left: 2em;}

ul.mtree.jet li li li > a {padding-left: 3em;}

ul.mtree.jet li li li li > a {padding-left: 4em;}

ul.mtree.jet li li li li li > a {padding-left: 5em;}

ul.mtree a:hover{text-decoration:none;}

.mtree-skin-selector{ display:none !important}

ul.mtree li ul.mtree-level-2 li.mtree_all a{font-family:'poppins_semibold';text-transform:uppercase;color:#4d4d4d;}

ul.mtree li ul.mtree-level-2 li.mtree_all a:hover{color:#efb132;}





/*hot_pro*/

.left-pro .left_title>span i.icon:before{content:"\f009";font-family:FontAwesome;}

.left-pro{margin-top:50px;}

.left-pro ul{ padding-top:10px;}

.left-pro ul li{ list-style:none;margin-bottom:10px;transition:all .5s;}

.left-pro ul li .main{width:65%;float:left;padding-left:15px;}

.left-pro ul li .title{margin:0;margin-bottom:20px;}

.left-pro ul li .title a{font-size:12px;line-height:20px;max-height:60px;font-family:'poppins_semibold';display:block;overflow:hidden;}

.left-pro ul li .title a:hover{color:#d08f09;}

.left-pro ul li .image{background:#fff;border:2px solid #f2f2f2;padding:2px;float:left; width:35%;transition-duration: 0.6s;transition-timing-function: ease-out; overflow:hidden;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;}

.left-pro ul li:hover .image{border:2px solid #fed98d;}

.left-pro ul li .image a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:2;}

.left-pro ul li .image img{

	max-width:100%;height:auto;display:block;position:relative;-webkit-transition:all var(--transition-time,800ms);

	-o-transition:all var(--transition-time,800ms);

	transition:all var(--transition-time,800ms);

}

.left-pro ul 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));filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

.left-pro ul li .image .icon{position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);display:inline-block;filter:alpha(opacity=0);-moz-opacity:0;

opacity:0;transition:all .5s;width:25px;height:35px;background:url("icon_plus.png")/*tpa=https://www.optstone.com/template/images/icon_plus.png*/ no-repeat center center;background-size:100%;}

.left-pro ul li:hover .image .icon{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.left-pro ul li .page_more{font-size:12px;}



.page-right{width:76%;padding-left:50px;float:right;}



@media only screen and (max-width: 992px){

	.page-title em{font-size:24px;}

	.page-left{width:100%;float:none;margin-top:20px;}	

	.left-pro,.left-con,.left-video,.left-solu,.left-work{margin-top:0;padding:0;border:none;}

	.left_title{margin-bottom:10px;margin-bottom:0;padding:10px 0;background-color:#fff;border:2px solid #fafafa;}

	.left_title>em{margin:0;font-size:20px;padding:0;line-height:24px;padding-left:20px;}

	.left_title .icon-minus-sign:before,.left_title .icon-minus-sign:after,.left_title .icon-plus-sign:before,.left_title .icon-plus-sign:after{background:#808080;}

	.page-left .left_title>span{display:none;}

	.left-con .left_title{display:block;}

	.left_title .column_icon_toggle{display: inline-block;position: absolute;right:15px;top:18px;font-style:normal;cursor:pointer;font-size:14px;font-weight:normal;color:#333;}

	.page-left .toggle_content{padding-top:10px;}

	.page-right{width:100%;padding:0;float:none;}

	.left-cat{margin-bottom:15px;}

}





/*sitemap*/

.sitemap{width:100%;}

.stp-listA>li{text-transform:capitalize;list-style:none;}

.stp-top{width:100%;background:#f2f2f2;padding:15px 20px;margin-bottom:5px;}

.stp-top .page_info_title{font-size:16px;line-height:24px;display:inline-block;text-transform:lowercase;font-family:'poppins_medium';letter-spacing:1px;background-repeat:no-repeat;background-position:90% center;transition:all .5s;padding-right:20px;}

.stp-top .page_info_title:hover{text-decoration:none;color:#d08f09;background-position:right center;background-image:url("icon_right.png")/*tpa=https://www.optstone.com/template/images/icon_right.png*/;padding-left:2px;}

.stp-top .page_info_title:first-letter{text-transform:uppercase;}

.stp-listB{display:block;padding:15px;background:#fff;border:2px solid #f2f2f2;border-top:none;padding:30px 20px;list-style:none;margin-top:-5px;margin-bottom:5px;}

.stp-listB>li{width:25%;padding:8px 10px;float:left;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}

.stp-listB>li>a{font-size:14px;line-height:22px;display:block;color:#4d4d4d;}

.stp-listB>li>a i{padding-right:5px;}

.stp-listB>li:hover>a{color:#d08f09;}

.stp-listB li .stp-listC{width:100%;padding-top:15px;list-style:none;}

.stp-listB li .stp-listC li{width:100%;margin-bottom:8px;}

.stp-listB li .stp-listC li a{color:#333;font-size:12px;-webkit-transition:all var(--transition-time,500ms);

	-o-transition:all var(--transition-time,500ms);

	transition:all var(--transition-time,500ms);}

.stp-listB li .stp-listC li a i{padding-right:5px;}

.stp-listB li .stp-listC li a:hover{color:#d08f09;padding-left:5px;}





@media only screen and (max-width: 768px){

	.stp-listB>li{width:50%;padding:4px 0;}

	.stp-top{padding:15px;}

	.stp-top .page_info_title{font-size:16px;line-height:24px;}

	.stp-listB{border-width:1px;padding:20px 15px;}

	

}

@media only screen and (max-width: 400px){

	.stp-listB li{width:100%;margin-right:0;margin-bottom:2%;}

}





/*page-number*/

.page_num{width:100%;margin:10px auto 0 auto;text-align:center;font-family:'poppins';padding:10px;background:#fafafa;}

.page_num span{display:inline-block;color:#fff;background:#efb132;font-size:12px;text-transform:capitalize;margin-right:5px;padding:0 15px;overflow:hidden;vertical-align:middle;line-height:28px;border-radius:2px;transition:all .5s;}

.page_num a{padding:0 15px;display:inline-block;text-transform:capitalize;font-size:12px;margin-right:5px;position: relative;z-index: 0; vertical-align:middle;line-height:28px;transition:all .5s;border-radius:2px;}

.page_num a:hover{background:#efb132;text-decoration:none;color:#fff;border-color:#efb132;}

.page_num a i{line-height:32px;}

.page_num p{display:block;font-size:12px;margin-top:10px;font-family:'poppins';}

.page_num p:before{content:'[';padding-right:3px;}

.page_num p:after{content:']';padding-left:3px;}

.page_num p strong{display:inline-block;margin:0 5px;font-weight:normal;}



@media only screen and (max-width: 768px) {

	.page_num{text-align:center;padding:10px 0;}

	.page_num span,.page_num a{font-size:12px;margin:3px;padding:0 10px;line-height:28px;}

	.page_num a i{line-height:28px;}

	.page_num p{width:100%;margin-top:15px;}

}





/*page-turning*/

.navigation{width:100%;list-style:none;border-top:1px solid #efefef;margin-top:30px;padding-top:10px;}

.navigation li{width:calc(50% - 80px);float:left;text-align:left;}

.navigation li.next_post{float:right;text-align:right;}

.navigation li a{padding-top:20px;padding-bottom:20px;position:relative;display:block;transition:all .5s;}

.navigation li a:hover{text-decoration:none;}

.navigation li.prev_post a{padding-left:70px;}

.navigation li.next_post a{padding-right:70px;}

.navigation li a:before{

	font-family:'FontAwesome';font-size:16px;position:absolute;top:50%;width:50px;height:50px;line-height:49px;border-radius:50%;text-align:center;border:1px solid rgba(0, 0, 0, 0.1);box-shadow:0 2px 4px rgba(0, 0, 0, 0.06);transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:all .5s;

}

.navigation li.prev_post a:before{left:0;content:"\f0d9";}

.navigation li.next_post a:before{right:0;content:"\f0da";}

.navigation li a:hover:before{background-color:#efb132;color:#fff;}



.navigation li a .meta_nav{display:block;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#808080;margin-bottom:5px;line-height:20px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;transition:all .5s;font-family:'poppins_medium';}

.navigation li a:hover .meta_nav{color:#efb132;}

.navigation li a .post_title{font-size:14px;font-family:'poppins_semibold';overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;margin:0;transition:all .5s;line-height:20px;}

.navigation li a:hover .post_title{color:#efb132;}



@media only screen and (max-width: 992px) {

	.navigation li{width:calc(50% - 40px);}

}

@media only screen and (max-width: 768px) {

	.navigation{border:none;padding-top:0;margin-bottom:0;}

	.navigation li{width:100%;background:#fafafa;padding:0 10px;margin-bottom:10px;}

	.navigation li.prev_post a{padding-left:50px;}

	.navigation li.next_post a{padding-right:50px;}

	.navigation li a:before{width:40px;height:40px;line-height:40px;}

}



.news li{position:relative;list-style:none;margin-bottom:40px;transition:all .5s;}

.news li .image{float:left;width:32%;position:relative;z-index:2;-webkit-transition:all var(--transition-time,500ms);

	-o-transition:all var(--transition-time,500ms);

	transition:all var(--transition-time,500ms);}

.news li .image:before{content:'';position:absolute;left:10px;top:10px;right:0;bottom:0;border:1px solid #fed98d;display:block;transition:all .5s;z-index:-1;}

.news li:hover .image:before{right:-10px;bottom:-10px;}

.news li .image > a{z-index:10;position:absolute;left:0;top:0;width:100%;height:100%;display:block;}

.news li .image .img{display:block;overflow:hidden;}

.news 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);}

.news 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));}

.news li .image .ovrly{display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:#000;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.news li:hover .image .ovrly{filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;}

.news li .image .icon{position:absolute;top:50%;transform: translate(0, -50%);-webkit-transform: translate(0, -50%);right:40px;color:#fed98d;font-style:italic;font-size:20px;font-family:'PlayfairDisplay';line-height:24px;padding-top:20px;background:url("icon_right02.png")/*tpa=https://www.optstone.com/template/images/icon_right02.png*/ no-repeat right top;background-size:40px;z-index:2;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .5s;}

.news li:hover .image .icon{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;right:20px;}

.news li .main{float:left;width:68%;padding-left:20px;}

.news li .main .title{margin:0;margin-bottom:10px;margin-top:10px;}

.news li .title a{display:block;color:#333333;font-size:18px;line-height:24px;overflow:hidden;max-height:48px;font-family:'poppins_medium';}

.news li .title:hover a{color:#d08f09;text-decoration:none;}

.news li .text{color:#808080;font-size:12px;line-height:20px;max-height:40px;overflow:hidden;margin-bottom:20px;}

.news li .page_more{background-position:99% 3px;}



@media only screen and (max-width: 768px){

	.news li .main{padding-left:10px;}

	.news li .title a{font-size:14px;font-family:'poppins_semibold';}

	.news li .text{height:44px;}

}

@media only screen and (max-width: 480px){

	.news li{margin-bottom:20px;}

	.news li .image{width:48%;}

	.news li:hover .image:before{right:-2px;bottom:-2px;}

	.news li .main{width:52%;}

	.news li .main .title{margin-top:5px;}

	.news li .title a{font-size:12px;line-height:20px;max-height:60px;font-family:'poppins_semibold';}

	.news li .text{height:20px;margin-bottom:10px;}

	.news li .page_more{display:none;}

}



.news_detail_info{text-align:left;}
.news_detail_info .news_detail_title{padding-bottom:20px;border-bottom:1px solid #efefef;}
.news_detail_info .news_detail_title h6{font-size:16px;display:block;color:#333;line-height:24px;font-family:'poppins_medium';margin-bottom:20px;margin-top:0;}

.news_detail_info .txt{font-size:12px;line-height:24px;margin-top:10px;text-align:left;padding-top:20px;}

.news_detail_info .txt img{max-width:100%;height:auto;}

.news_detail_info .txt a{color:#efb132;}



@media only screen and (max-width: 768px){

	.news_detail_info .news_detail_title h6{font-size:14px;font-family:'poppins_semibold';}

	.news_detail_info .txt{padding-top:10px;}

}



/*blog*/

.left-blog{margin-bottom:40px;}

.left-blog .left_title{display:none;}

.left-blog .left_title>span i.icon:before{content:"\f0c1";font-family:FontAwesome;}

.blog-list{list-style:none;margin-bottom:20px;}

.blog-list p,.blog-cat p{display:block;position:relative;margin-bottom:20px;text-align:left;padding:5px 0 5px 0;color:#333;background-repeat:no-repeat;background-position:10px center;text-transform:lowercase;font-size:16px;line-height:24px;font-family:'poppins_medium';letter-spacing:1px;}

.blog-list p:first-letter,.blog-cat p:first-letter{text-transform:uppercase;}

.blog-list li{display:block;position:relative;margin-bottom:5px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;overflow:hidden;padding:5px 0;}

.blog-list li a{font-size:12px; color:#787878; line-height:20px; padding:0; display:inline-block;overflow:hidden;font-family:'poppins';text-transform:capitalize;position:relative;transition:all .5s;}

.blog-list li a:hover{ color:#efb132;text-decoration:none;padding-left:12px;}

.blog-list li a:before{content:'';position:absolute;left:-8px;top:8px;display:inline-block;height:1px;width:8px;background:#efb132;transition:all .5s;}

.blog-list li a:hover:before{left:0;}



.blog-cat{list-style:none;margin-bottom:10px;}

.blog-cat li{display:inline-block;margin:5px;}

.blog-cat li a{display:inline-block;border:2px solid #f2f2f2;background:#fafafa;padding:2px 10px;border-radius:0;font-size:12px;transition:all .5s;}

.blog-cat li a:hover{color:#fff;background:#efb132;border-color:#efb132;text-decoration:none;}



.blog_list{list-style:none;}

.blog_list li{padding:20px 0;position:relative;transition:all .5s;border-bottom:1px solid #efefef;}

.blog_list li .image{display:block;overflow:hidden;margin-bottom:20px;}

.blog_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);

}

.blog_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));

}

.blog_list li .title{font-size:18px;line-height:24px;color:#333;font-family:'poppins_medium';display:block;margin-bottom:10px;margin-top:20px;}

.blog_list li:hover .title a{color:#d08f09;text-decoration:none;}

.blog_list li .text{color:#808080;font-size:12px;line-height:20px;height:40px;overflow:hidden;margin-top:10px;}

.blog_list li .post_blog_tag{margin-bottom:10px;}

.blog_list li .main_more a{font-size:12px;padding-left:45px;padding-right:15px;line-height:32px;height:32px;font-family:'poppins';}



.post_blog_tag{margin-top:20px;}

.post_blog_tag>p{display:inline-block;font-size:14px;letter-spacing:1px;text-transform:lowercase;font-family:'poppins_medium'; vertical-align:middle;padding-left:22px;background:url("icon_tags.png")/*tpa=https://www.optstone.com/template/images/icon_tags.png*/ no-repeat left center;background-size:18px;}

.post_blog_tag>p:first-letter{text-transform:uppercase;}

.post_blog_tag li{display:inline-block;margin:0 0 5px 5px;position:relative;border:none;padding:0;}

.post_blog_tag li a{display:inline-block;background:#fafafa;border:2px solid #f2f2f2;font-size:12px;border-radius:2px;line-height:20px;color:#4d4d4d;padding:3px 12px;transition:all .5s;}

.post_blog_tag li:hover a{box-shadow:0 2px 4px rgba(0, 0, 0, 0.06);text-decoration:none;background:#efb132;color:#fff;border-color:#efb132;}



@media only screen and (min-width: 992px){

	.blog-list p, .blog-cat p{display:block;position:relative;margin-bottom:20px;}

	.blog-list p:before , .blog-cat p:before{content:'';width:100%;height:3px;background:#fafafa;display:block;position:absolute;left:0;bottom:10px;z-index:-1;}

	.blog-list p span , .blog-cat p span{display:inline-block;background:#fff;text-align:left;position:relative;z-index:1;color:#333;padding:5px 10px 5px 25px;text-transform:lowercase;font-size:28px;line-height:24px;font-family:'PlayfairDisplay';}

	.blog-list p span:first-letter , .blog-cat p span:first-letter{text-transform:uppercase;}

}

@media only screen and (max-width: 992px) {

	.left-blog{padding:0;border:none;margin-bottom:20px;}

	.blog_list li .right{padding-left:65px;width:100%;}

	.left-blog .left_title{display:block;}

	.blog-list p, .blog-cat p{margin-bottom:15px;}

	.blog-list p span, .blog-cat p span{padding-left:10px;}

	.blog-list{border-bottom:1px solid #efefef;padding-bottom:10px;}

}



@media only screen and (max-width: 768px) {

	.blog_list > li{padding:0;border-bottom:1px solid #e5e5e5;padding-bottom:10px;}

	.blog_list > li:last-child{border-bottom:none;}

	.blog_list li .date{left:0;}

	.blog_list{border:none;}

	.blog_tag>p{display:block;}

	.blog_list li .right{padding-left:80px;}

	.blog_list li .main-more{padding:6px 20px;}

}



@media only screen and (max-width: 480px) {

	.blog_list li .date{position:inherit;width:100%;}

	.blog_list li .date span{border-radius:0;height:auto;width:auto;padding:0 20px;border-radius:25px;}

	.blog_list li .date>span p{display:inline-block;padding-left:5px;}

	.blog_list li .right{padding:0;padding-top:10px;}

	.blog_list li .more{letter-spacing:0;}

}



/*products*/

.pro_top .pro-img{padding:0;}

.pro_top .pro-img img{max-width:100%;height:auto;}

.pro-text{color:#808080;background:#f7f7f7;padding:20px;margin-bottom:10px;border-radius:0;}

.pro-text .column{line-height:24px;font-size:12px;max-height:120px;overflow:hidden;}

.pro-text img{max-width:100%;height:auto;}



.cbp-vm-switcher {width:100%;margin-bottom:30px;}

.cbp-vm-options {text-align:right;margin-bottom:0;margin-bottom:10px;}

.cbp-vm-options em{display:inline-block;float:left;font-family:'opensansCond';font-size:20px;color:#4d4d4d;text-transform:uppercase;line-height:38px;}

.cbp-vm-options a {display: inline-block; vertical-align:middle;padding:10px;overflow: hidden;white-space: nowrap;color: #333;border:1px solid #efefef;border-radius:2px;margin-left:10px;float:right;}

.cbp-vm-options span{display:inline-block;float:right;font-size:12px;color:#ccc;}

.cbp-vm-options a:hover,.cbp-vm-options a.cbp-vm-selected {color: #fff;background:#efb132;border-color:#efb132;}

.cbp-vm-options a:before {font-size: 14px;text-align: center;display: inline-block;}



/* General list */

.cbp-vm-switcher>ul {list-style: none;padding: 0;}



/* Clear eventual floats */

.cbp-vm-switcher ul:before, 

.cbp-vm-switcher ul:after { 

	content: " "; 

	display: table; 

}

.cbp-vm-switcher ul:after { clear: both; }



.cbp-vm-switcher>ul>li {display: block;position: relative;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.cbp-vm-image {position:relative;overflow:hidden;background:#f7f7f7;}

.cbp-vm-image .hover_img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.cbp-vm-view-grid ul li:hover .cbp-vm-image .hover_img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}



.cbp-vm-image > a{position:absolute;right:0;top:0;display:block;z-index:5;width:100%;height:100%;}

.cbp-vm-image img{max-width:100%;height:auto;transition:all .5s;}

.cbp-vm-image .icon{display:inline-block;width:40px;height:45px;background:url("icon_plus.png")/*tpa=https://www.optstone.com/template/images/icon_plus.png*/ no-repeat center center;position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-22px;-webkit-transform:scale(var(--scale-multiplier,1.2));

	-ms-transform:scale(var(--scale-multiplier,1.2));

	transform:scale(var(--scale-multiplier,1.2));filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transition:all .5s;z-index:2;}

.cbp-vm-switcher ul li:hover .cbp-vm-image .icon{-webkit-transform:scale(var(--scale-multiplier,1));

	-ms-transform:scale(var(--scale-multiplier,1));

	transform:scale(var(--scale-multiplier,1));filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.cbp-vm-details{font-size:12px;line-height:20px;height:40px;overflow:hidden;color:#808080;}



/* Common icon styles */

.cbp-vm-icon:before {

	font-family: 'fontawesome';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	-webkit-font-smoothing: antialiased;

}



.cbp-vm-grid:before {content: "\f00a";}

.cbp-vm-list:before {content: "\f039";}

.cbp-vm-add:before {content: "\f055";}



/* Large grid view */

.cbp-vm-view-grid ul {text-align: left;}



.cbp-vm-view-grid ul li {

	width:25%;

	float:left;

	text-align: center;

	display: inline-block;

	vertical-align: top;

	padding:5px;

	position:relative;

}

.cbp-vm-view-grid ul li>div{transition:all .5s;display:block;background:#fff;border:2px solid #f2f2f2;padding:8px;position:relative;border-radius:0;}

.cbp-vm-view-grid ul li>div:before,

.cbp-vm-view-grid ul li>div:after{

	content:'';

	display:block;

	position:absolute;

	top:-2px;

	left:-2px;

	right:-2px;

	bottom:-2px;

	transition:all .5s;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	opacity:0;

}

.cbp-vm-view-grid ul li>div:before{

	border-top:2px solid #fed98d;border-bottom:2px solid #fed98d;transform-origin:0 0;-webkit-transform-origin:0 0;transform:scale(0,1);-webkit-transform:scale(0,1);

}

.cbp-vm-view-grid ul li>div:after{

	border-left:2px solid #fed98d;border-right:2px solid #fed98d;transform-origin:100% 0;-webkit-transform-origin:100% 0;transform:scale(1,0);-webkit-transform:scale(1,0);

}

.cbp-vm-view-grid ul li:hover>div:before,

.cbp-vm-view-grid ul li:hover>div:after{

	border-color:#fed98d;

	transform:scale(1);

	-webkit-transform:scale(1);

	filter:alpha(opacity=100);

	-moz-opacity:1;

	opacity:1;

}

.cbp-vm-view-grid ul li:hover>div:after{transition-delay:.15s;-webkit-transition-delay:.15s;}

.cbp-vm-view-grid ul li .cbp-vm-image{display:block;overflow:hidden;}

.cbp-vm-view-grid ul li .cbp-vm-image img{max-width:100%;height:auto;}

.cbp-vm-view-grid ul li>div:hover:after{-webkit-transform:translateY(1); -ms-transform:translateY(1); transform:translateY(1);left:0;}

.cbp-vm-view-grid ul li .cbp-list-left{padding-top:20px;padding-top:0;text-align:center;}

.cbp-vm-view-grid ul li .cbp-title a{display:block;color:#333333;font-size:14px;line-height:24px;overflow:hidden;height:48px;font-family:'poppins_medium';margin-bottom:10px;}

.cbp-vm-view-grid ul li:hover .cbp-title a{color:#efb132;text-decoration:none;}

.cbp-vm-view-grid ul li .cbp-vm-details .text{color:#808080;font-size:12px;line-height:20px;overflow:hidden;height:40px;}

.cbp-vm-view-grid ul li .cbp-list-more{display:none;}

.cbp-vm-view-grid ul li .more{ position:absolute;background:#fff; left:2px;right:2px; bottom:-50px; text-align:center; opacity:0;filter:alpha(opacity=0);-moz-opacity:0; z-index:-1; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;height:40px;padding-top:10px;}

.cbp-vm-view-grid ul li .more .page_more{background-position:99% 3px;}

.cbp-vm-view-grid ul li:hover .more{filter:alpha(opacity=100);-moz-opacity:1;opacity:1; bottom:10px; z-index:22;}

.cbp-vm-view-grid .post_blog_tag{display:none;}

.cbp-vm-view-grid .cbp-list-center{padding:0;padding-top:15px;}



/* List view */

.cbp-vm-view-list>ul{margin:0;margin-top:20px;}

.cbp-vm-view-list>ul>li {text-align:left;border-bottom:1px dashed #ddd;padding:20px 0;}

.cbp-vm-view-list li:before, 

.cbp-vm-view-list li:after { 

	content: " "; 

	display: table; 

}

.cbp-vm-view-list li:after { clear: both; }

.cbp-vm-view-list .cbp-vm-image,

.cbp-vm-view-list .cbp-vm-title,

.cbp-vm-view-list .cbp-vm-details,

.cbp-vm-view-list .cbp-vm-price,

.cbp-vm-view-list .cbp-vm-add {

	display: inline-block;

	vertical-align: middle;

}

.cbp-vm-view-list .cbp-vm-image {width: 24%;text-align:center;display:inline-block;position:relative; vertical-align:middle;float:left;border:2px solid #e7f0f1;background:#fff;transition:all .5s;}

.cbp-vm-view-list ul li:hover .cbp-vm-image{border-color:#efb132;}

.cbp-vm-view-list ul li>div .cbp-list-center{width:76%;display:inline-block;}

.cbp-vm-view-list ul li .cbp-title a{display:block;color:#333333;font-size:16px;line-height:24px;overflow:hidden;max-height:48px;font-family:'poppins_medium';margin-bottom:10px;}

.cbp-vm-view-list ul li:hover .cbp-title a{color:#efb132;text-decoration:none;}

.cbp-vm-view-list ul li .cbp-vm-details {margin-top:0;height:auto;padding:0;max-height:40px;}

.cbp-vm-view-list ul li .cbp-vm-details .text{color:#999;font-size:13px;line-height:20px;overflow:hidden;max-height:60px;}



.cbp-vm-view-list ul li .post_blog_tag{margin-top:15px;}

.cbp-vm-view-list ul li .more .page_more{background-position:99% 3px;margin-top:10px;}



.cbp-vm-view-list .cbp-hover{display:none;}

.cbp-vm-view-list .cbp-list-center{width:76%;display:inline-block; vertical-align:middle;padding:0 0 0 15px;}

.cbp-vm-view-list .cbp-list-center .cbp-list-left{padding-left:0;}

.cbp-vm-view-list .cbp-list-more{display:block;margin-top:20px;float:right;padding-right:0;}



@media screen and (max-width: 940px) {.cbp-vm-view-grid ul li {width: 33.33%;}}



@media only screen and (max-width: 768px){

	.pro-cat li{margin-bottom:10px;}

	.cbp-vm-options{margin-top:0;}

	.cbp-vm-view-list ul li .cbp-list-left .more{letter-spacing:0;}

	.pro_top .pro-img{display:none;}

}



@media screen and (max-width: 520px) {

	.pro-text .box{max-height:336px;overflow:hidden;}

	.cbp-vm-view-grid ul li {width: 50%;}

	.cbp-vm-view-grid ul li>div{border-right-color:#f2f2f2;}

	.cbp-vm-options{text-align:center;}

	.cbp-vm-view-list>ul>li{width:100%;}

	.cbp-vm-view-list ul li .cbp-vm-details{height:40px;}

	.cbp-vm-view-list .cbp-list-center{width:100%;margin-top:10px;}

	.cbp-vm-view-list ul li .cbp-vm-details{width:100%;}

	.cbp-vm-view-list .cbp-vm-image{width:100%;}

	.cbp-vm-view-list ul li>div>div{width:100%;}

	.cbp-vm-view-grid ul li{margin-bottom:0;}

	.cbp-vm-view-list ul li .cbp-title a{font-size:14px;}

	.cbp-vm-view-grid ul li .cbp-title a{font-size:14px;margin-bottom:0;}

	.cbp-vm-view-list .cbp-list-view{display:none;}

	.cbp-vm-view-grid ul li .cbp-vm-details{display:none;}

	.cbp-vm-view-list ul li>div .cbp-list-center,.cbp-vm-view-list .cbp-list-center .cbp-list-left{width:100%;padding:0;}

	.cbp-vm-view-list .pro-list-tags p{display:block;}

	.cbp-vm-view-list .cbp-list-more{padding:0;}

	.cbp-vm-view-list .cbp-list-more .main-more{display:inline-block;margin-right:10px;}

	.cbp-vm-view-grid .cbp-list-center{padding:10px 0 0 0;}

	.cbp-vm-options em{display:block;float:none;margin-bottom:10px;}

}



@media screen and (max-width: 400px) {

	.cbp-vm-view-grid ul li>div{padding:10px;}

	.cbp-vm-view-grid ul li .cbp-title{margin-bottom:0;}

	.cbp-vm-view-grid ul li .cbp-title a{font-size:12px;margin-top:10px;line-height:18px;height:36px;}

	.cbp-list-left{padding:0;}

	.cbp-vm-image .image_more{display:none;}

}





.pro_top{border:1px solid #e9e9e9;margin-bottom:20px;}

.pro_top .left_title{display:none;}

.ptop_column{border-bottom:1px dashed #e9e9e9;background:#F7F7F7;}

.ptop_column:last-child{border-bottom:none;}

.ptop_column .title{float:left;width:20%;padding:10px;}

.ptop_column .title h4{margin:0;font-size:15px;font-family:'poppins_semibold';line-height:20px;}

.ptop_column .list{float:left;width:80%;padding:10px;background:#fff;list-style:none;}

.ptop_column .list li{margin-right:15px;display:inline-block;padding:3px 8px;border-radius:2px;line-height:20px;}

.ptop_column .list li a{display:inline-block;font-size:14px;}

.ptop_column .list li:hover a{color:#107110;}

.ptop_column .list li span{padding-left:5px;font-size:14px;color:#808080;}

.ptop_column .list li.active{background:#62a70f;}

.ptop_column .list li.active a,.ptop_column .list li.active span{color:#fff;}



.pro_center *{display:inline-block;width:100%;transition:all .5s;}

.pcen_column_01,

.pcen_column_02,

.pcen_column_03,

.pcen_column_04,

.pcen_column_05,

.pcen_column_06{

	width:16.7%;

}



.pro_center .pinned{z-index:999;transition:all .5s;}

.pro_center .panel{box-shadow:none;border:none;margin:0;background:none;}

.pcen_title #menu{background:#62a70f;text-align:center;margin-bottom:5px;}

.pcen_title #menu > div{display:table;height:50px;float:left;padding:0 5px;border-right:1px solid rgba(255,255,255,0.3);} 

.pcen_title #menu > div:last-child{border-right:transparent;}

.pcen_title #menu > div > p{color:#fff;font-size:15px;text-transform:uppercase;font-family:'poppins_semibold';display:table-cell;line-height:20px; vertical-align:middle;}



.pcen_list{list-style:none;}

.pcen_list li{border-bottom:1px dashed #e9e9e9;position:relative;margin-bottom:1px;}

.pcen_list li .line_01:before,

.pcen_list li .line_01:after,

.pcen_list li .line_02:before,

.pcen_list li .line_02:after{

	position:absolute;

	background:#64a507;

	content:'';

	transition:all .5s;

	display:block;

	z-index:4;

}

.pcen_list li .line_01:after,.pcen_list li .line_01:before{left:0;top:0;}

.pcen_list li .line_02:before,.pcen_list li .line_02:after{right:0;bottom:0;}

.pcen_list li .line_01:before,.pcen_list li .line_02:before{width:0;height:1px;}

.pcen_list li .line_01:after,.pcen_list li .line_02:after{width:1px;height:0;}

.pcen_list li:hover .line_01:before,.pcen_list li:hover .line_02:before{width:100%;}

.pcen_list li:hover .line_01:after,.pcen_list li:hover .line_02:after{height:100%;}



.pcen_list li > div{display:table;height:120px;float:left;padding:10px;text-align:center;} 

.pcen_list li > div .image{display:block;overflow:hidden;border:1px solid #eee;border-radius:2px;}

.pcen_list li > div .image img{max-width:100%;height:auto;width:100%;transition:all .5s;}

.pcen_list li:hover > div .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));

}

.pcen_list li p,.pcen_list li a.main{text-transform:capitalize;font-size:15px;display:table-cell;line-height:20px; vertical-align:middle;}

.pcen_list li a.main:hover{color:#107110;}

.pcen_list li .main_more{border-width:1px;width:auto;}

.pcen_list li .main_more a{padding:4px 15px;display:block;font-family:'poppins';}

.pcen_list li .main_more i{width:auto;}



.pcen_show{font-size:14px;color:#107110;text-transform:capitalize;margin-bottom:10px;line-height:20px;text-align:right;display:none;}

.pcen_show i{padding-left:5px;display:inline-block;}



@media screen and (max-width: 992px) {

	.pro_top .left_title{display:block;}

	.ptop_column .title{width:100%;padding:5px 10px;}

	.ptop_column .list{width:100%;}

	.pcen_column_01, .pcen_column_02, .pcen_column_03, .pcen_column_04, .pcen_column_05, .pcen_column_06{width:16.5%;}

}

@media screen and (max-width: 768px) {

	.pro_center_box{width: 100%;height: auto;overflow-x: scroll; overflow-y:visible;position:relative;}

	.pcen_show{display:block;}

	.pro_center{width: 768px;}

	.ptop_column .title h4{text-transform:uppercase;font-size:14px;}

	.pcen_title #menu > div > p{font-size:14px;}

	.pcen_list li p, .pcen_list li a.main{font-size:14px;}

	.pcen_list li > div{padding:8px;}

}



/*products main*/



/* CSS for the loading div */



.sp-loading {

	text-align: center;

	max-width: 100%;

	border: 2px solid #fafafa;

	padding:2px;

	border-radius: 0;

	font-size: 12px;

	color: #888;

}

.sp-loading img{max-width:100%;height:auto;}



/* 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 {

	text-align: left;

	display: block;

	padding:10px 0;

}

.sp-thumbs a{position:relative;border:2px solid #e7f0f1;}

.sp-thumbs img {

	min-height: 56px;

	min-width: 56px;

	max-width: 56px;

}

.sp-thumbs a:link, .sp-thumbs a:visited {

	width: 70px;

	height: 70px;

	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:0 3px;

}

.sp-thumbs a:hover {

	opacity: 1;

	border-color: #fed98d;

}



/* Styles for the currently selected thumbnail */



.sp-thumbs a:active,.sp-thumbs a.sp-current {

	opacity: 1!important;

	position: relative;

	border-color:#fed98d;

}



.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;

	border:2px solid #f2f2f2;

}



/* 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: 9999999;

	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;

	text-decoration: none;

	background: #000;

	border-radius: 25px;

	border: 2px solid #fff;

	width: 50px;

	height: 50px;

	box-sizing: border-box;

	transition: .2s;

	text-align:center;

}

#sp-prev {

	left: 14%;

}

#sp-prev:before {

	content: "\f104";

	font-family:'FontAwesome';

	font-size:24px;

	line-height:46px;

}

#sp-next {

	right: 14%;

}

#sp-next:before {

	content: "\f105";

	font-family:'FontAwesome';

	font-size:24px;

	line-height:46px;

}

#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 0;

	}

	#sp-prev, #sp-next {

		top: auto;

		margin-top: 0;

		bottom: 25px;

	}

}

.sp-current-big img{ width:100%;}

.sp-large img{ max-width:none;}



.prom_img{padding:0;text-align:center;margin-bottom:40px;position:relative;}

.prom_img:before{content:'';width:16px;height:16px;position:absolute;right:20px;top:20px;display:inline-block;background:url("search.png")/*tpa=https://www.optstone.com/template/images/search.png*/ no-repeat center center;z-index:5;}

.prom-right{padding-left:30px;margin-bottom:20px;}

.prom-right>h1{padding:0;margin:0;display:block;font-size:18px;text-transform:capitalize;color:#333;margin-bottom:20px;line-height:24px;font-family:'poppins_medium';}

.prom-right>div.main{font-size:12px;line-height:20px;color:#999;margin-bottom:20px;}

.prom-right{padding-left:20px;}

.prom-right .pro-table{margin-bottom:0;padding:20px 0;border-top:1px solid #eee;}

.prom-right .pro-table ul li{list-style:none;margin-bottom:10px;align-items:center;}

.prom-right .pro-table ul li p{display:inline-block;font-size:12px;color:#808080;padding:5px 10px;background:#fafafa;text-transform:capitalize;width:24%;}

.prom-right .pro-table ul li span{color:#333;display:inline-block;font-size:12px;margin-left:10px;}

.prom-right .main_more{margin-top:0px;}

.prom-right .main_more a{padding-right:40px;background-image:url("icon_con_w.png")/*tpa=https://www.optstone.com/template/images/icon_con_w.png*/;background-position:88% 14px;}

.prom-right .main_more.pro_down{margin-left:10px;background:#62a70f;display:inline-block;}

.prom-right .main_more.pro_down:before{background:#62a70f;}

.prom-right .main_more.pro_down a{padding-right:50px;background:url("icon_pdf.png")/*tpa=https://www.optstone.com/template/images/icon_pdf.png*/ no-repeat 84% 10px;background-size:20px;font-size:12px;}



.mostBox{margin:0 0 30px 0;}

.mostBox .page_title{padding-bottom:0;}

.mostBox{font-size:12px;line-height:24px;}

.mostBox .text em{font-style:italic;}

.mostBox .text img{max-width:100%;height:auto;}

.mostBox .text a:hover{color:#efb132;}



#pro_inquiry{padding:30px;padding-bottom:0;margin-bottom:70px;}



@media only screen and (max-width: 992px) {

	.sp-thumbs a:link, .sp-thumbs a:visited{width:50px;height:50px;}

	.products .pro_img{width:100%;padding:0;}

	.products .pro-right{width:100%;padding:0;padding-left:20px;}

	.prom-right>h1{font-size:16px;line-height:24px;}

	.prom_img{margin-bottom:20px;}

	.prom-right .pro-table ul li p{width:30%;}

}



@media only screen and (max-width: 768px) {

	.pro-right{padding:0;margin-top:0;margin-bottom:20px;}

	.sp-thumbs{text-align:left;}

	.prom-right .pro-table{margin-top:10px;padding:10px 0;}

	.prom-right{padding:0;}

	.products .pro_inquiry .message{padding:0;}

	.mostBox{margin-top:0;}

	.mostBox .tab-scroll{margin-left:0;padding-bottom:0;}

	.products .pro-list-tags p{display:block;}

	.pro_message li .meInput,.pro_message li .meText{width:100%;}

	.pro_message .main_title{text-align:center;}

	.pro_message .main_title>em{background-position:center bottom;}

	.mostBox .text{font-size:12px;}

	.prom_main{padding:40px 0;}

	.prom_main .pro_con{display:none;}

	.products > .title{margin-bottom:20px;border-bottom:1px solid #e5e5e5;padding-bottom:20px;}

	.products > .title h1{font-size:24px;line-height:28px;max-width:70%;margin-left:5px; vertical-align:top;}

	.pro_message form{max-width:100%;}

	.mobile_inquiry{position:fixed;bottom:30px;background:#fafafa;background:rgba(255,255,255,0.9);box-shadow:0 0 20px 5px rgba(0,0,0,0.05);padding:8px 15px;padding-bottom:70px;z-index:999;left:0;width:100%;text-align:right;max-height:50px;}

	#pro_inquiry{padding:40px 5px;margin-bottom:40px;}

}



@media only screen and (max-width: 480px) {

	.products .pro-right{margin-bottom:0;}

	.prom-right .pro-table ul li p{width:40%; vertical-align:middle;}

	.prom-right .pro-table ul li span{margin:0;padding-left:5px;width:58%; vertical-align:middle;}

}





.page_pro{padding:0;background:url("bg_about.jpg")/*tpa=https://www.optstone.com/template/images/bg_about.jpg*/ no-repeat right top;padding-top:20px;overflow:hidden;}

.page_pro .main_title h6{float:none;margin-bottom:40px;}

.page_pro .left{position:relative;z-index:2;height:100%;background:#fff;padding:100px 0 200px 0;min-height:560px;}

.page_pro .left .box{width:60%;float:right;padding-right:30px;}

.page_pro .right{padding-top:60px;}

.page_pro .slider .slick-list{overflow:inherit;padding-right:30px;}

.page_pro .slider .li{padding:10px 15px;}

.page_pro .slider .li > .column{border:2px solid #f2f2f2;background:#fff;text-align:center;padding:8px;padding-top:20px;position:relative;}

.page_pro .slider .li .column:before,

.page_pro .slider .li .column:after{

	content:'';

	display:block;

	position:absolute;

	top:-2px;

	left:-2px;

	right:-2px;

	bottom:-2px;

	transition:all .5s;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	opacity:0;

}

.page_pro .slider .li .column:before{

	border-top:2px solid #fed98d;border-bottom:2px solid #fed98d;transform-origin:0 0;-webkit-transform-origin:0 0;transform:scale(0,1);-webkit-transform:scale(0,1);

}

.page_pro .slider .li .column:after{

	border-left:2px solid #fed98d;border-right:2px solid #fed98d;transform-origin:100% 0;-webkit-transform-origin:100% 0;transform:scale(1,0);-webkit-transform:scale(1,0);

}

.page_pro .slider .li:hover .column:before,

.page_pro .slider .li:hover .column:after{

	border-color:#fed98d;

	transform:scale(1);

	-webkit-transform:scale(1);

	filter:alpha(opacity=100);

	-moz-opacity:1;

	opacity:1;

}

.page_pro .slider .li:hover .column:after{transition-delay:.15s;-webkit-transition-delay:.15s;}

.page_pro .slider .li .image{display:block;overflow:hidden;position:relative;transition:all .5s;}

.page_pro .slider .li .image > a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;}

.page_pro .slider .li .image img{max-width:100%;height:auto;transition:all .5s;}

.page_pro .slider .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));filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.page_pro .slider .li .icon{position:absolute;left:0;top:0;right:0;bottom:0;}

.page_pro .slider .li .icon > a{

	display:inline-block;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	opacity:0;

	position:absolute;

	top:50%;

	left:50%;

	-webkit-transform:translate(-50%, -50%);

	-ms-transform:translate(-50%, -50%);

	transform:translate(-50%, -50%);

	width:40px;

	height:45px;

	transition:all .5s;

	background-position:center center;

	background-repeat:no-repeat;

	z-index:8;

}

.page_pro .slider .li .image .icon > a.plus{background-image:url("icon_plus.png")/*tpa=https://www.optstone.com/template/images/icon_plus.png*/;}

.page_pro .slider .li .image .icon > a.inquiry{background-image:url("icon_write.png")/*tpa=https://www.optstone.com/template/images/icon_write.png*/;}

.page_pro .slider .li:hover .image .icon > a{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.page_pro .slider .li:hover .image .icon > a.plus{margin-left:-30px;}

.page_pro .slider .li:hover .image .icon > a.inquiry{margin-left:30px;}

.page_pro .slider .li .title{display:block;margin-top:20px;position:relative;z-index:2;}

.page_pro .slider .li .title a{color:#333333;font-size:14px;line-height:24px;overflow:hidden;height:48px;display:block;font-family:'poppins_medium';}

.page_pro .slider .li .title a:hover{color:#d08f09;text-decoration:none;}

.page_pro .slider .li .text{margin-bottom:15px;color:#808080;font-size:12px;line-height:24px;overflow:hidden;height:48px;}





@media only screen and (min-width: 992px) {

.page_pro .slick-prev{left:-32%;z-index:9999999;top:auto;bottom:40px;transition:all .5s;height:20px;background-image:url("prev_s.png")/*tpa=https://www.optstone.com/template/images/prev_s.png*/;}

.page_pro .slick-next{left:-28%;z-index:9999999;top:auto;bottom:40px;transition:all .5s;height:20px;background-image:url("next_s.png")/*tpa=https://www.optstone.com/template/images/next_s.png*/;}



.page_pro .slick-prev:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.page_pro .slick-next:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

	
}

@media only screen and (max-width: 1680px) {

	.page_pro .left .box{width:100%;padding-left:30px;}

	.page_pro .slick-prev{left:-120px;}

	.page_pro .slick-next{left:-70px;}

}

@media only screen and (max-width: 1260px) {
	.page_pro .left{min-height:inherit;}
	.page_pro .slider .li{padding:10px;}

	.page_pro .slick-prev{bottom:0;}

	.page_pro .slick-next{bottom:0;}

}

@media only screen and (max-width: 992px) {

	.page_pro{padding:30px 0 50px 0;}

	.page_pro .left{width:100%;padding:0;background:none;}

	.page_pro .left .box{width:100%;padding:0 10px;}

	.page_pro .right{width:100%;padding:0;padding-top:0;}

	.page_pro .slider .slick-list{padding:0 15px;}

	.page_pro .slick-prev{left:0;bottom:auto;width:20px;}

	.page_pro .slick-next{right:0;bottom:auto;left:auto;width:20px;}

}

@media only screen and (max-width: 768px) {

	.page_pro .main_title h6{margin-bottom:20px;}

	.page_pro .slider .li{padding:3px;}

	.page_pro .slider .li > .column{padding:10px 5px;}

	.page_pro .slider .li .text{margin-bottom:0;line-height:20px;height:40px;}

	.page_pro .slider .li .title{margin-top:10px;}

	.page_pro .slider .li .title a{font-size:12px;font-family:'poppins_semibold';line-height:20px;height:40px;}

}





.video_l{list-style:none;}

.video_l li{padding:0 10px;margin-bottom:25px;text-align:center;}

.video_l li .image{display:block;overflow:hidden;}

.video_l li .image img{max-width:100%;height:auto;width:100%;transition:all .5s;}

.video_l 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));}

.video_l li .icon{display:inline-block;border:10px solid #ffffff;width:60px;height:60px;text-align:center;border-radius:50%;background:#efb132;margin-top:-30px;position:relative;}

.video_l li .icon i{line-height:40px;font-size:16px;color:#fff;}

.video_l li:hover .icon{background:#efb132;}

.video_l li .title{margin-bottom:0;}

.video_l li .title a{color:#333333;font-size:16px;line-height:20px;overflow:hidden;height:40px;font-family:'poppins_semibold';}

.video_l li:hover .title{color:#1864a1;text-decoration:none;}



@media only screen and (max-width: 768px) {

	.video_l li{padding:0 5px;}

	.video_l li .icon{border-width:3px;width:42px;height:42px;margin-top:-15px;}

	.video_l li .icon i{line-height:36px;}

	.video_l li .title{margin-top:5px;}

	.video_l li .title a{font-size:12px;}

}



.gallery_list{list-style:none;}

.gallery_list li{padding:0 10px;margin-bottom:20px;}

.gallery_list li .image{display:block;overflow:hidden;position:relative;}

.gallery_list li .image img{max-width:100%;height:auto;transition:all .5s;}

.gallery_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));

}

.gallery_list li .title{margin-top:20px;padding-left:20px;}

.gallery_list li .title a{display:block;font-size:24px;line-height:28px;height:56px;overflow:hidden;font-family:'PlayfairDisplay';}

.gallery_list li:hover .title a{color:#efb132;text-decoration:none;}

.gallery_list li .text{color:#808080;font-size:12px;line-height:20px;overflow:hidden;height:20px;transition:all .5s;margin-top:15px;}



@media only screen and (max-width: 768px) {

	.gallery_list li{padding:0 5px;}

	.gallery_list li .title a{font-size:20px;line-height:24px;}

}

@media only screen and (max-width: 420px) {

	.gallery_list li{padding:0;width:100%;}

	.gallery_list li .title a{height:auto;max-height:48px;}

}



.meft-customer ul{list-style:none;margin-bottom:30px;border-bottom:none;}

.meft-customer ul li a{padding:10px 0;border-bottom:1px solid #e5e5e5;display:block;font-size:14px;text-transform:capitalize;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}

.meft-customer ul li a:hover{background:#fafafa;color:#23ac38;padding:10px;text-decoration:none;}



#customer{}

#customer ul{list-style:none;}

#customer ul li{margin-bottom:30px;}

#customer ul li .title{margin-bottom:10px;border-bottom:1px solid #e5e5e5;font-size:18px;line-height:20px;text-transform:uppercase;color:#62a70f;font-family:'poppins_semibold', sans-serif;font-weight:normal;padding-bottom:10px;}

#customer ul li h5{display:inline-block;color:#62a70f;text-transform:uppercase;font-size:13px;cursor:pointer;}

#customer ul li h5:before{content:"[";padding-right:5px;}

#customer ul li h5:after{content:"]";padding-left:5px;}

#customer ul li h5.UI02{display:none;}

#customer ul li h5 b{font-weight:normal;}

#customer ul li .text{font-size:14px;line-height:24px;color:#676767;overflow:hidden;height:48px;

	-webkit-transition: background-color 0.3s ease-in-out,color 0.3s ease-in-out,opacity 0.3s ease-in-out;

    -moz-transition: background-color 0.3s ease-in-out,color 0.3s ease-in-out,opacity 0.3s ease-in-out;

    -o-transition: background-color 0.3s ease-in-out,color 0.3s ease-in-out,opacity 0.3s ease-in-out;

    transition: background-color 0.3s ease-in-out,color 0.3s ease-in-out,opacity 0.3s ease-in-out

}





.download_info_list{list-style:none;padding-top:0;}

.download_info_list li{margin-bottom:20px;}

.download_info_list li .wrap{display:block;border:1px solid #ddd;padding:20px;position:relative;transition:all .5s;background:url("bg_down.jpg")/*tpa=https://www.optstone.com/template/images/bg_down.jpg*/ no-repeat 98% 95%;background-size:90px;}

.download_info_list li:hover .wrap{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);}

.download_info_list li .wrap > a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:10;}

.download_info_list li .wrap > div{width:100%;}

.download_info_list li .wrap > div i{width:50px;height:50px;background:url("ico_pdf.png")/*tpa=https://www.optstone.com/template/images/ico_pdf.png*/ no-repeat center center;display:inline-block;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;transition:all .5s;float:left;}

.download_info_list li .wrap > div h6{margin-left:10px;display:inline-block;max-width:80%;line-height:24px;float:left;color:#333333;font-size:14px;font-family:'poppins_semibold';transition:all .5s;}

.download_info_list li .wrap:hover > div h6{color:#1864a1;}



@media only screen and (max-width: 768px) {

	.download_info_list li{padding:0;}

	.download_info_list li .wrap{padding:20px 10px;}

}





.page_faq_l{list-style:none;}

.page_faq_l li.question{background:#fafafa url("icon_faq.png")/*tpa=https://www.optstone.com/template/images/icon_faq.png*/ no-repeat 99% center;background-size:36px;overflow:hidden;border-radius:25px;padding:5px;padding-right:20px;}

.page_faq_l li.question > i{display:inline-block;margin-right:10px;background:#efb132;width:36px;height:36px;float:left;border-radius:50%;position:relative;text-align:center;margin-top:1px;margin-left:1px;font-style:normal;}

.page_faq_l li.question > i:before,

.page_faq_l li.question > i:after{

	content:"";width:10px;height:2px;background:#fff;display:inline-block;position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-1px;transition:all .5s;

}

.page_faq_l li.question > i:after{

	-moz-transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    transform: rotate(90deg);

}

.page_faq_l li.question > h4{margin:0;display:inline-block;max-width:80%;line-height:24px;margin-top:7px;float:left;color:#333333;font-size:15px;font-family:'poppins_semibold';}

.page_faq_l li.answer{color:#808080;font-size:13px;line-height:20px;padding:15px;display:none;}

.page_faq_l li.answer a{text-decoration:underline;}

.page_faq_l li.answer a:hover{color:#e33c38;}

.page_faq_l div.clearfix{height:10px;display:block;}



.page_faq_l li i.rotate{background:#efb132;}

.page_faq_l li i.rotate:before{background:#fff;}

.page_faq_l li i.rotate:after {

	background:#fff;

	-moz-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

}

@media only screen and (max-width: 768px) {

	.page_faq_l li.question > h4{font-size:13px;margin-top:4px;line-height:20px;font-family:'poppins';}

	.page_faq_l li.question > i{width:28px;height:28px;}

	.page_faq_l li.question > i:before{line-height:28px;}

}

@media only screen and (max-width: 480px) {

	.page_faq_l li.question{background-image:none;padding:0;border-bottom:1px solid #eee;background:none;padding-bottom:5px;border-radius:0;}

	.page_faq_l li.answer{padding:10px 0;}

	.page_faq_l li.question > h4{max-width:82%;}

}

.page_wrapper_2{padding:50px 0;}