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



	max-width: 100%;



	height: auto



}/*li,ul,ol{list-style:none;}*/



a {



	text-decoration: none;



	color: #231815;



}



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-regular', serif;



	color: #666;



	background: #fff;



	line-height: 22px;



}



.bold {



	font-weight: bold;



}



.fontRed {



	color: red;



}



.clearfix:before, .clearfix:after {



	content: " ";



	display: table;



}



.clearfix:after {



	clear: both;



}



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



.row {



	margin: 0;



}



}



*:link, *:visited, *:hover, *:active, *:focus {



	transition: color .30s linear, background-color .30s linear, border-color .30s linear, opacity .30s linear, background-image .30s linear;



	-webkit-transition: color .30s linear, background-color .30s linear, border-color .30s linear, opacity .30s linear, background-image .30s linear;



}



@font-face {



	font-family: 'Roboto-BoldCondensed';



	src: url(../font/Roboto-BoldCondensed.eot);



	src: url(../font/Roboto-BoldCondensed.eot?#iefix) format('embedded-opentype'), url(../font/Roboto-BoldCondensed.svg#Roboto-BoldCondensed) format('svg'), url(../font/Roboto-BoldCondensed.woff) format('woff'), url(../font/Roboto-BoldCondensed.ttf) format('truetype');



	font-weight: normal;



	font-style: normal;



}



@font-face {



	font-family: 'Oswald-Bold';



	src: url(../font/Oswald-Bold.eot);



	src: url(../font/Oswald-Bold.eot?#iefix) format('embedded-opentype'), url(../font/Oswald-Bold.svg#Oswald-Bold) format('svg'), url(../font/Oswald-Bold.woff) format('woff'), url(../font/Oswald-Bold.ttf) format('truetype');



	font-weight: normal;



	font-style: normal;



}



@font-face {



	font-family: 'poppins-regular';



	src: url(../font/poppins-regular.eot);



	src: url(../font/poppins-regular.eot?#iefix) format('embedded-opentype'), url(../font/poppins-regular.svg#poppins-regular) format('svg'), url(../font/poppins-regular.woff) format('woff'), url(../font/poppins-regular.ttf) format('truetype');



	font-weight: normal;



	font-style: normal;



}



@font-face {



	font-family: 'poppins-semibold';



	src: url(../font/poppins-semibold.eot);



	src: url(../font/poppins-semibold.eot?#iefix) format('embedded-opentype'), url(../font/poppins-semibold.svg#poppins-semibold) format('svg'), url(../font/poppins-semibold.woff) format('woff'), url(../font/poppins-semibold.ttf) format('truetype');



	font-weight: normal;



	font-style: normal;



}/*top*/



.top_heardW {



	background: #000000;



}



.top_share {



	float: left



}



.top_share {



	line-height: 54px;



}



.top_share li {



	display: inline-block;



	list-style: none;



	margin-right: 5px



}



.top_share li a {



	display: block;



	width: 36px;



	height: 36px;



	background: #6b6b6b;



	border-radius: 50%;



}



.top_share li a img {



	width: 36px;



	height: 36px;



	border-radius: 50%;



}



.top_share li a:hover {



	background: #2da5ee



}



.top_call {



	float: right;



	line-height: 54px;



	margin-right: 28px



}



.top_call a {



	display: block;



	font-size: 16px;



	color: #f3f3f3



}



.top_call a img {



	display: inline-block;



	margin-right: 11px;



}



.top_call a:hover {



	color: #2da5ee



}/* select */



.drop {



	float: right;



	position: relative;



	width: 168px;



	z-index: 9999999;



	height: 54px;



	line-height: 54px;



	background: #2da5ee;



	padding: 0 14px;



}



.select dt {



	height: 54px;



	display: inline-block;



	line-height: 54px;



	text-transform: capitalize;



	cursor: pointer;



	width: 100%;



	white-space: nowrap;



	text-overflow: ellipsis;



	overflow: hidden;



	position: relative;



	z-index: 99;



	color: #ffffff;



	font-size: 13px;



	font-weight: normal;



	background: url(../images/lan_img.png) no-repeat center left, url(../images/lan_icon.png) no-repeat center right;



	padding-left: 45px;



	padding-right: 14px;



}



.select dt img, .select dd ul li a img {



	width: 100%;



	height: auto;



	max-width: 24px;



	display: inline-block;



	margin-right: 6px;



	vertical-align: text-bottom;



}



.select dt img {



	margin-right: 9px



}



.select dd {



	position: absolute;



	left: 0;



	top: 54px;



	background: #fff;



	border: 1px solid #ebebeb;



	display: none;



	z-index: 999999;



	box-shadow: 0px 2px 5px rgba(0,0,0,0.1);



	border-top: none;



}



.select dd ul {



	padding: 4px 6px 0 10px;



	width: 168px;



	max-height: 376px;



	overflow: auto;



}



.select dd ul li a {



	line-height: 28px;



	display: block;



	color: #666;



	font-size: 12px;



	text-transform: capitalize;



}



.select dd ul li {



	list-style: none



}



.select dd ul li a:hover {



	color: #2da5ee



}



.topW {



	padding: 15px 0 25px;



	background: #fff;



}



.top .top_logo {



	float: left;

	align-items:center;

	display:flex;

}



.top .top_logo a.logo {



	display: block;



}



.top .top_logo h1 {



	margin: 0;



	padding: 0;



	line-height: normal;



}



.top .top_logo a.logo img {



	max-width:85px;



	height: auto;

}

.top .top_logo .text {

	display:inline-block;padding-left:10px;color:#838384;font-family:'poppins-semibold';font-size:16px;text-transform:capitalize;

}



.in_search {



	float: right;



	width: 520px;



	height: 40px;



	background: #fff;



	border: 1px solid #dedede;



	position: relative;



	border-radius: 25px;



	margin-top: 28px



}



.in_search .searchkey {



	font-size: 12px;



	color: #aaaaaa;



	border: none;



	background: none;



	line-height: 38px;



	height: 38px;



	padding-left: 15px;



	width: 90%



}



.in_search .searchbtn {



	cursor: pointer;



	border: none;



	position: absolute;



	top: -1px;



	right: -1px;



	background: #2da5ee url(../images/search_btn.png) no-repeat 15px center;



	height: 40px;



	width: 119px;



	border-radius: 0 25px 25px 0;



	color: #fff;



	text-transform: uppercase;



	font-family: 'poppins-semibold';



	font-size: 14px;



	padding-left: 22px;



}



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



.in_search {



	width: 450px;



}



}



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



.top_share {



	display: none;



}



.top .top_logo {



	float: none;



	text-align: left



}



.in_search {



	width: 100%;



	float: none



}

.top .top_logo .text{font-size:14px;}



}



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



.top_call {



	display: none;



}

.top .top_logo .text{font-size:12px;}



}



header {



	width: 100%;



	z-index: 99999;



	padding: 0;



	border-top: 1px solid #efefef



}



header.large {



	-moz-transition: all 0.3s;



	-o-transition: all 0.3s;



	-webkit-transition: all 0.3s;



	transition: all 0.3s;



}



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



header.small {



	left: 0;



	top: 0;



	position: fixed;



	-moz-transition: all 0.3s;



	-o-transition: all 0.3s;



	-webkit-transition: all 0.3s;



	transition: all 0.3s;



	box-shadow: 0 5px 5px rgba(0,0,0,0.1)



}



}



.in_categW {



	margin-top: 60px;



	border-bottom: 1px solid #eeeeee;



	padding-bottom: 60px



}



.in_title {



	text-align: center;



	background: url(../images/t_bg.png) no-repeat center top;



	padding-top: 31px



}



.in_title span {



	color: #444444;



	font-size: 32px;



	line-height: 28px;



	text-transform: uppercase;



	display: inline-block;



	font-family: 'Oswald-Bold';



}



.in_title p {



	color: #999999;



	font-size: 13px;



	line-height: 22px;



	margin-top: 18px;



	text-transform: uppercase;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



}



.in_title:after {



	display: block;



	width: 70px;



	height: 4px;



	background: #2da5ee;



	margin: 32px auto 0;



	content: '';



}



.in_categL {



	margin-top: 20px



}



.in_categL li {



	list-style: none;



	margin-top: 20px



}



.in_categL li .in_categL_m>a {



	display: block;



	width: 100%;



	overflow: hidden



}



.in_categL li .in_categL_m>a img {



	width: 100%;



	max-width: 100%;



	height: auto;



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



	-moz-transition: -moz-transform 0.3s;



	-o-transition: -o-transform 0.3s;



	transition: transform 0.3s;



}



.in_categL li .in_categL_m>a:hover img {



	-webkit-transform: scale(1.1);



	-moz-transform: scale(1.1);



	-ms-transform: scale(1.1);



	-o-transform: scale(1.1);



	transform: scale(1.1);



}



.in_categL li .in_categL_m .in_categL_w {



	background: #fff;



	padding: 21px 10px 14px;



	text-align: center



}



.in_categL li .in_categL_m .in_categL_w a {



	display: block;



	color: #444444;



	font-size: 13px;



	line-height: 22px;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



	font-family: 'poppins-semibold';



}



.in_categL li .in_categL_m:hover .in_categL_w {



	background: #2da5ee



}



.in_categL li .in_categL_m:hover .in_categL_w a {



	color: #fff



}



.in_categL li .in_categL_m .in_categL_w p {



	font-size: 12px;



	color: #999999;



	line-height: 24px;



	height: 48px;



	overflow: hidden;



	margin-top: 9px;



}



.in_categL li .in_categL_m:hover .in_categL_w p {



	color: #ffffff



}



.more1 {



	text-align: center;



	margin-top: 22px



}



.more1 a {



	display: inline-block;



	font-family: 'poppins-semibold';



	background: #2da5ee;



	line-height: 45px;



	padding: 0 35px;



	color: #fff;



	font-size: 13px;



	border-radius: 25px;



	text-transform: uppercase;



	box-shadow: 0 5px 5px rgba(45,165,238,0.2)



}



.more1 a:hover {



	background: #f2873b



}



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



.in_categL.row {



	margin: 20px -10px 0



}



.in_categL li {



	padding: 0 10px;



}



}



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



.in_categL li {



	width: 100%



}



}



.in_proW {



	margin-top: 60px



}



#parentHorizontalTab01 {



	text-align: left;



	padding: 0;



	text-align: center;



}



#parentHorizontalTab01 ul.resp-tabs-list {



	margin: 25px 0 8px 0px;



	padding: 0px;



	text-align: center



}



#parentHorizontalTab01 .resp-tabs-list li {



	list-style: none;



	cursor: pointer;



	font-size: 14px;



	color: #222222;



	text-align: center;



	position: relative;



	line-height: 36px;



	height: 40px;



	text-transform: capitalize;



	border-radius: 25px;



	display: inline-block;



	margin: 5px 9px;



	border: 2px solid #e2e2e2;



	background: none;



	padding: 0 18px;



	font-family: 'poppins-semibold';



	-moz-transition: all 0.3s;



	-o-transition: all 0.3s;



	-webkit-transition: all 0.3s;



	transition: all 0.3s;



}



#parentHorizontalTab01 .resp-tabs-container div table {



	max-width: 100%;



}



#parentHorizontalTab01 .resp-tabs-container {



	padding: 0;



	clear: left;



}



#parentHorizontalTab01 em.resp-accordion {



	cursor: pointer;



	padding: 5px;



	display: none;



	padding: 10px 15px !important;



}



#parentHorizontalTab01 .resp-tab-content {



	display: none;



	padding: 0;



	margin-top: 1px



}



#parentHorizontalTab01 .resp-tabs-list li:hover {



	border-color: #2da5ee;



	color: #fff;



	background: #2da5ee



}



#parentHorizontalTab01 .resp-tabs-list li.resp-tab-active {



	border-color: #2da5ee;



	background: #2da5ee;



	color: #fff



}



#parentHorizontalTab01 .resp-tabs-list li.resp-tab-active:after {



	content: "";



	position: absolute;



	bottom: -11px;



	width: 0;



	height: 0;



	border-style: solid;



	border-color: #2da5ee transparent;



	border-width: 9px 10px 0 10px;



	left: 50%;



	margin-left: -8px;



	-moz-transition: all 0.3s;



	-o-transition: all 0.3s;



	-webkit-transition: all 0.3s;



	transition: all 0.3s;



}



#parentHorizontalTab01 .resp-content-active, #parentHorizontalTab01 .resp-accordion-active {



	display: block;



}



#parentHorizontalTab01 em.resp-accordion {



	font-size: 14px;



	margin: 0px;



	background: #f2f2f2;



	margin-bottom: 1px;



	font-family: 'poppins-semibold';



}



#parentHorizontalTab01 em.resp-tab-active {



	margin-bottom: 0px !important;



}



#parentHorizontalTab01 em.resp-tab-title:last-child {



	border-bottom: 12px solid #c1c1c1 !important;



	background: blue;



}



#parentHorizontalTab01 .resp-vtabs ul.resp-tabs-list {



	float: left;



	width: 30%;



}



#parentHorizontalTab01 .resp-vtabs .resp-tabs-list li {



	display: block;



	padding: 15px 15px !important;



	margin: 0 0 4px;



	cursor: pointer;



	float: none;



}



#parentHorizontalTab01 .resp-vtabs .resp-tabs-container {



	padding: 0px;



	background-color: #fff;



	border: 1px solid #c1c1c1;



	float: left;



	width: 68%;



	min-height: 250px;



	border-radius: 4px;



	clear: none;



}



#parentHorizontalTab01 .resp-vtabs .resp-tab-content {



	border: none;



	word-wrap: break-word;



}



#parentHorizontalTab01 .resp-vtabs li.resp-tab-active {



	position: relative;



	z-index: 1;



	margin-right: -1px !important;



	padding: 14px 15px 15px 14px !important;



	border-top: 1px solid;



	border: 1px solid #5AB1D0 !important;



	border-left: 4px solid #5AB1D0 !important;



	margin-bottom: 4px !important;



	border-right: 1px #FFF solid !important;



}



#parentHorizontalTab01 .resp-arrow {



	width: 0;



	height: 0;



	float: right;



	margin-top: 10px;



	border-left: 6px solid transparent;



	border-right: 6px solid transparent;



	border-top: 7px solid #c1c1c1;



}



#parentHorizontalTab01 em.resp-tab-active span.resp-arrow {



	border: none;



	border-left: 6px solid transparent;



	border-right: 6px solid transparent;



	border-bottom: 7px solid #fff;



}



#parentHorizontalTab01 em.resp-tab-active {



	background: #2da5ee !important;



	color: #fff;



}



#parentHorizontalTab01 .resp-easy-accordion em.resp-accordion {



	display: block;



}



#parentHorizontalTab01 .resp-easy-accordion .resp-tab-content {



	border: 1px solid #1268bf;



}



#parentHorizontalTab01 .resp-easy-accordion .resp-tab-content:last-child {



	border-bottom: 1px solid #1268bf;/* !important;*/



}



#parentHorizontalTab01 .resp-jfit {



	width: 100%;



	margin: 0px;



}



#parentHorizontalTab01 .resp-tab-content-active {



	display: block;



}



#parentHorizontalTab01 .tab-proW {



}



.in_proL {



	margin: 0 -10px



}



.in_proL li {



	list-style: none;



	padding: 0 10px;



	float: left;



	width: 20%;



	margin: 20px 0 10px



}



.in_proL li .in_categL_m {



	border: 1px solid #eeeeee



}



.in_proL li .in_categL_m>a {



	display: block;



	width: 100%;



	overflow: hidden



}



.in_proL li .in_categL_m>a img {



	width: 100%;



	max-width: 100%;



	height: auto;



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



	-moz-transition: -moz-transform 0.3s;



	-o-transition: -o-transform 0.3s;



	transition: transform 0.3s;



}



.in_proL li .in_categL_m>a:hover img {



	-webkit-transform: scale(1.1);



	-moz-transform: scale(1.1);



	-ms-transform: scale(1.1);



	-o-transform: scale(1.1);



	transform: scale(1.1);



}



.in_proL li .in_categL_m .in_categL_w {



	background: #f9f9f9;



	padding: 21px 10px 20px;



	text-align: center



}



.in_proL li .in_categL_m .in_categL_w a {



	display: block;



	color: #444444;



	font-size: 13px;



	line-height: 22px;



	height: 44px;



	overflow: hidden;



	font-family: 'poppins-semibold';



}



.in_proL li .in_categL_m:hover .in_categL_w {



	background: #2da5ee



}



.in_proL li .in_categL_m:hover .in_categL_w a {



	color: #fff



}



.in_proL li .in_categL_m .in_categL_w p {



	font-size: 12px;



	color: #999999;



	line-height: 24px;



	height: 48px;



	overflow: hidden;



	margin-top: 6px;



}



.in_proL li .in_categL_m:hover .in_categL_w p {



	color: #ffffff



}



.tab-proW .more1 {



	margin-top: 35px



}



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



#parentHorizontalTab01 .resp-tabs-list li {



	margin: 5px 2px;



	font-size: 13px;



	padding: 0 10px;



}



}



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



.in_proL li {



	width: 33.33%



}



}



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



#parentHorizontalTab01 .resp-tabs-container {



	margin-top: 30px



}



#parentHorizontalTab01 ul.resp-tabs-list {



	display: none



}



#parentHorizontalTab01 em.resp-accordion {



	display: block;



	text-align: left



}



}



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



.in_proL li {



	width: 50%



}



}



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



.in_proL li {



	width: 100%



}



}



.in_aboutW {



	background: #f4f4f4;



	padding: 55px 0 58px;



	margin-top: 60px



}



.in_about .in_title:after {



	margin-top: 17px;



}



.in_about>a {



	display: block;



	width: 40%;



	float: left;



}



.in_about>a img {



	width: 100%;



	max-width: 470px;



	height: auto;



}



.in_about .in_about_m {



	float: right;



	width: 60%;



	padding-left: 45px;



}



.in_about .in_about_m .in_about_d {



	color: #666666;



	font-size: 12px;



	line-height: 30px;



	overflow: hidden;



	max-height: 120px;



	text-align: center;



	margin-top: 19px



}



.in_aboutL {



	margin: 0 -10px



}



.in_aboutL li {



	list-style: none;



	float: left;



	width: 33.33%;



	margin-top: 25px;



	text-align: left;



	padding: 0 10px



}



.in_aboutL li a {



	display: inline-block;



	width: 64px;



	height: 64px;



	border-radius: 50%;



	background: #d9d9d9;



}



.in_aboutL li a img {



	width: 64px;



	height: 64px;



}



.in_aboutL li a:hover {



	background: #f2873b



}



.in_aboutL li em {



	display: block;



	font-style: normal;



	margin-top: 14px;



	font-family: 'poppins-semibold';



	color: #f2873b;



	text-transform: capitalize;



	font-size: 14px;



	line-height: 22px;



}



.in_aboutL li p {



	color: #f2873b;



	font-size: 13px;



	margin-top: 7px



}



.in_aboutL li p img {



	display: inline-block;



	margin-left: 4px;



	vertical-align: middle



}



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



.in_about .in_about_m {



	padding-left: 20px;



}



}



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



.in_about>a {



	width: 100%;



	float: none;



	text-align: center;



	margin-top: 35px



}



.in_about .in_about_m {



	padding-left: 0;



	width: 100%;



	float: none



}



}



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



.in_aboutL li {



	width: 100%;



	text-align: center



}



}



.in_parW {



	background: url(../images/par_bg.jpg) no-repeat;



	background-size: cover;



	padding: 60px 0 65px



}



.in_parW .in_title {



	background-image: url(../images/t_bg2.png)



}



.in_parW .in_title span {



	color: #fff



}



.in_parW .in_title p {



	text-transform: none;



	color: #ffffff



}



.in_parW .in_title:after {



	margin-top: 17px;



	background: #fff



}



.in_parL li {



	list-style: none;



	float: left;



	width: 20%;



	margin-top: 50px;



}



.in_parL li a {



	display: block;



}



.in_parL li a img {



	width: 100%;



	height: auto;



	max-width: 233px



}



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



.in_parL li {



	width: 33.33%;



}



}



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



.in_parL li {



	width: 50%;



}



}



.in_messageW {



	background: #f4f4f4 url(../images/message_bg.png) no-repeat center bottom;



	padding: 60px 0



}



.in_messageW .in_title p {



	text-transform: none



}



.in_messageW .in_title:after {



	margin-top: 17px;



}



.fot_message {



	width: 100%;



	margin: 35px auto 0;



	max-width: 800px;



}



.fot_message .fot_input {



	float: left;



	width: 50%;



	margin-bottom: 20px;padding: 0 10px;



}



.fot_message .fot_input:nth-child(5){ width:100%}



.fot_message .fot_input .meInput {



	height: 48px;



	line-height: 48px;



	border: none;



	padding: 0 14px;



	display: inline;



	width: 100%;



	color: #aaaaaa;



	font-size: 12px;



	background: #fff;



	border-radius: 0;



	font-style: italic



}



 



.fot_message .fot_input .meInput:focus {



	font-style: normal;



	color: #333



}



.fot_message .fot_textare {



	width: 100%; padding:0 10px;



}



.fot_message .fot_textare .meText {



	height: 150px;



	max-height: 150px;



	max-width: 100%;



	border: none;



	padding: 16px 14px 10px;



	display: inline;



	width: 100%;



	color: #fff;



	font-size: 12px;



	background: #fff;



	border-radius: 0;



	color: #aaaaaa;



	font-style: italic



}



.fot_message .fot_textare .meText:focus {



	font-style: normal;



	color: #333



}



.fot_message .fot_send {



	text-align: center;



	margin-top: 40px



}



.fot_message .btn_1 {



	height: 45px;



	display: inline-block;



	line-height: 45px;



	border-radius: 25px;



	padding: 0 50px;



	color: #fff;



	font-family: 'poppins-semibold';



	font-size: 14px;



	text-transform: uppercase;



	text-align: center;



	background: #2da5ee;



	border: none;



	box-shadow: none;



	font-weight: normal;



	border-radius: 25px;



	box-shadow: 0 5px 5px rgba(45,165,238,0.2)



}



.fot_message .btn_1:hover {



	background: #f2873b



}



.fot_message .btn_1 i {



	color: #fff;



	font-size: 13px;



	margin-right: 13px



}



.in_messageW #meText::-webkit-input-placeholder {



color:#aaaaaa;



}



.in_messageW #meText::-moz-placeholder {



color:#aaaaaa;



} /* firefox 19+ */



.in_messageW #meText:-ms-input-placeholder {



color:#aaaaaa;



} /* ie */



.in_messageW #meText.textarea:-moz-placeholder {



color:#aaaaaa;



}



.in_messageW .meInput::-webkit-input-placeholder {



color:#aaaaaa;



}



.in_messageW .meInput::-moz-placeholder {



color:#aaaaaa;



} /* firefox 19+ */



.in_messageW .meInput:-ms-input-placeholder {



color:#aaaaaa;



} /* ie */



.in_messageW .meInput.textarea:-moz-placeholder {



color:#aaaaaa;



}



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



.fot_message .fot_input {



	width: 100%; padding:0



}



.fot_message .fot_textare { padding:0}



.fot_message .fot_input:first-child {



	padding-right: 0px



}



}



/*footer*/



.footerW {



	background: url(../images/fot_bg.jpg) no-repeat;



	padding: 57px 0 60px;



	background-size: cover;



}



.footerW li {



	list-style: none



}



.footer .fot_title {



	color: #ffffff;



	text-transform: uppercase;



	font-size: 16px;



	font-family: 'poppins-semibold';



	display: block;



	margin-bottom: 25px;



	position: relative;



}



.footer .fot_title em {



	margin-bottom: -5px;



	display: inline-block;



}



.fot-top {



	border-bottom: 1px solid rgba(255,255,255,0.08);



	padding-bottom: 30px;



	margin: 0 0 50px;



	text-align: center



}



.fot-top p {



	color: #c1c1c1;



	margin-top: 22px;



	font-size: 12px;



	line-height: 24px;



	overflow: hidden;



	max-height: 48px;



	padding: 0 100px;



}



.fot-logo {



	display: block;



	text-align: center;



	text-transform: uppercase;



	color: #fff;



	font-family: 'Oswald-Bold';



	font-size: 30px;



}



.fot-logo img {



	max-width: 341px;



	height: auto;



	width: 100%



}



.fot-top .fot-share {



	margin-top: 15px;



}



.fot-top .fot-share {



	list-style: none;



}



.fot-top .fot-share li {



	margin: 0 8px;



	display: inline-block;



	vertical-align: middle;



}



.fot-top .fot-share li a {



	background: #fff;



	width: 36px;



	height: 36px;



	border-radius: 50%;



	display: inline-block;



	text-align: center;



}



.fot-top .fot-share li a img {



	filter: alpha(opacity=100);



	-moz-opacity: 1;



	opacity: 1;



}



.fot-top .fot-share li a:hover {



	background: rgba(255,255,255,0.9);



}



.fot_con {



	padding-right: 30px;



}



.fot_con .toggle_content>p {



	color: #c9c9c9;



	font-size: 14px;



	line-height: 24px;



}



.fot_con .toggle_content ul {



	margin-top: 0px;



	list-style: none;



}



.fot_con .toggle_content li {



	margin-bottom: 15px;



	padding: 3px 0;



	color: #c9c9c9;



	font-size: 14px;



	padding-left: 30px;



}

.fot_con .toggle_content li.fcon05{ padding-left: 0}
.fot_con .toggle_content li.fcon05 img{}
.fot_con .toggle_content li p {



	display: inline-block;



	padding-right: 3px;



}
.fot_con .toggle_content li.fcon05 p{ margin-bottom: 10px; display: block}


.fot_con .toggle_content li a {



	color: #c9c9c9;



	font-size: 14px;



}



.fot_con .toggle_content li a:hover {



	color: #2da5ee



}



.fot_con .toggle_content li.fcon01 {



	background: url(../images/fot_tel.png) no-repeat left 3px;



}



.fot_con .toggle_content li.fcon02 {



	background: url(../images/fot_fax.png) no-repeat left 3px;



}



.fot_con .toggle_content li.fcon03 {



	background: url(../images/fot_email.png) no-repeat left 3px;



}



.fot_con .toggle_content li.fcon04 {



	background: url(../images/fot_whats.png) no-repeat left 3px;



}



.fot_nav {



	padding-right: 30px;



}



.fot_nav li {



	margin-bottom: 13px;



}



.fot_nav li a {



	color: #c9c9c9;



	font-size: 14px;



	text-transform: capitalize;



}



.fot_nav li a:hover {



	color: #fff;



}



.fot_links {



	padding-right: 30px;



}



.fot_links li {



	margin-bottom: 13px;



}



.fot_links li a {



	color: #c9c9c9;



	font-size: 14px;



}



.fot_links li a:hover {



	color: #fff;



}



.fot_sub .toggle_content>p {



	color: #c9c9c9;



	font-size: 14px;



	line-height: 22px;



}



.fot_sub .fsub-box {



	background: rgba(255,255,255,0.15);



	height: 36px;



	line-height: 36px;



	margin-top: 20px;



	position: relative



}



.fot_sub .fsub-box .fot_input {



	width: 98%;



	height: 36px;



	line-height: 36px;



	color: #c6c5c5;



	font-size: 12px;



	background: none;



	padding-left: 12px



}



.fot_sub .fsub-box .Submit {



	width: 16px;



	height: 16px;



	display: inline-block;



	position: absolute;



	right: 12px;



	top: 12px;



	background: url(../images/send_btn.png) no-repeat center;



	text-indent: -9999px;



	cursor: pointer;



}



.fot_title .column_icon_toggle {



	display: none;



}



.footerW .icon-minus-sign:before {



	content: "\f068";



	font-family: 'FontAwesome';



}



.footerW .icon-plus-sign:before {



	content: "\f067";



	font-family: 'FontAwesome';



}



.fot-botW {



	padding-top: 27px;



	margin-top: 26px;



	border-top: 1px solid rgba(255,255,255,0.08);



}



.fot-bot {



	text-align: center



}



.fot-bot .fot-fri {



	list-style: none;



}



.fot-bot .fot-fri p {



	display: inline-block;



	text-transform: capitalize;



	color: #999999;



	font-size: 12px;



}



.fot-bot .fot-fri li {



	display: inline-block;



	margin: 0 10px;



}



.fot-bot .fot-fri li a {



	color: #999999;



	font-size: 12px;



}



.fot-bot .fot-fri li a:hover {



	color: #fff;



}



.fot-bot .copy {



	color: #999999;



	font-size: 12px;



	margin-bottom: 10px



}



.fot-bot .copy p {



	display: inline-block;



}



.fot-bot .copy a {



	color: #999999;



}



.fot-bot .copy a:hover {



	color: #fff;



}



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



.fot-top {



	margin-bottom: 25px



}



.footer {



	padding-bottom: 20px;



}



.fot_links, .fot_pro, .fot_con, .fot_nav, .fot_sub {



	width: 100%;



	padding: 0;



}



.footer .fot_title {



	border-bottom: 1px solid rgba(255,255,255,0.2);



	padding-bottom: 20px;



	cursor: pointer;



	margin-bottom: 20px;



}



.footer .fot_title .column_icon_toggle {



	display: inline-block;



	position: absolute;



	right: 15px;



	top: 0;



	font-style: normal;



	cursor: pointer;



	font-size: 16px;



	font-weight: normal;



}



.footer .toggle_content {



	padding-bottom: 30px;



}



.fot-top .fot-share p {



	font-size: 16px;



}



.fot-botW {



	border-top: none;



	margin: 0;



	padding-top: 0px;



}



}



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



.fot-top .fot-share p {



	display: none



}



.fot-top .fot-share li {



	margin-left: 0;



	margin-right: 10px;



}



}



.page_banner img {



	width: 100%;



	height: auto;



	max-width: 100%



}/*page*/



.breadcrumbW {



	padding: 14px 0 12px;



	font-size: 12px;



	text-align: right;



	margin: 0;



	background: #f8f8f8;



	border-bottom: 1px solid #ebebeb;



}



.breadcrumb {



	padding: 0;



	margin: 0;



	background: none;



	border-radius: 0



}



.breadcrumb .title {



	font-size: 24px;



	font-family: 'Oswald-Bold';



	color: #333;



	display: inline-block;



	float: left;



	margin: 0;



	text-transform: capitalize;



}



.breadcrumb .bread-right {



	float: right;



	margin-top: 4px



}



.breadcrumb .bread-right i {



	margin: 0 8px;



	display: inline-block;



	background: #666;



	width: 2px;



	height: 10px;



}



.breadcrumb .bread-right a {



	font-size: 13px;



	color: #666;



	vertical-align: middle;



	line-height: 18px;



	text-transform: uppercase;



}



.breadcrumb .bread-right a:hover {



	color: #2da5ee;



}



.breadcrumb .bread-right h2 {



	margin: 0;



	display: inline-block;



	padding: 0;



	font-size: 13px;



	max-width: 200px;



	overflow: hidden;



	white-space: nowrap;



	text-overflow: ellipsis;



	word-wrap: normal;



	color: #666;



	vertical-align: middle;



	line-height: 18px;



}



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



.breadcrumb {



	text-align: center;



	padding: 15px;



}



.breadcrumb .title {



	float: none;



	margin-bottom: 10px;



	font-size: 20px;



	width: 100%;



}



.breadcrumb .bread-right i {



	width: 1px;



}



.breadcrumb .bread-right {



	float: none;



	text-align: center



}



}



.main_boxW, .page-box {



	padding: 60px 0;



	background: #fff



}



.pro_web {



	padding: 0px 0 60px;



}



.about_detail {



	line-height: 24px;



	margin-bottom: 0;



	font-size: 13px



}



.about_detail img {



	max-width: 100%



}



.main_boxW_t {



	position: relative;



	text-align: center;



	margin-bottom: 35px;



}



.main_boxW_t span {



	font-family: 'Oswald-Bold';



	font-size: 24px;



	background: #fff;



	display: inline-block;



	padding: 0 15px;



	text-transform: uppercase;



	color: #555;



	line-height: 24px;



	position: relative;



	z-index: 999;



}



.main_boxW_t:after {



	height: 1px;



	width: 100%;



	content: '';



	display: block;



	background: #EBEBEB;



	position: absolute;



	top: 10px



}



.about_web_m {



	margin-top: 40px



}



.about_web_w .about_webL {



	float: left;



	width: 50%;



	padding-right: 15px;



}



.about_web_w .about_webL .about_webL_m {



	margin-bottom: 20px;



}



.about_web_w .about_webL .about_webL_m>span {



	font-family: 'poppins-semibold';



	line-height: 24px;



	color: #555;



	font-size: 14px;



	display: block;



}



.about_web_w .about_webL .about_webL_m p {



	line-height: 24px;



	color: #999;



	margin-top: 10px



}



.about_web_w .about_web_img {



	float: left;



	width: 50%;



	padding-left: 15px;



}



.about_web_w .about_web_img img {



	max-width: 100%;



	width: 100%



}



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



.about_web_w .about_webL {



	width: 100%;



	float: none



}



.about_web_w .about_web_img {



	float: none;



	width: 100%;



	margin-top: 15px



}



}/*message*/



.con-main {



	padding-left: 0;



	padding-right: 30px;



}



.con-main>em {



	font-size: 16px;



	font-family: 'poppins-semibold';



	text-transform: uppercase;



	margin-bottom: 10px;



	display: block;



	color: #555;



}



.con-main>div {



	line-height: 24px;



	font-size: 14px;



	margin-bottom: 20px;



}



.con-main img {



	max-width: 100%;



}



.message {



	background: #fff url(../images/message_bg.png) no-repeat center bottom;



	background-size: 100%;



	padding: 40px 30px;



	border-radius: 5px;



	box-shadow: 0 0 8px rgba(0,0,0,0.08)



}



.message>em {



	font-size: 18px;



	font-family: 'poppins-semibold';



	text-transform: uppercase;



	margin-bottom: 10px;



	display: block;



	color: #2da5ee;



}



.message>p, .message ul>p {



	font-size: 13px;



	line-height: 24px;



	color: #808080;



	margin-bottom: 10px;



}



.message ul {



	overflow: hidden;



	width: 100%;



	border-top: none;



}



.message li {



	margin-bottom: 15px; float:left; list-style:none; width:33.33%



}



.message li:nth-child(5),.message li:nth-child(6),.message li:first-child{ width:100%}



.message li p {



	font-size: 13px;



	margin-left: 0;



	display: inline-block;



	margin-bottom: 5px;



	margin-right: 10px;



	text-transform: capitalize;



	color: #333;



}



.message li a {



	color: red;



	text-decoration: underline;



	text-transform: capitalize;



}



.message li p a:hover {



	color: #fff;



}



.message label {



	display: block;



	font-weight: normal;



	text-align: left;



	font-size: 13px;



	margin-bottom: 5px;



}



.message .meInput {



	width: 98%;



	height: 44px;



	border: 1px solid #e0e0e0;



	padding-left: 10px;



	vertical-align: middle;



	-moz-transition: all 0.3s;



	-o-transition: all 0.3s;



	-webkit-transition: all 0.3s;



	transition: all 0.3s;



	color: #808080;



	background: #fff;



	line-height: 60px;



}



.message .meInput:focus {



	color: #333;



	border-color: #2da5ee



}



.message .meText {



	width: 99%;



	min-height: 120px;



	max-width: 100%;



	padding: 15px 10px;



	vertical-align: middle;



	-moz-transition: all 0.3s;



	-o-transition: all 0.3s;



	-webkit-transition: all 0.3s;



	transition: all 0.3s;



	border: none;



	border: 1px solid #e0e0e0;



	color: #808080;



	background: #fff;



}



.message .meText:focus {



	color: #333;



	border-color: #2da5ee



}



.message .btn_1 {



	height: 45px;



	display: inline-block;



	line-height: 45px;



	border-radius: 25px;



	padding: 0 50px;



	color: #fff;



	font-family: 'poppins-semibold';



	font-size: 14px;



	text-transform: uppercase;



	text-align: center;



	background: #2da5ee;



	border: none;



	box-shadow: none;



	font-weight: normal;



	border-radius: 25px;



	box-shadow: 0 5px 5px rgba(45,165,238,0.2);



	margin-top: 15px



}



.message .btn_1:hover {



	background: #f2873b



}



.message .btn_1 i {



	margin-left: 15px



}



.con-app {



	background: #fafafa;



	padding: 60px 0;



}



.con-app .row {



	list-style: none;



}



.con-app li {



	padding: 0 30px;



}



.con-app li>div {



	position: relative;



}



.con-app li a {



	position: absolute;



	left: 0;



	top: 0;



	width: 100%;



	height: 100%;



	display: inline-block;



}



.con-app li img {



	max-width: 100%;



	height: auto;



}



.con-app li em {



	position: absolute;



	left: 0;



	bottom: 0;



	width: 100%;



	background: rgba(0,0,0,0.5);



	padding: 10px 15px;



	color: #fff;



	font-size: 18px;



	font-family: 'poppins-semibold', sans-serif;



	-moz-transition: all 0.3s;



	-o-transition: all 0.3s;



	-webkit-transition: all 0.3s;



	transition: all 0.3s;



	text-transform: capitalize;



}



.con-app li em:after {



	content: "\f054";



	font-family: FontAwesome;



	float: right;



}



.con-app li:hover em {



	background: rgba(0,0,0,0.4);



}



.cont_sitemap {



	margin-top: 45px



}



.cont_sitemap img {



	width: 100%;



	max-width: 100%



}



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



.con-app li {



	padding: 0 15px;



}



}



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



	.message li{ width:100%}



.contact>em {



	font-size: 28px;



}



.con-main {



	padding: 0;



}



.message {



	margin-top: 0px;



	padding: 0;



}



.message .meInput, .message .meText {



	width: 98%;



}



.con-app li {



	margin-bottom: 15px;



}



.con-app li img {



	width: 100%;



}



}/*sitemap*/



.sitemap {



	width: 100%;



}



.stp-listA>li {



	text-transform: capitalize;



	margin-bottom: 10px;



	list-style: none;



	background: #f7f7f7;



	border: 1px solid #e5e5e5;



	padding: 10px 10px 7px;



}



.stp-top {



	width: 100%;



	padding-bottom: 5px;



	line-height: 34px;



}



.stp-listA>li:last-child .stp-top {



	border-bottom: none



}



.stp-top a {



	font-family: 'poppins-semibold', sans-serif;



	color: #555;



	font-size: 14px;



	text-transform: capitalize;



	display: block;



}



.stp-top a i {



	padding-left: 10px;



}



.stp-top a:hover {



	color: #2da5ee;



	text-decoration: none;



}



.stp-listB {



	display: block;



	padding: 10px;



	background: #f7f7f7;



	border-top: 1px solid #e5e5e5;



}



.stp-listB>li {



	list-style: none;



	width: 25%;



	float: left;



	padding: 8px 15px 8px 0;



	overflow: hidden;



	text-overflow: ellipsis;



	-o-text-overflow: ellipsis;



	white-space: nowrap;



}



.stp-listB li a {



	font-size: 13px;



	line-height: 22px;



	display: block;



	color: #4d4d4d;



}



.stp-listB li a i {



	padding-right: 5px;



}



.stp-listB>li>a:hover {



	color: #2da5ee;



	text-decoration: underline;



}



.stp-listC {



	padding: 0px 10px



}



.stp-listC li {



	list-style: none



}



.stp-listC li a {



	padding: 5px 0 0px;



	color: #888;



	font-size: 12px



}



.stp-listC>li>a:hover {



	color: #2da5ee;



}



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



.main-left, .main-right {



	padding: 0;



}



.stp-listB li {



	width: 48%;



}



.stp-listB li a {



	font-size: 14px;



}



}



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



.stp-listB li {



	width: 100%;



	margin-right: 0;



	margin-bottom: 2%;



}



}/*left*/



.page_left {



	width: 26%;



	padding-right: 20px



}



.page_left .column .block>span {



	display: block;



	position: relative;



	margin-bottom: 10px;



}



.page_left .column .block>span em {



	display: block;



	font-size: 18px;



	color: #333;



	font-family: "poppins-semibold";



	text-transform: uppercase;



	padding: 10px 0;



	border-top: 1px solid #e0e0e0;



	border-bottom: 1px solid #e0e0e0;



}



.page_left .column .block>span .column_icon_toggle {



	display: none;



}



.left-nav {



	margin-bottom: 20px



}



.left-blog {



	margin-bottom: 30px;



}



.left-nav ul li {



	list-style: none



}



.left-nav ul li a {



	text-transform: uppercase;



	font-size: 14px;



	display: block;



	border-bottom: 1px solid #fff;



}



.left-nav ul li a:hover {



	color: #2da5ee;



	text-decoration: none;



}



.left-nav ul li a.lnav-depth {



	background: #e5e5e5;



}



.mtree-skin-selector {



	display: none;



}



ul.mtree {



	margin-left: 0;



	margin-top: 0;



	background: #fff



}



ul.mtree>li {



	list-style: none;



}



ul.mtree>li:last-child {



	border-bottom: none;



}



ul.mtree>li>a {



	display: block;



	font-size: 14px;



	padding: 10px 0 10px 0px;



	text-transform: capitalize;



}



ul.mtree>li>a i {



	padding-right: 5px;



}



ul.mtree li.mtree-node > a {



}



ul.mtree>li:hover {



}



ul.mtree>li:hover>a {



	color: #2da5ee;



	text-decoration: none;



}



ul.mtree>li.mtree-node {



}



ul.mtree>li.mtree-open ul {



	display: block



}



ul.mtree>li.mtree-open>a {



	color: #fff;



	text-decoration: none;



	background: #2da5ee;



	padding-left: 10px



}



ul.mtree>li.mtree-node:hover {



}



ul.mtree>li.mtree-node .mtrss-all {



	text-transform: uppercase;



	font-size: 14px;



	font-family: 'poppins-semibold';



	color: #2da5ee;



}



ul.mtree>li.mtree-node .mtrss-all span {



	display: inline-block;



	padding-right: 5px;



	border: none;



	margin-bottom: 0;



}



ul.mtree>li.mtree-node .mtrss-all a {



	font-size: 12px;



	text-transform: capitalize;



	color: #333;



	color: #2da5ee;



	padding: 10px 10px;



	border-bottom: 1px solid #2da5ee



}



ul.mtree>li.mtree-node .mtrss-all:hover {



	color: #fff;



}



ul.mtree>li.mtree-node .mtrss-all:hover a {



	color: #fff;



	background: #2da5ee;



	color: #fff;



}



ul.mtree a {



	-webkit-transition: all 300ms ease-out;



	-moz-transition: all 300ms ease-out;



	-ms-transition: all 300ms ease-out;



	-o-transition: all 300ms ease-out;



	transition: all 300ms ease-out;



}



ul.mtree ul {



	padding: 0;



	background: #f1f1f1;



	display: none;



	border-top: none;



	border-bottom: none;



}



ul.mtree ul li {



	margin-bottom: 1px;



	list-style: none



}



ul.mtree ul li:hoverul.mtree ul li a:hover {



background:#e5e5e5;



}



ul.mtree ul li a:hover {



}



ul.mtree ul li ul {



	border: none;



}



ul.mtree ul li ul li {



	margin: 5px 0;



}



ul.mtree li.mtree-node ul li a {



	display: block;



	font-size: 13px;



	font-weight: normal;



	padding: 10px 0 10px 10px;



	text-transform: capitalize;



	border-bottom: 1px solid #f5f5f5;



}



ul.mtree li.mtree-node ul.mtree-level-2 li:last-child a {



	border-bottom: none



}



ul.mtree li.mtree-node ul li a i {



	padding-right: 5px;



}



ul.mtree ul li a:hover {



	color: #2da5ee;



	text-decoration: none;



}



ul.mtree .mtree-level-2 {



	padding: 0;



	border-bottom: 1px solid #e6e6e6;



	background: #fafafa;



}



ul.mtree li ul li.mtree-open a {



	text-decoration: none;



}



ul.mtree li ul.mtree-level-2 li a {



	font-weight: normal;



	font-size: 12px;



	color: #888;



	padding: 5px 0px 5px 10px;



}



ul.mtree .mtree-level-2 li a:hover {



	text-decoration: none;



	color: #2da5ee;



	font-weight: normal;



}



ul.mtree ul li ul li a:before {



	content: "\f105";



	font-family: FontAwesome;



	padding-right: 5px;



}



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: #E3E3E3;



}



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;



}



.page_left .left-pro {



	margin-top: 25px;



}



.page_left .left-pro .htmleaf-content {



	border-top: none;



}



.page_left .left-pro .htmleaf-content ul li {



	margin: 10px 0 15px;



	list-style: none



}



.page_left .left-pro .htmleaf-content ul li>a {



	display: inline-block;



	float: left;



	width: 40%;



	overflow: hidden;



	position: relative;



	border: 1px solid #eee;



}



.page_left .left-pro .htmleaf-content ul li>a img {



	max-width: 100%;



	height: auto;



	width: 100%;



}



.page_left .left-pro .htmleaf-content ul li>a i {



	color: #fff;



	font-size: 20px;



	line-height: 20px;



	position: absolute;



	left: 50%;



	bottom: -100%;



	z-index: 2;



	margin-left: -12px;



	margin-bottom: -9px;



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



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



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



}



.page_left .left-pro .htmleaf-content ul li>a:hover {



	border-color: #2da5ee



}



.page_left .left-pro .htmleaf-content ul li>a:hover i {



	bottom: 50%;



}



.page_left .left-pro .htmleaf-content ul li>a span {



	display: block;



	position: absolute;



	z-index: 1;



	left: 0;



	top: -100%;



	-webkit-opacity: 0;



	-moz-opacity: 0;



	opacity: 0;



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



	-moz-transition: all 0.3s;



	-o-transition: all 0.3s;



	-webkit-transition: all 0.3s;



	transition: all 0.3s;



	width: 100%;



	height: 100%;



}



.page_left .left-pro .htmleaf-content ul li>a:hover span {



	-webkit-opacity: 1;



	-moz-opacity: 1;



	opacity: 1;



	top: 0;



	-moz-transition: all 0.3s;



	-o-transition: all 0.3s;



	-webkit-transition: all 0.3s;



	transition: all 0.3s;



}



.page_left .left-pro .htmleaf-content ul li .lnews-right {



	float: left;



	padding-left: 10px;



	width: 60%;



}



.page_left .left-pro .htmleaf-content ul li .lnews-right>a.left-pro-t {



	color: #666;



	font-size: 13px;



	display: block;



	margin-bottom: 5px;



	overflow: hidden;



	white-space: nowrap;



	text-overflow: ellipsis;



	word-wrap: normal;



	font-family: 'poppins-semibold';



}



.page_left .left-pro .htmleaf-content ul li .lnews-right a.left-pro-t:hover {



	color: #2da5ee;



}



.page_left .left-pro .htmleaf-content ul li .lnews-right p {



	color: #777;



	line-height: 20px;



	overflow: hidden;



	height: 20px;



	font-size: 12px;



}



.page_left .left-pro .htmleaf-content ul li .lnews-right a.tab-pro-more {



	color: #2da5ee;



	font-size: 14px;



	line-height: 22px;



	display: inline-block;



	text-transform: capitalize;



	margin-top: 5px;



}



.page_left .left-pro .htmleaf-content ul li .lnews-right a.tab-pro-more i {



	margin-left: 6px;



}



.page_left .left-pro .htmleaf-content ul li .lnews-right a.tab-pro-more:hover {



	text-decoration: underline



}



.page_left .icon-minus-sign:before {



	content: "\f0d8";



	font-family: 'FontAwesome';



}



.page_left .icon-plus-sign:before {



	content: "\f0d7";



	font-family: 'FontAwesome';



}



.page_right {



	width: 74%;



	padding-left: 25px



}



.left-conts.column .block>span {



	display: none



}



.left-conts {



	margin-top: 15px;



}



.left_ques {



	position: relative;



}



.left_ques a img {



	width: 100%;



	height: auto;



	max-width: 100%



}



.left_ques .overly {



	position: absolute;



	left: 0px;



	top: 0px;



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0.2);



	transition: 0.5s all;



	-webkit-transition: 0.5s all;



	-o-transition: 0.5s all;



	-moz-transition: 0.5s all;



	-ms-transition: 0.5s all;



}



.left_ques .text {



	position: absolute;



	left: 0px;



	top: 50%;



	width: 100%;



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



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



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



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



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



	padding: 15px;



}



.left_ques h4 a {



	font-size: 22px;



	color: #fff;



	text-transform: uppercase;



	font-family: 'poppins-semibold';



	display: block;



	margin-bottom: 10px;



}



.left_ques p {



	font-size: 13px;



	color: #fff;



	transition: 0.5s all;



	-webkit-transition: 0.5s all;



	-o-transition: 0.5s all;



	-moz-transition: 0.5s all;



	-ms-transition: 0.5s all;



}



.left_ques .more {



	display: inline-block;



	border-radius: 5px;



	background: #2da5ee;



	color: #fff;



	font-size: 14px;



	text-transform: uppercase;



	font-family: 'poppins-semibold';



	text-align: center;



	line-height: 40px;



	padding: 0 34px;



	margin-top: 15px;



	transition: 0.5s all;



	-webkit-transition: 0.5s all;



	-o-transition: 0.5s all;



	-moz-transition: 0.5s all;



	-ms-transition: 0.5s all;



}



.left_ques .more:hover {



	background: #fff;



	color: #2da5ee;



}



.left_ques:hover .overly {



	background: rgba(0,0,0,0.4);



}



.left_ques:hover .more {



	margin-top: 30px;



	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_paypal {



	margin-top: 15px



}



.left_paypal img {



	width: 100%;



	max-width: 100%;



	height: auto



}



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



.left-img {



	display: none



}



.left-blog, .left-nav {



	padding: 0;



	margin: 0



}



.left-bg {



	display: none;



}



.page_left {



	padding: 0;



	background: none;



	width: 100%;



	border-bottom: 1px solid #e0e0e0;



}



.page_right {



	padding: 0;



	width: 100%;



	margin-top: 30px



}



.about_webW .page_left, .about_webW .page_right {



	width: 100%;



}



.left-nav .block>span {



	display: block;



}



.left-nav .block>span, .page_left .column .block>span {



	margin: 0;



	cursor: pointer;



}



.page_left .column .block>span em {



	border-bottom: none



}



.page_left .column .block>span .column_icon_toggle {



	display: inline-block;



	position: absolute;



	right: 10px;



	top: 9px;



	font-style: normal;



	cursor: pointer;



	font-size: 20px;



	color: #ccc;



	font-weight: normal;



}



.left-nav ul {



	padding: 0;



}



.left-nav ul li a {



	font-size: 16px;



}



.left-conts.column .block>span {



	display: block



}



.page_left .left-pro {



	margin-top: 0;



}



}



.news_list .news_list_img {



	float: left;



	width: 27%;



}



.news_list .news_list_img a {



	display: block;



	overflow: hidden;



	width: 100%;



}



.news_list .news_list_img a img {



	width: 100%;



	max-width: 100%;



	height: auto;



	webkit-transition: -webkit-transform 0.3s;



	-moz-transition: -moz-transform 0.3s;



	-o-transition: -o-transform 0.3s;



	transition: transform 0.3s;



}



.news_list .news_list_img a:hover img {



	-webkit-transform: scale(1.1);



	-moz-transform: scale(1.1);



	-ms-transform: scale(1.1);



	-o-transform: scale(1.1);



}



.news_list .text {



	float: right;



	width: 73%;



	padding-left: 20px;



}



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



.news_list .news_list_img {



	width: 40%;



}



.news_list .text {



	float: left;



	width: 60%;



}



}



.news_list li {



	list-style: none;



	border-bottom: 1px solid #eee;



	margin-bottom: 20px;



	padding-bottom: 20px;



}



.news_list li .day {



	color: #999;



	font-style: italic;



	font-size: 12px;



	margin-top: 2px



}



.news_list li .day i {



	margin-right: 10px;



	color: #2da5ee;



}



.news_list li .text>a.news_list_t {



	font-size: 14px;



	font-family: 'poppins-semibold';



	color: #555;



	display: block;



	line-height: 24px;



	overflow: hidden;



	max-height: 24px;



	white-space: nowrap;



	text-overflow: ellipsis;



}



.news_list li .text>a.news_list_t:hover {



	color: #2da5ee;



	text-decoration: none



}



.news_list li p {



	font-size: 12px;



	color: #808080;



	overflow: hidden;



	max-height: 48px;



	line-height: 24px;



	margin-top: 2px



}



.news_list li .more1 {



	text-align: left;



	margin-top: 15px



}



.news_list li .more1 a {



	line-height: 40px;



}



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



.news_list .text {



	margin-top: 15px



}



}



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



.news_list .news_list_img {



	width: 100%;



	float: none;



	display: block;



}



.news_list .text {



	float: left;



	padding-left: 0;



	width: 100%;



	margin-top: 20px;



}



}/*news-main*/



.page_li li {



	list-style: none;



	padding: 7px 0;



}



.page_li li:last-child {



	margin-bottom: 0;



}



.page_li span {



	font-family: 'poppins-semibold';



	color: #2da5ee;



	font-size: 14px;



}



.page_li a {



	color: #666;



	margin-left: 6px;



	font-size: 13px



}



.page_li a:hover {



	color: #2da5ee;



}



.page_li {



	background: #fafafa;



	border-left: 3px solid #2da5ee;



	padding: 8px 0;



	padding-left: 16px;



}



.page_tags {



	margin: 20px 0;



}



.page_tags p {



	font-size: 16px;



	color: #444;



	display: inline-block;



}



.page_tags a {



	background: #2da5ee;



	color: #fff;



	line-height: 30px;



	display: inline-block;



	padding: 0px 14px;



	border-radius: 5px;



	margin: 5px;



	font-size: 12px;



}



.page_tags a:hover {



	background: #2da5ee;



}



.news-detail .title {



	margin-bottom: 15px;



	border-bottom: 1px solid #e5e5e5;



	padding-bottom: 15px;



	text-align: center;



}



.news-detail .title em {



	font-size: 16px;



	display: block;



	line-height: 24px;



	margin-bottom: 10px;



	font-family: 'poppins-semibold';



}



.news-detail .title p {



	font-size: 12px;



	color: #999;



	font-weight: 400;



}



.news-detail .title p:before {



	content: "-";



	padding-right: 5px;



}



.blog .news-detail .title {



	text-align: left;



}



.news-detail .text {



	font-size: 14px;



	font-weight: 400;



	line-height: 32px;



}



.news-detail .text img {



	max-width: 100%;



	height: auto;



}



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



.news-detail .title em {



	font-size: 18px;



	font-weight: bold;



}



}



.page_turn {



	margin-top: 20px;



	margin-bottom: 20px;



	border-top: 1px solid #e5e5e5;



	padding-top: 20px;



}



.page_turn .left {



	list-style: none;



	float: left;



}



.page_turn .left li {



	margin-bottom: 5px;



}



.page_turn .left p {



	display: inline-block;



	font-size: 14px;



	text-transform: capitalize;



	color: #2da5ee;



	padding-right: 10px;



	font-family: 'poppins-semibold';



}



.page_turn .left a {



	display: inline-block;



	font-weight: 400;



	font-size: 14px;



}



.page_turn .left a:hover {



	color: #2da5ee;



}



.page_turn .right {



	float: right;



	padding-top: 5px;



}



.page_turn .right a {



	display: inline-block;



	background: rgba(0,0,0,0.3);



	width: 40px;



	height: 40px;



	line-height: 40px;



	text-align: center;



	color: #fff;



	margin: 0 5px;



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



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



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



}



.page_turn .right a i {



	font-size: 20px;



	line-height: 40px;



}



.page_turn .right a:hover {



	background: #2da5ee;



}



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



.page_turn .right {



	display: none;



}



}/*page-number*/



.page_num {



	width: 100%;



	margin: 30px auto 0 auto;



	text-align: center;



}



.page_num>span {



	display: inline-block;



	color: #fff;



	background: #2da5ee;



	font-size: 14px;



	text-transform: capitalize;



	margin-bottom: 0;



	padding: 5px 13px;



	-moz-transition: all 0.3s;



	-o-transition: all 0.3s;



	-webkit-transition: all 0.3s;



	transition: all 0.3s;



	border-radius: 5px;



}



.page_num a {



	display: inline-block;



	color: #333;



	background: #EFEFEF;



	font-size: 14px;



	text-transform: capitalize;



	padding: 5px 13px;



	-moz-transition: all 0.3s;



	-o-transition: all 0.3s;



	-webkit-transition: all 0.3s;



	transition: all 0.3s;



	margin: 0 2px 5px;



	border-radius: 5px;



}



.page_num a:hover {



	color: #fff;



	text-decoration: none;



	background: #2da5ee;



}



.page_num p {



	display: block;



	font-size: 12px;



	margin-top: 15px;



}



.page_num p:before {



	content: '[';



	padding-right: 3px;



}



.page_num p:after {



	content: ']';



	padding-left: 3px;



}



.page_num p span {



	display: inline-block;



	margin: 0 5px;



}



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



.page_num p {



	width: 100%;



	margin-top: 15px;



}



}



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



.page_num li {



	margin: 5px 0;



}



.page_num li>span, .page_num a {



	font-size: 12px;



}



.page_num p {



	margin-top: 10px;



}



}/*blog*/



.blog_web .page_left {



	float: right;



	padding: 0 15px 0 20px



}



.blog_web .page_right {



	padding: 0 20px 0 15px



}



.left-blog {



	margin-bottom: 5px;



}



.column.left-blog .block>span {



}



.column .block .blog_main {



	margin-bottom: 0;



	padding-bottom: 20px;



}



.blog_list>li:hover em {



	color: #2da5ee;



}



ul.blog-list {



	margin-top: 18px



}



ul.blog-list, ul.blog-list1 {



	padding: 0;



	list-style: none;



	margin-bottom: 5px;



	text-align: left;



}



ul.blog-list li {



	margin: 0 20px 14px 0;



}



ul.blog-list li a i {



	color: #2da5ee;



	font-size: 13px;



	opacity: 0.6;



	margin-right: 10px;



}



ul.blog-list li a {



	color: #808080;



	font-size: 13px;



	vertical-align: initial;



	text-decoration: none;



	display: block;



	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.blog-list li a:hover {



	color: #2da5ee;



	text-decoration: underline;



	padding-left: 10px;



}



ul.blog-list3 li.blog-list3-img {



	float: left;



	width: 24%;



	margin-right: 5%;



}



.blog-list3-img img {



	width: 60;



	border-radius: 5px;



	height: 45px;



	border: solid 1px #eee;



}



ul.blog-list1 {



	margin-top: 15px



}



ul.blog-list1 li {



	display: inline-block;



	margin: 10px 3px;



}



ul.blog-list1 li a {



	display: block;



	text-decoration: none;



	background: #EFEFEF;



	color: #555;



	padding: 7px;



	border-radius: 3px;



	-webkit-border-radius: 3px;



	-moz-border-radius: 3px;



	-o-border-radius: 3px;



}



ul.blog-list1 li a:hover {



	background: #2da5ee;



	color: #fff;



}



.blog_list {



	margin-top: 0px



}



.blog_list li {



	list-style: none;



	border: 1px solid #eee;



	padding: 20px;



	margin-bottom: 20px;



}



.blog_list li h4 {



	margin-top: 0;



	padding-top: 0



}



.blog_list li h4 a {



	font-size: 14px;



	color: #555;



	display: block;



	line-height: 26px;



	overflow: hidden;



	font-family: 'poppins-semibold';



	max-height: 26px;



	white-space: nowrap;



	text-overflow: ellipsis;



}



.blog_list li h4 a:hover {



	color: #2da5ee;



	text-decoration: none



}



.blog_day {



	display: block;



	margin: 10px 0px 0;



	font-size: 12px;



	padding-bottom: 10px;



	font-style: italic;



}



.blog_day i {



	margin-right: 6px;



	color: #999;



}



.blog_day span {



	margin-right: 10px;



	color: #999;



}



.blog_list li .p {



	font-size: 12px;



	color: #808080;



	overflow: hidden;



	max-height: 48px;



	line-height: 24px;



	margin-bottom: 16px



}



.blog_list li .more1 {



	text-align: left;



}



.tags {



	margin-bottom: 15px;



}



.news_web .tags {



	margin-bottom: 25px;



}



.tags span {



	font-size: 14px;



	font-family: 'poppins-semibold';



	text-transform: uppercase;



	color: #555;



}



.tags a {



	font-size: 12px;



	display: inline-block;



	color: #666;



	padding: 5px 15px;



	margin: 0 6px 6px;



	background: #eee;



	border-radius: 5px;



}



.tags a i {



	margin-right: 6px;



	font-size: 12px;



}



.tags a:hover {



	background: #2da5ee;



	color: #fff;



	text-decoration: none



}



.blog_list li .more:hover {



	text-decoration: underline



}/*blog-detail*/



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



.blog-main > em {



	font-size: 24px;



}



ul.blog-list {



	margin-top: 15px



}



.blog_web .page_left {



	float: none;



	padding: 0



}



.blog_web .page_right {



	padding: 0



}



}/*products*/



.pro-text {



	line-height: 24px;



	font-size: 14px;



	margin-bottom: 20px;



	overflow: hidden;



	max-height: 155px



}



.pro-text img {



	max-width: 100%;



}



.page_right .pro-text {



	line-height: 24px;



	font-size: 13px;



	margin-top: 15px;



	color: #808080;



	margin-bottom: 0px;



}



.page_right .pro-text img {



	max-width: 100%;



}



.cbp-vm-switcher {



	width: 100%;



}



.cbp-vm-options {



	text-align: right;



	margin-top: 0;



	padding: 5px 0px 0;



	border-bottom: 2px solid #eee;



}



.cbp-vm-options em {



	float: left;



	display: inline-block;



	color: #808080;



	text-transform: uppercase;



	font-size: 14px;



	margin-top: 6px;



}



.cbp-vm-options p {



	display: inline-block;



	vertical-align: middle;



	padding-right: 5px;



	font-size: 12px;



}



.cbp-vm-options a {



	display: inline-block;



	vertical-align: middle;



	width: 30px;



	height: 30px;



	overflow: hidden;



	white-space: nowrap;



	color: #ccc;



	margin: 2px;



}



.cbp-vm-options span {



	display: inline-block;



	float: right;



	font-size: 12px;



	margin-top: 10px;



	color: #ccc;



}



.cbp-vm-options a:hover, .cbp-vm-options a.cbp-vm-selected {



	color: #2da5ee;



}



.cbp-vm-options a:before {



	width: 30px;



	height: 30px;



	line-height: 30px;



	font-size: 20px;



	text-align: center;



	display: inline-block;



}/* General list */



.cbp-vm-switcher ul {



	list-style: none;



	padding: 0;



	margin-bottom: 30px



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



	display: block;



	margin: 0 auto;



	position: relative;



	border: 1px solid #eee



}



.cbp-vm-image img {



	width: 100%;



	cursor: pointer;



	position: relative;



	max-width: 100%;



	max-height: 100%;



	height: auto;



}



.cbp-vm-switcher ul li em {



	font-size: 14px;



	display: block;



	margin: 10px 0;



	height: 36px;



	color: #333333;



	text-transform: capitalize;



	word-wrap: break-word;



	line-height: 18px;



	text-align: left;



	overflow: hidden;



}



.cbp-vm-switcher ul li .cbp-vm-details {



	color: #999;



	overflow: hidden;



	height: 36px;



	font-size: 12px;



	line-height: 18px;



	text-align: left;



}



.cbp-vm-switcher ul li a.cbp-title:hover {



	text-decoration: none;



	color: #2da5ee;



}



.cbp-vm-view-grid .prol_more {



	display: none;



}



.cbp-vm-view-grid .pro-list-tags {



	display: none;



}/* 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: "\f00b";



}



.cbp-vm-add:before {



	content: "\f055";



}/* Large grid view */



.cbp-vm-view-grid>ul {



	text-align: left;



	margin: 0 -10px 30px;



}



.cbp-vm-view-grid ul li {



	width: 25%;



	float: left;



	text-align: center;



	display: inline-block;



	vertical-align: top;



	padding: 10px 10px 5px;



	margin-top: 5px;



	position: relative;



	transition: all .5s;



}



.cbp-vm-view-grid ul li .cbp-list-center {



	text-align: left



}



.cbp-vm-view-grid ul li .cbp-title {



	font-family: 'poppins-semibold';



	color: #555;



	font-size: 13px;



	line-height: 22px;



	height: 44px;



	overflow: hidden;



	display: block;



	margin-top: 16px;



}



.cbp-vm-view-grid ul li .cbp-vm-details {



	color: #999999;



	line-height: 22px;



	height: 44px;



	overflow: hidden;



	margin-top: 6px



}



.cbp-vm-view-grid ul li .cbp-hover {



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



	transition: all .5s;



	filter: alpha(opacity=0);



	-moz-opacity: 0;



	opacity: 0;



}



.cbp-vm-view-grid ul li .cbp-hover a {



	display: block;



	width: 100%;



}



.cbp-vm-view-grid ul li .cbp-hover a img {



	max-width: 100%;



	height: auto;



	width: 100%;



}



.cbp-vm-view-grid ul li .cbp-list-more {



	display: none;



}



.cbp-vm-view-grid ul li:hover {



	box-shadow: 0 8px 8px rgba(0,0,0,0.05);



	-webkit-box-shadow: 0 8px 8px rgba(0,0,0,0.05);



	-moz-box-shadow: 0 8px 8px rgba(0,0,0,0.05);



	transition: all .5s;



}



.cbp-vm-view-grid ul li:hover .cbp-title {



	color: #2da5ee



}



.cbp-vm-view-grid ul li:hover .cbp-hover {



	filter: alpha(opacity=1);



	-moz-opacity: 1;



	opacity: 1;



	transition: all .5s;



}



.cbp-vm-view-grid ul li .cbp-div {



}



.cbp-vm-view-grid ul li .cbp-div .cbp-vm-image {



	transition-duration: 0.6s;



	width: 100%;



	transition-timing-function: ease-out;



	overflow: hidden;



}



.cbp-vm-view-grid ul li .cbp-div .cbp-vm-image img {



	transition: 0.5s all;



	-webkit-transition: 0.5s all;



	-o-transition: 0.5s all;



	-moz-transition: 0.5s all;



	-ms-transition: 0.5s all;



}



.cbp-vm-view-grid ul li .cbp-div:hover .cbp-vm-image img {



	transform: scale(1.1);



}



.cbp-vm-view-grid .tags {



	display: none



}/* List view */



.cbp-vm-view-list li {



	padding: 20px 0;



	border-bottom: 1px solid #e5e5e5;



	white-space: nowrap;



	text-align: left;



	white-space: normal;



}



.cbp-vm-view-list li:last-child {



}



.cbp-vm-view-list ul.row {



	margin: 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: 32%;



	display: inline-block;



	vertical-align: middle;



	float: left;



}



.cbp-vm-view-list ul li .cbp-title {



	display: block;



	vertical-align: top;



	text-align: left;



	font-size: 13px;



	color: #555;



	line-height: 24px;



	max-height: 24px;



	margin-top: 0;



	margin-bottom: 4px;



	overflow: hidden;



	font-family: 'poppins-semibold';



}



.cbp-vm-view-list ul li:hover .cbp-title {



	color: #2da5ee;



}



.cbp-vm-view-list ul li .cbp-vm-details {



	overflow: hidden;



	white-space: normal;



	max-height: 44px;



	line-height: 22px;



	margin-bottom: 15px;



	font-size: 12px;



	height: auto



}



.cbp-vm-view-list .pro-list-tags {



	width: 100%;



	overflow: hidden;



	background: #f7f7f7;



	padding: 3px 10px;



	border-radius: 5px;



}



.cbp-vm-view-list .pro-list-tags p {



	display: inline-block;



	padding-right: 0;



	text-transform: capitalize;



	font-size: 14px;



}



.cbp-vm-view-list .pro-list-tags li {



	padding: 0;



	display: inline-block;



	margin: 5px;



	border: none;



}



.cbp-vm-view-list .pro-list-tags li a:hover {



	color: #2da5ee;



}



.cbp-vm-view-list .cbp-list-center {



	width: 68%;



	display: inline-block;



	vertical-align: middle;



	padding-left: 20px;



}



.cbp-vm-view-list .cbp-list-more {



	text-align: left;



	margin-top: 15px



}



.cbp-vm-view-list .cbp-list-more.more1 a {



	line-height: 38px



}



.cbp-vm-view-list .cbp-list-view i {



	margin-left: 8px;



	font-size: 12px



}



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



.cbp-vm-view-list ul li .cbp-vm-details {



	height: 40px;



}



.cbp-vm-view-list ul li .cbp-hover {



	display: none



}



.cbp-vm-view-list .cbp-vm-image {



	width: 34%



}



.cbp-vm-view-list .cbp-list-center {



	width: 66%



}



}



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



.cbp-vm-view-grid ul li {



	width: 49%;



}



}



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



.pro-cat li {



	margin-bottom: 10px;



}



.cbp-vm-options {



	margin-top: 0;



}



}



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



.cbp-vm-view-list .cbp-vm-image {



	width: 40%



}



.cbp-vm-view-list .cbp-list-center {



	width: 60%



}



.cbp-vm-view-list .pro-list-tags {



}



}



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



.cbp-vm-view-list .cbp-vm-image {



	width: 100%



}



.cbp-vm-view-list .cbp-list-center {



	width: 100%;



	padding-left: 0;



	margin-top: 15px



}



}



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



.cbp-vm-view-grid ul li {



	width: 100%;



	padding: 10px 0 5px



}



}



.pro_detail .pro_detail_t {



	border-bottom: 1px solid #eee;



	margin-bottom: 20px



}



.pro_detail .pro_detail_t span {



	display: inline-block;



	color: #555;



	z-index: 99;



	text-transform: uppercase;



	font-size: 20px;



	font-family: 'Oswald-Bold';



	padding: 14px 15px 12px;



	background: #f5f5f5;



}



.pro_detail .pro_detail_m {



	color: #555;



	margin-bottom: 30px;



	line-height: 24px;



	font-size: 13px;



}



.pro_detail .pro_detail_m img {



	max-width: 100%;



}



.pro_table_de {



	line-height: 24px;



	overflow: hidden;



	max-height: 72px;



	font-size: 12px;



	color: #999



}



.products {



	margin-bottom: 35px



}



.products .pro_img {



	padding-left: 0



}



.products .pro_img>img {



	max-width: 100%;



	max-height: 100%;



	height: auto;



	width: 100%;



	border: 1px solid #eee;



}



.products .pro_img .pro_simples {



	margin-top: 10px;



}



.products .pro_img .pro_simples img {



	max-width: 76px;



	margin: 4px 9px 0 0;



	border: 1px solid #ebebeb;



}



.products .pro_img .pro_simples img:last-child {



	margin-right: 0



}



.products .pro_table {



	float: right;



	padding-right: 0



}



.pro_table h1 {



	font-size: 16px;



	color: #555;



	display: block;



	text-transform: capitalize;



	margin: 0 0 10px 0;



	padding: 0;



	line-height: 22px;



	font-family: 'poppins-semibold';



}



.pro_table ul {



	margin-top: 15px;



	border-top: 1px solid #eee;



	padding-top: 15px



}



.pro_table ul li {



	margin: 6px 0 0;



	font-size: 13px;



	vertical-align: middle;



	text-transform: capitalize;



	list-style: none



}



.pro_table ul li p {



	font-family: 'poppins-semibold';



	display: inline-block;



	margin-right: 10px;



	color: #555;



	font-size: 13px;



	vertical-align: middle;



	padding-bottom: 3px;



}



.pro_table .more1 {



	text-align: left;



	margin-top: 20px



}



.pro_table .more1 a {



	padding: 0 25px;



	margin-top: 0px;



}



.pro_table .more1 .more1_free {



	margin-left: 10px;



	background: #f2873b



}



.pro_table .more1 .more1_free:hover {



	background: #2da5ee



}



.pro_table .more1 a i {



	margin-left: 10px



}



.in_hot_pro {



	max-width: 1078px;



	width: 100%;



	margin: 0 auto 0px 0;



	text-align: left;



}



#flexiselDemo2 {



	display: none;



}



.in_hot_pro .nbs-flexisel-container {



	position: relative;



	max-width: 100%;



}



.in_hot_pro .nbs-flexisel-ul {



	position: relative;



	width: 9999px;



	margin: 0px;



	padding: 0px;



	list-style-type: none;



	text-align: left;



}



.in_hot_pro .nbs-flexisel-inner {



	float: left;



	width: 100%;



	overflow: hidden;



	margin: 0



}



.right-title2 {



	margin: 40px 0px 10px;



	border-bottom: 1px solid #eee;



	text-align: left;



}



.right-title2 span {



	display: inline-block;



	color: #555;



	z-index: 99;



	text-transform: uppercase;



	font-size: 20px;



	font-family: 'Oswald-Bold';



	padding: 14px 15px 12px;



	background: #f5f5f5;



}



.in_hot_pro .nbs-flexisel-item {



	float: left;



	margin: 0px;



	margin-top: 15px;



	margin-bottom: 0px;



	padding: 0px;



	cursor: pointer;



	line-height: 0px;



	text-align: center;



	min-height: 250px;



	list-style: none



}



.in_hot_pro .nbs-flexisel-item .in_hot_pro_m {



	padding: 0 10px



}



.in_hot_pro .nbs-flexisel-item .in_hot_pro_img {



	-moz-transition: all 0.3s;



	-o-transition: all 0.3s;



	-webkit-transition: all 0.3s;



	transition: all 0.3s;



	width: 100%;



	height: auto;



	display: inline-block;



	position: relative;



	overflow: hidden;



	border: 1px solid #eee



}



.in_hot_pro .nbs-flexisel-item .in_hot_pro_img img {



	width: 100%;



	cursor: pointer;



	position: relative;



	max-width: 100%;



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



	-moz-transition: -moz-transform 0.3s;



	-o-transition: -o-transform 0.3s;



	transition: transform 0.3s;



}



.in_hot_pro .nbs-flexisel-item .in_hot_pro_img:hover img {



	-webkit-transform: scale(1.05);



	-moz-transform: scale(1.05);



	-ms-transform: scale(1.05);



	-o-transform: scale(1.05);



}



.in_hot_pro .nbs-flexisel-item .in_hot_pro_t {



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



	overflow: hidden;



	color: #333;



	display: block;



	line-height: 22px;



	font-size: 13px;



	margin: 10px auto 5px;



	font-family: 'poppins-semibold';



	color: #555



}



.in_hot_pro .nbs-flexisel-item .in_hot_pro_m p {



	color: #999999;



	font-size: 13px;



	line-height: 24px;



	height: 48px;



	overflow: hidden;



	margin-top: 7px;



}



.in_hot_pro .nbs-flexisel-item .in_hot_pro_img:hover {



	border-color: #2da5ee



}



.in_hot_pro .nbs-flexisel-item .in_hot_pro_t:hover, .in_hot_pro .nbs-flexisel-item:hover .in_hot_pro_t {



	text-decoration: none;



	color: #2da5ee;



}



.in_hot_pro .nbs-flexisel-item:hover .in_hot_pro_img img {



	filter: alpha(opacity=90);



	-moz-opacity: 0.9;



	opacity: 0.9;



}



.in_hot_pro .nbs-flexisel-nav-left, .in_hot_pro .nbs-flexisel-nav-right {



	width: 10px;



	height: 17px;



	position: absolute;



	cursor: pointer;



	z-index: 100;



	top: -42px;



	-moz-transition: all 0.3s;



	-o-transition: all 0.3s;



	-webkit-transition: all 0.3s;



	transition: all 0.3s;



}



.in_hot_pro .nbs-flexisel-nav-left {



	right: 4%;



	text-align: center;



	background: url(../images/prev-b.png) no-repeat;



	filter: alpha(opacity=20);



	-moz-opacity: 0.2;



	opacity: 0.2;



}



.in_hot_pro .nbs-flexisel-nav-left:hover {



	filter: alpha(opacity=80);



	-moz-opacity: 0.8;



	opacity: 0.8;



}



.in_hot_pro .nbs-flexisel-nav-right {



	right: 0%;



	text-align: center;



	background: url(../images/next-b.png) no-repeat;



	filter: alpha(opacity=20);



	-moz-opacity: 0.2;



	opacity: 0.2;



}



.in_hot_pro .nbs-flexisel-nav-right:hover {



	filter: alpha(opacity=80);



	-moz-opacity: 0.8;



	opacity: 0.8;



}



#pro_inquiry .message {



	margin-top: 0;



	padding: 30px 20px 35px;



	border-radius: 10px;



	-webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);



	-moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);



	box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);



}



.pro_web .page_li {



	margin-top: 25px



}



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



.pro_table .more1 a {



	padding: 0 15px;



}



.pro_table .more1 .more1_free {



	margin-left: 0;



	margin-top: 20px;



	background: #f2873b



}



}



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



.pro_table .more1 a {



	font-size: 12px;



}



.pro_table .more1 a i {



	margin-right: 5px



}



}



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



.products .pro_img {



	width: 100%;



	padding: 0



}



.products .pro_table {



	padding: 0;



	width: 100%;



	margin-top: 20px



}



}



.line_ {



	clear: both;



	display: block;



	width: 100%;



	height: 25px;



	line-height: 25px;



	position: relative;



	margin: 30px 0;



	float: left;



}



.line_inner {



	border-color: #e0e0e0;



	width: 100%;



	position: absolute;



	height: 1px;



	left: 0;



	top: 50%;



	width: 100%;



	margin-top: -1px;



	border-top-width: 1px;



	border-top-style: solid;



}



.line_short .line_inner {



	width: 28%;



	margin-left: 14%;



	left: 50%;



}



.line_short .line_inner_style {



	border-radius: 20px;



	height: 9px;



	width: 9px;



	border-width: 2px;



	border-style: solid;



	display: block;



	border-color: #ededed;



	background: #fff;



	position: absolute;



	left: 50%;



	margin-left: -5px;



	margin-top: -5px;



}



.line_short {



	height: 20px;



	line-height: 20px;



	margin: 10px 0;



	float: none;



}



.line_short .line_inner {



	width: 32%;



	left: 50%;



	margin-left: -16%;



}



.line_short.line_left .line_inner {



	left: 0%;



	margin-left: 0%;



}



.line_short.line_right .line_inner {



	left: auto;



	right: 0;



	margin-left: 0%;



}



.line_short.line_left .line_inner_style {



	left: 5px;



}



.line_short.line_right .line_inner_style {



	left: auto;



	right: 0;



}



.download {



	list-style: none;



}



.download li {



	margin-bottom: 20px;



}



.download li .title {



	font-size: 14px;



	text-transform: capitalize;



	display: block;



	margin-bottom: 20px;



	font-family: 'poppins-semibold';



}



.download li .icon {



	display: inline-block;



	border-radius: 25px;



	font-size: 14px;



	background: #21a1e1 url(../images/icon-pdf.png) no-repeat 25px center;



	background-size: 24px;



	color: #fff;



	text-transform: uppercase;



	padding: 8px 40px 8px 60px;



	margin-bottom: 20px;



	font-family: 'poppins-semibold';



}



.download li .icon:hover {



	color: #fff;



	text-decoration: none;



	background-color: #f2873b;



}



.download li .line_short .line_inner {



	width: 100%;



}/*products-tab*/



#parentHorizontalTab02 {



	margin: 0 0 5px 0!important;



	text-align: left;



}



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



#parentHorizontalTab02 {



	margin: 10px 0 !important;



}



}



#parentHorizontalTab02 ul.resp-tabs-list {



	margin: 0px;



	padding: 0px;



	margin-bottom: 10px;



	border-bottom: 1px solid #ebebeb;



	text-align: left;



}



#parentHorizontalTab02 .resp-tabs-list li {



	display: inline-block;



	margin: 0 5px 0 0;



	list-style: none;



	cursor: pointer;



	font-size: 16px;



	text-transform: uppercase;



	color: #333;



	text-align: center;



	background: #f2f2f2;



	padding: 10px 30px;



	font-family: 'Oswald-Bold';



}



#parentHorizontalTab02 .resp-tabs-container div table {



	max-width: 100%;



}



#parentHorizontalTab02 .resp-tabs-container {



	padding: 0px;



	background-color: #fff;



	clear: left;



}



#parentHorizontalTab02 em.resp-accordion {



	cursor: pointer;



	padding: 5px;



	display: none;



	padding: 10px 15px !important;



}



#parentHorizontalTab02 .resp-tab-content {



	display: none;



	padding: 10px 0 30px 0;



	font-size: 13px;



	line-height: 24px;



}



#parentHorizontalTab02 .resp-tab-content img {



	max-width: 100%;



}



#parentHorizontalTab02 .resp-tabs-list li:hover {



	background: #2da5ee;



	color: #fff;



}



#parentHorizontalTab02 .resp-tabs-list li.resp-tab-active {



	background: #2da5ee;



	color: #fff;



	z-index: 99;



}



#parentHorizontalTab02 .resp-content-active, #parentHorizontalTab02 .resp-accordion-active {



	display: block;



}



#parentHorizontalTab02 em.resp-accordion {



	font-size: 18px;



	margin: 0px;



	background: #f2f2f2;



	margin-bottom: 1px;



}



#parentHorizontalTab02 em.resp-tab-active {



	margin-bottom: 0px !important;



}



#parentHorizontalTab02 em.resp-tab-title:last-child {



	border-bottom: 12px solid #c1c1c1 !important;



	background: blue;



}



#parentHorizontalTab02 .resp-vtabs ul.resp-tabs-list {



	float: left;



	width: 30%;



}



#parentHorizontalTab02 .resp-vtabs .resp-tabs-list li {



	display: block;



	padding: 15px 15px !important;



	margin: 0 0 4px;



	cursor: pointer;



	float: none;



}



#parentHorizontalTab02 .resp-vtabs .resp-tabs-container {



	padding: 0px;



	background-color: #fff;



	border: 1px solid #c1c1c1;



	float: left;



	width: 68%;



	min-height: 250px;



	border-radius: 4px;



	clear: none;



}



#parentHorizontalTab02 .resp-vtabs .resp-tab-content {



	border: none;



	word-wrap: break-word;



}



#parentHorizontalTab02 .resp-vtabs li.resp-tab-active {



	position: relative;



	z-index: 1;



	margin-right: -1px !important;



	padding: 14px 15px 15px 14px !important;



	border-top: 1px solid;



	border: 1px solid #5AB1D0 !important;



	border-left: 4px solid #5AB1D0 !important;



	margin-bottom: 4px !important;



	border-right: 1px #FFF solid !important;



}



#parentHorizontalTab02 .resp-arrow {



	width: 0;



	height: 0;



	float: right;



	margin-top: 10px;



	border-left: 6px solid transparent;



	border-right: 6px solid transparent;



	border-top: 7px solid #c1c1c1;



}



#parentHorizontalTab02 em.resp-tab-active span.resp-arrow {



	border: none;



	border-left: 6px solid transparent;



	border-right: 6px solid transparent;



	border-bottom: 7px solid #fff;



}



#parentHorizontalTab02 em.resp-tab-active {



	background: #fdc41f !important;



	color: #fff;



}



#parentHorizontalTab02 .resp-easy-accordion em.resp-accordion {



	display: block;



}



#parentHorizontalTab02 .resp-easy-accordion .resp-tab-content {



	border: 1px solid #1268bf;



}



#parentHorizontalTab02 .resp-easy-accordion .resp-tab-content:last-child {



	border-bottom: 1px solid #1268bf;/* !important;*/



}



#parentHorizontalTab02 .resp-jfit {



	width: 100%;



	margin: 0px;



}



#parentHorizontalTab02 .resp-tab-content-active {



	display: block;



}



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



#parentHorizontalTab02 {



	padding: 0;



}



#parentHorizontalTab02 ul.resp-tabs-list {



	display: none;



}



#parentHorizontalTab02 em.resp-accordion {



	display: block;



	background: #f2f2f2;



	border: 1px solid #f2f2f2;



}



#parentHorizontalTab02 .resp-vtabs .resp-tab-content {



	border: 1px solid #C1C1C1;



	border: 1px solid #e5e5e5;



	border-top: none;



	padding: 15px 15px 30px 15px;



}



#parentHorizontalTab02 .resp-vtabs .resp-tabs-container {



	border: none;



	float: none;



	width: 100%;



	min-height: 100px;



	clear: none;



}



#parentHorizontalTab02 .resp-accordion-closed {



	display: none !important;



}



#parentHorizontalTab02 .resp-vtabs .resp-tab-content:last-child {



	border-bottom: 1px solid #c1c1c1 !important;



}



}



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



#parentHorizontalTab02 .resp-tabs-container div.tab-brand ul li {



	width: 32%;



}



#parentHorizontalTab02 .resp-tabs-container div.tab-brand ul li:nth-child(4n+4) {



	border-right: 1px solid #e6e6e6;



}



#parentHorizontalTab02 .resp-tabs-container div.tab-brand ul li:nth-child(3n+3) {



	border-right: none;



}



}



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



#parentHorizontalTab02 .resp-tabs-container div.tab-brand ul li {



	width: 49%;



}



#parentHorizontalTab02 .resp-tabs-container div.tab-brand ul li:nth-child(3n+3) {



	border-right: 1px solid #e6e6e6;



}



#parentHorizontalTab02 .resp-tabs-container div.tab-brand ul li:nth-child(2n+2) {



	border-right: none;



}



#parentHorizontalTab02 .resp-tabs-container div.tab-model ul li {



	width: 48%;



}



#parentHorizontalTab02 .resp-tabs-container div.tab-model ul li:nth-child(3n+3) {



	margin-right: 2%;



}



#parentHorizontalTab02 .resp-tabs-container div.tab-model ul li:nth-child(2n+2) {



	margin-right: 0;



}



}/*service*/



#service {



	position: fixed;



	left: -240px;



	top: 160px;



	z-index: 999999999;



	font: 14px;



	transition: 0.5s all;



	-webkit-transition: 0.5s all;



	-o-transition: 0.5s all;



	-moz-transition: 0.5s all;



	-ms-transition: 0.5s all;



	color: #333;



	height: 200px;



	display: none



}



#service .onlineMenu {



	list-style: none;



	border: 2px solid #21a1e1;



	padding: 10px 15px 0;



}



#service a {



	color: #333;



}



#ser_main {



	position: relative;



	z-index: 9;



	top: 0px;



	float: right;



}



#ser_main a {



	display: block;



	overflow: hidden;



}



#ser_main a#floatShow01 {



	background: url(../images/ser_30.png) no-repeat;



	height: 200px;



	width: 48px;



	z-index: 99999;



}



.onlineMenu .call-top {



	padding: 10px 0;



}



.onlineMenu .call-top p {



	text-align: left;



	font-family: 'poppins-semibold';



	color: #4c4c4c;



	font-size: 15px;



	text-transform: capitalize;



}



#online {



	float: left;



	background: #fff;



	overflow: hidden;



	width: 240px;



	-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);



	-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);



	box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.1);



	position: relative;



}



.onlineMenu ul li {



	padding: 10px 0;



	border-bottom: 1px dashed #ddd;



	list-style: none



}



.onlineMenu ul li:last-child {



	border: none;



}



.onlineMenu .serm_top {



	text-align: center;



	padding-bottom: 10px;



}



.onlineMenu .call {



	text-align: left;



}



.call {



	padding: 6px 10px;



	border-bottom: 1px solid #fff;



	font-size: 13px;



}



.call img {



	display: inline-block;



	vertical-align: middle;



	margin-right: 6px;



}



.call a:hover {



	color: #e60012 !important;



}



#service:hover {



	left: 0px;



	transition: 0.5s all;



	-webkit-transition: 0.5s all;



	-o-transition: 0.5s all;



	-moz-transition: 0.5s all;



	-ms-transition: 0.5s all;



}



#service:hover #ser_main #floatShow1 {



	left: 120px;



	z-index: -11;



	opacity: 0;



}



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



#service {



	display: none;



}



}/*service*/



#online_qq_layer {



	z-index: 9999999;



	position: fixed;



	right: 5px;



	bottom: 0;



}



#online_qq_layer a {



	-moz-transition: all 0.3s;



	-o-transition: all 0.3s;



	-webkit-transition: all 0.3s;



	transition: all 0.3s;



}



#online_qq_layer a:hover {



	text-decoration: none;



}



#floatShow {



	display: block;



	background: #21a1e1;



	width: 300px;



	float: right;



	height: 42px;



	text-align: left;



	border: 1px solid #21a1e1;



}



#floatShow i {



	font-size: 14px;



	color: #fff;



	line-height: 42px;



	float: right;



	padding-right: 10px;



}



#floatShow p {



	color: #fff;



	font-size: 14px;



	line-height: 42px;



	display: inline-block;



	vertical-align: middle;



	padding-left: 10px;



	text-transform: uppercase;



	font-family: 'poppins-semibold';



}



#floatHide {



	display: none;



	background: #21a1e1;



	width: 360px;



	text-align: left;



	height: 43px;



	text-transform: capitalize;



	padding-left: 10px;



	border-bottom: none;



	border: 1px solid #21a1e1;



}



#floatHide p {



	color: #fff;



	font-size: 14px;



	line-height: 42px;



	display: inline-block;



	vertical-align: middle;



	text-transform: uppercase;



	font-family: 'poppins-semibold';



}



#floatHide i {



	font-size: 14px;



	color: #fff;



	line-height: 42px;



	float: right;



	margin-right: 10px;



}



#onlineService {



	display: inline;



	width: 360px;



	overflow: hidden;



	display: none;



	background: #fff;



}



.online_form {



	position: relative;



	height: auto;/*overflow-y:scroll;*/



	border: 2px solid #21a1e1;



}



.online_form p {



	font-size: 13px;



	line-height: 24px;



	padding-bottom: 20px;



	text-align: left;



}



.online_form ul {



	padding: 20px 20px 0 20px;



	list-style: none;



	position: relative;



}



.online_form ul:after {



	content: "\f044";



	font-family: FontAwesome;



	color: #000;



	font-size: 140px;



	position: absolute;



	right: 0;



	top: 0;



	filter: alpha(opacity=3);



	-moz-opacity: 0.03;



	opacity: 0.03;



	display: block;



	line-height: 140px;



}



.online_form ul li {



	margin-bottom: 15px;



	position: relative;



	z-index: 2;



}



.online_form ul li label {



	display: block;



	color: #333;



	margin-bottom: 5px;



	font-weight: normal;



	font-size: 12px;



}



.online_form ul .meInput {



	height: 42px;



	border: 1px solid #ccc;



	width: 100%;



	padding: 0 10px;



	line-height: 42px;



	font-size: 13px;



}



.online_form ul .meInput:focus {



	color: #333;



	border: 1px solid #21a1e1;



}



.online_form ul .meText {



	width: 100%;



	padding: 10px;



	border: 1px solid #ccc;



	max-width: 100%;



	height: 80px;



	max-height: 100px;



	font-size: 13px;



}



.online_form ul .meText:focus {



	color: #333;



	border: 1px solid #21a1e1;



}



.main-more {



	display: inline-block;



	margin-top: 40px;



	font-family: 'poppins-semibold';



	font-size: 14px;



	text-transform: uppercase;



	border: 2px solid #cccccc;



	color: #808080;



	padding: 8px 30px;



}



.main-more.button-ujarak {



	position: relative;



	z-index: 0;



	transition: background 0.4s .3s, border-color 0.4s, color 0.4s 0.05s;



}



.main-more.button-ujarak::before {



	content: '';



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



	background: #21a1e1;



	z-index: -1;



	opacity: 0;



	transform: scale3d(0.7, 1, 1);



	transition: transform 0.42s, opacity 0.42s;



	border-radius: inherit;



}



.main-more.button-ujarak, .button-ujarak::before {



	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);



}



.main-more.button-ujarak:hover {



	transition: background 0.4s .3s, border-color 0.4s, color 0.4s;



	text-decoration: none;



	color: #fff;



	border: 2px solid #21a1e1;



}



.main-more.button-ujarak:hover::before {



	opacity: 1;



	transform: translate3d(0, 0, 0) scale3d(1, 1, 1);



}



#onlineService .main-more {



	margin: 0 20px 20px 20px;



	cursor: pointer;



	padding: 0;



}



#onlineService .main-more input {



	background: none;



	border: none;



	text-transform: uppercase;



	width: auto;



	color: #808080;



	padding: 8px 40px;



}



#onlineService .main-more:hover input {



	color: #fff;



}



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



.online_form p {



	display: none



}



.online_form ul .meInput {



	height: 36px;



	line-height: 36px;



}



#online_qq_layer {



	width: 100%;



	right: 0



}



#floatShow, #floatHide, #onlineService {



	width: 100%



}



#onlineService .main-more input {



	padding: 6px 40px;



}



}/*back-top*/



.back_top {



	width: 60px;



	height: 60px;



	position: fixed;



	right: 10px;



	bottom: 100px;



	z-index: 9999;



	display: none;



	background: url(../images/top.png) no-repeat center;



	filter: alpha(opacity=30);



	-moz-opacity: 0.3;



	opacity: 0.3;



	-moz-transition: all 0.5s;



	-o-transition: all 0.5s;



	-webkit-transition: all 0.5s;



	transition: all 0.5s;



}



.back_top:hover {



	filter: alpha(opacity=60);



	-moz-opacity: 0.6;



	opacity: 0.6;



}



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



.back_top {



	right: 0;



	bottom: 60px;



}



}



.table-responsive {



	overflow-x: auto



}