body {
	font-family: Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif !important;
	font-weight: normal;
	color: #808080;
	font-size: 14px;
	letter-spacing: 0.5px;
	line-height: 22px;
	position: relative;
	background: #FFF;
	height: 1500px;
	overflow-x: hidden;
}
*{
	font-family:"PingFang SC", "Calibri", "opensans", "GothicArial", "Arial",  "Microsoft YaHei", "San Francisco", 'Hiragino Sans GB', "Helvetica Neue", Helvetica, sans-serif !important;
}
:focus {
	outline: none !important;
}
h1, h2, h3, h4, h5, h6 {
	color: #121212;
	/* font-family: 'Roboto', arial; */
}
/* default font size */
.fa {
	font-size: 16px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	/* font-family: 'Playfair Display', serif; */
}
h2 {
	font-size: 16px;
	font-weight: 700;
}
h3 {
	font-size: 15px;
	font-weight: 800;
	/* font-family: 'Playfair Display', serif; */
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 12px;
}
a {
	color: #000;
	text-decoration: none;
}
a.accordion-toggle {
	color:black;
}
a.accordion-toggle.collapsed {
	color: #646464;
}
a:hover {
	text-decoration: none;
	color: black;
}
legend {
	background: #e6e6e6;
	font-size: 17px;
	font-family: 'Playfair Display', serif;
	padding: 15px;
	display: block;
	width: 100%;
	margin-bottom: 20px;
	color: #000;
	border: 0;
	font-weight: 700;
}
/* alert start*/
.alert {
	padding: 8px 14px 8px 14px;
}
/* alert end */
label {
	font-size: 14px;
	font-weight: 400;
	margin: 3px 0;
}
.box {
	margin: 0 -20px;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 14px;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	border: 1px solid #ddd;
	font-size: 14px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	border: none;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
#accordion .input-group-btn .btn {
	margin-left: 10px;
	float: left;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}
.nav-tabs {
	margin-bottom: 15px;
}
/* top */

.list-inline > li:before {
	background: url(../image/pipe.png);
}
#top .container {
	padding: 0 20px;
}
#top .btn-link, #top-links a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	padding: 0px 7px 0;
	display: inline-block;
}
#top-links li .fa {
	font-size: 12px;
	margin: 0 5px 0 0;
}
#top-links > li {
	padding: 0 11px;
}
#top .btn-link:hover, #top-links a:hover {
	color: #fff;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
	line-height: 14px;
}
#top-links ul {
	float: left;
}
#top-links a + a {
	margin-left: 15px;
}
#top-links .dropdown-menu {
	text-align: left;
	margin-top: 10px;
}
#top-links .dropdown-menu li a {
	padding: 3px 10px;
	color: #000;
}
#top-links .dropdown-menu li a:hover {
	background: none;
	color: #253993;
}
#top-links .dropdown.open .dropdown-toggle {
	background: none;
}
.list-inline {
	margin: 10px -5px 0;
	float: none;
	display: inline-block;
	vertical-align: top;
}
.wel-come-msg {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
	float: left;
	margin-right: 17px;
	padding: 10px 20px 10px 0;
}
.header-top {
	background: black;
}
.language .btn.btn-link.dropdown-toggle, .currency .btn.btn-link {
	padding-left: 0;
	background-color: rgba(255, 255, 255, 0);
}
.language, .currency {
	float: left;
}
.language .dropdown-menu, .currency .dropdown-menu {
	left: 0;
	margin: 0;
	right: auto;
	top: 42px;
	text-align: left;
}
.language li a, .currency li a {
	padding: 3px 10px;
}
.language li a:hover, .currency li .btn-link:hover {
	color: #4d4d4d;
}
.currency-select.btn.btn-link.btn-block {
	font-weight: normal;
}
.language .dropdown-menu li > a:hover {
	background: none;
}
#top #currency .currency-select {
	text-align: left;
}
#top #currency .currency-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #3b5998;
	background-image: linear-gradient(to bottom, #3b5998, #1f90bb);
	background-repeat: repeat-x;
}
.currency .btn-link, .language .btn-link, .currency .btn-link:hover {
	background: none;
	text-decoration: none;
	color: #fff;
}
.currency .btn-link:hover, .language .btn-link:hover {
	color: #fff;
}
.currency .btn-link .fa, .language .btn-link .fa {
	margin: 0 10px;
}
.currency .btn-link:hover .fa, .language .btn-link:hover .fa {
	color: #fff;
}
/* CSS for Header Start */

header {
	background: #FFF;
}
.header-contact {
	display: inline-block;
}
.respo-header-middle, .top-toggle {
	display: none;
}
.header-inner .header-left {
	width: auto;
	padding: 0;
	margin: 44px 0;
}
.header-inner .header-right {
	padding: 0;
	float: right;
	width: auto;
	margin: 62px 0 0;
}
/* logo */
#logo {
	margin: 0;
}
/* search */
.header-right #search .input-lg {
	height: 36px;
	line-height: 20px;
	border-radius: 0;
	border: 0;
	background-color: #fff;
	width: 340px;
}
.header-right #search .btn-lg {
	line-height: 21px;
	padding: 5px 7px 6px 10px;
	text-shadow: none;
	background: #253993;
	border-radius: 0;
	border: 0;
	color: #323131;
	float: left;
	margin: 3px;
}
#search {
	float: left;
}
#search.input-group {
	position: static;
}
#search .btn {
	background: black;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
	padding: 10px 16px;
    border-radius: inherit;
}
#search:hover .input-lg {
	border-radius: 0;
	display: block;
	border: none;
	height: 42px;
	line-height: 12px;
	background: #f1f1f1;
	padding: 11px;
	position: absolute;
	right: 11px;
	width: 320px;
}
#search .input-lg {
	display: none;
}
/* Cart */

#cart {
	margin-bottom: 10px;
}
#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
#cart > .btn:hover .fa {
	color: #666;
}
#cart .img-thumbnail {
	max-width: none;
	width: auto;
}
.header-right #cart > .btn {
	font-size: 14px;
	line-height: 18px;
	color: #808080;
	background: none;
	border: 0;
	text-shadow: none;
	margin: 0 auto;
	width: auto;
	-ms-text-align-last: auto;
	text-align: left;
	padding: 0;
}
.header-right #cart {
	float: right;
	margin: 0;
}
.header-right #cart .dropdown-menu {
	margin: 0;
	top: 65px;
    border-top: 2px solid #253993;
	-webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
}
.header-right .fa-caret-down {
	padding: 0px 0px 0 10px;
	color: #aaabab;
}
.header-right .fa-caret-down:hover {
	color: #fff;
}
.header-right #search {
	float: left;
	clear: right;
	margin: 0 25px 0 0;
	background: #fff;
}
.header-right #search .btn-lg:hover .fa {
	color: #666;
}
#cart-total {
	background: url("../image/sprite.png") no-repeat scroll 0 0;
	padding: 5px 0px 10px 55px;
	display: block;
}
#cart-total > span {
    font-family: 'Montserrat';
    color: #253993;
    text-transform: uppercase;
    font-weight: 700;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #444;
}
#cart .dropdown-menu {
	background: #fff;
	z-index: 1001;
}
#cart .dropdown-menu {
	width: 300px;
	padding: 10px;
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu table.table-bordered, #cart .dropdown-menu table.table-bordered td, #cart .dropdown-menu table.table-striped td {
	border: none;
	padding: 4px;
	vertical-align: top;
	background: none;
}
#cart .dropdown-menu table.table-bordered {
	border-top: 1px solid #ddd;
}
#cart .dropdown-menu table.table-striped .btn-danger {
	padding: 0px 3px;
	background: none;
	border: none
}
#cart .dropdown-menu table.table-striped .btn-danger .fa, #cart .dropdown-menu table.table-striped .btn-danger:hover .fa {
	font-size: 12px;
	color: red;
}
#cart .dropdown-menu li p {
	padding: 10px 0;
	margin: 0;
}
#cart .btn-viewcart a, #cart .btn-checkout a {
	color: #fff;
	background: #253993;
	display: inline-block;
	padding: 6px 15px;
}
#cart .btn-viewcart a:hover, #cart .btn-checkout a:hover {
	background: #23282a;
}
#cart strong {
	font-weight: 500;
}

@media (max-width: 478px) {
#cart .dropdown-menu li > div {
	min-width: 100%;
}
}
/* CSS for Header End */


/* Menu */
nav {
	float: left;
}
.navbar {
	min-height: auto;
}
#menu .nav > li > a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 10px 15px 10px 15px;
	min-height: 15px;
	background-color: transparent;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
	background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 160px;
	display: block;
	padding: 3px 20px;
	clear: both;
	line-height: 20px;
	color: #333333;
	font-size: 12px;
}
#menu .dropdown-inner li a:hover {
	color: #FFFFFF;
}
#menu .see-all {
	display: block;
	margin-top: 0.5em;
	border-top: 1px solid #DDD;
	padding: 3px 20px;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 3px 3px;
	font-size: 12px;
}
#menu .see-all:hover, #menu .see-all:focus {
	text-decoration: none;
	color: #ffffff;
	background-color: #3b5998;
	background-image: linear-gradient(to bottom, #3b5998, #1f90bb);
	background-repeat: repeat-x;
}
#menu #category {
	float: left;
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
}
#menu .btn-navbar .fa {
	font-size: 24px;
	line-height: 20px;
	vertical-align: -3px;
	display: none;
}
#menu .btn-navbar {
	font-size: 15px;
	font-stretch: expanded;
	color: #000;
	padding: 0;
	float: right;
	margin: 0;
	background: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: right;
	border: none;
	width: 100%;
	padding: 10px 0;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
}
#menu .btn-navbar img{
	width: 100%;
}
@media (min-width: 768px) {
#menu .dropdown:hover .dropdown-menu {
	display: block;
}
}

@media (max-width: 767px) {
#menu div.dropdown-inner > ul.list-unstyled {
	display: block;
}
#menu div.dropdown-menu {
	margin-left: 0 !important;
	padding-bottom: 10px;
	background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-inner {
	display: block;
}
#menu .dropdown-inner a {
	width: 100%;
	color: #fff;
}
#menu .dropdown-menu a:hover, #menu .dropdown-menu ul li a:hover {
	background: rgba(0, 0, 0, 0.1);
}
#menu .see-all {
	margin-top: 0;
	border: none;
	border-radius: 0;
	color: #fff;
}
}
/* content */
.content {
	min-height: 600px;
}
.img-responsive{
	width: 80%;
}
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
	text-align: center;
	margin: 20px 0;
	transition: 0.8s;
	border-radius: 5px;
}
.marketing .col-lg-4:hover{
	box-shadow: 0px 0px 50px 4px rgba(0, 0, 0, 0.2);
	transform: translateY(1px);
}
.marketing h2 {
	font-size: 20px;
	color: #000;
	font-weight: 700;
    padding: 30px 0;
    margin: 0;
	font-family: 'Montserrat';
}
.marketing .col-lg-4 p {
	margin: 0 15px 25px 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: calc(3em + 20px); 
}
.marketing .read-more{
	width: 160px;height: 60px;
	background: black;
	transition: 0.36s;
	margin: 70px auto 0;
}
.marketing .read-more:hover{
	background: #666;
}
.marketing .read-more a{
	display: block;width: 100%;
	height: 100%;line-height: 60px;
	color: white;text-align: center;
	font-size: 18px;font-weight: lighter;
}
.marketing img.img-circle {
	margin: 40px 0 10px;
    height: 124px;
    width: 124px;
    border: none;
    border-radius: 0;
}
/* CSS for CMS-Banner Start */
.cms_banner {
    margin-top: 100px;
}
.cms-banner-right .Sub-right {
	opacity: 1;
}
#subbanner2 {
    margin-top: 30px;
}
#subbanner4 {
    margin-top: 30px;
}
.sub-hover:hover {
	transition: all ease 0.3s;
	opacity: 0.7;
}
.cms-block1, .cms-block2, .cms-block3 {
	/* background: url("../image/cms-icon.png") no-repeat scroll 35px 38px; */
	padding: 35px 0px 30px 110px;
    border: 10px solid #ECECEC;
	transition: all ease 0.5s;
}
.cms-block1:hover, .cms-block2:hover, .cms-block3:hover {
	/* background: url("../image/cms-icon.png") no-repeat scroll 35px -35px; */
    border: 10px solid black;
}
.cms-block1 > h4, .cms-block2 > h4, .cms-block3 > h4 {
	color: #000;
	font-size: 16px;
	margin: 0 0 3px 0;
	font-weight: 700;
}
.cms-block1 > p, .cms-block2 > p, .cms-block3 > p {
	color: #a2a2a2;
	margin: 0;
	transition: all ease 0.3s;
}
.cms-block1:hover > p, .cms-block2:hover > p, .cms-block3:hover > p {
	color: black;
	margin: 0;
}
.cms-block1{
	background: url("../image/car.svg") 10% 50%/15% no-repeat;
}
.cms-block2 {
	background: url("../image/coin.svg") 10% 50%/15% no-repeat;
}
.cms-block3 {
	background: url("../image/24h.svg") 10% 50%/15% no-repeat;
}
@media only screen and (max-width:991px) and (min-width:100px){
	.cms-block1,.cms-block2,.cms-block3{
		background-size: 58px 58px;
		background-position: 5% 50%;
	}
}
.right-bottom-banner {
	margin-top: 20px;
}
.sub-banner-top {
	margin-top: 100px;
}
/* CSS for CMS-Banner End */
#center {
	padding-top: 0px;
}
/* prlx start*/
.parallax {
	background: url(../image/prlx.jpg) 50% no-repeat;
	padding: 140px 0 180px;
	margin: 100px 0px 0;
	background-color: #253993;
	text-align: center;
  background-size: cover;
	background-attachment: fixed;
	position: relative;
}
.parallax::before{
	position: absolute;width: 100%;height: 100%;
	top: 0;left: 0;background: rgba(51,51,51,0.5);
}
.parallax *{
	color: #fff;
}
.parallax .title_box{
	margin-top: 35px;font-size: 22px;
	font-weight: lighter;
}
.parallax .position_box{
	margin-top: 15px;
	font-weight: lighter;
	font-size: 18px;
}
.parallax .swiper-page{
	left: 50%;bottom: 15%;
	transform: translate(-50%,-50%);
}
.parallax .content_box{
	font-weight: lighter;
	max-width: 800px;width: 90%;margin: 20px auto 0;
}
.parallax .swiper-pagination-bullet{
	width: 10px;height: 10px;
	background-color: white;
	border: 2px solid #666;
	opacity: 1;
	margin: 0 5px;
}
.parallax .swiper-pagination-bullet-active{
	width: 12px;height: 12px;
	background-color: #666;
	border: 2px solid white;
}
@media only screen and (max-width:770px) and (min-width:100px){
	.parallax .swiper-page{
		bottom: 5%;
	}
}
/*testimonial*/
.owl-item li {
	list-style: outside none none;
}
#testimonial {
	background: transparent none repeat scroll 0 0;
}
.testimonial-image {
	border-radius: 50%;
}
.testimonial-desc {
	color: #fff;
	margin: 0 20px;
    font-weight: bold;
    font-size: 28px;
	line-height: 36px;
}
.testimonial-name h2 {
	font-family: 'Playfair Display', serif;
	font-size: 32px;
	text-transform: none;
	margin-bottom: 10px;
	color: #c5eeff;
	font-weight: 600;
}
.testimonial-designation {
	color: #fff;
}
.testimonial-name {
	margin-top: 20px;
}
#testimonial .owl-controls .owl-page {
	padding: 3px;
}
#testimonial .owl-controls .owl-page span {
	background: #fff;
	height: 6px;
	width: 6px;
}
#testimonial .owl-controls .owl-page.active span, #testimonial .owl-controls .owl-page span:hover {
	background: #253993;
}
#testimonial .owl-controls .owl-page:hover, #testimonial .owl-controls .owl-page.active {
	border: 2px solid #253993;
}
.home-slider .owl-controls .owl-page.active span {
	cursor: default;
}
#testimonial .owl-pagination {
	position: absolute;
	width: 100%;
	bottom: -60px;
}
#testimonial .owl-controls .owl-page {
	margin: 10px 6px;
	display: inline-block;
	border: 2px solid #fff;
}
/* testimonial  end*/
/* prlx end*/

.tab-banner {
	margin-bottom: 50px;
}
/* footer */

footer {
	padding: 100px 0 0;
	background: url(../image/footer-bg.jpg) no-repeat scroll 0;
	background-size: cover;
}
#bottom-footer {
	border-top: 1px solid #ccc;
	padding: 30px 0 0;
}
footer .iconfont {
	margin: 0 5px 0 0;
    float: left;
    clear: both;
    color: #000;
    text-align: center;
    line-height: 26px;
    width: 15px;
}
.footer-bottom {
	color: #a2a2a2;
  margin-top: 60px;
	text-align: center;
}
.footer-link {
	text-align: center;
}
.footer-link > li:first-child {
	border: medium none;
}
.footer-link > li {
	border-left: 1px solid;
	display: inline-block;
	line-height: 14px;
	list-style: outside none none;
	padding: 0 10px;
}
footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
footer, footer a, .footer-bottom a {
	color: #808080;
}
.footer-services {
	margin-top: 60px;
}
footer a:hover {
	color: black;
}
/* footer cms start */
footer h5 {
	font-family: 'Playfair Display', serif;
	font-size: 20px;
	color: #000;
	font-weight: 700;
	margin: 0px 0 20px;
}
footer ul {
	padding: 0;
	margin-top: 4px;
}
footer ul li {
	padding: 1px 0;
}
.footer-link a:hover {
	color:black;
}
/* breadcrumb */
.breadcrumb {
	padding: 70px 0 !important;
	margin: 0 0 90px !important;
}
.breadcrumb h1 {
	font-size: 30px;
	font-weight: 700;
	text-transform: none;
	color: #ffffff;
	margin: 0 0 5px;
	position: relative;
}
.breadcrumb a {
	color: #fff;
	background-color: transparent !important;
	border: none !important;
	padding: 0 !important;
	position: relative !important;
}
.breadcrumb a:hover {
	border: none !important;
	color: #253993;
}
.breadcrumb >ul> li + li::before {
	content: "";
	font-family: "FontAwesome";
	padding: 0 8px;
	position: relative;
	color: #fff;
}
.pagination {
	margin: 0;
}
/* buttons */

.viewmore {
	overflow: hidden;
	text-align: center;
	width: 100%;
}
.buttons {
	margin: 1em 0;
}
.btn {
	padding: 10px 34px;
	font-size: 14px;
	color: #ffffff;
	background: #000;
	display: inline-block;
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 6px 15px;
	font-size: 12px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 14px;
	font-weight: normal;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 12px;
}
.btn-default {
	background: #253993;
	color: #ffffff;
	border: none;
	transition: color 0.3s ease 0s, border 0.3s ease 0s, background 0.3s ease 0s;
}
.btn-primary {
	color: #ffffff;
	background: black;
	border: none;
	font-weight: 400;
}
.btn:hover {
	transition: color 0.3s ease 0s, border 0.3s ease 0s, background 0.3s ease 0s;
	background: #eee;
	color: #666;
	text-decoration: none;
	cursor: pointer;
}
.input-group {
	display: inline-block;
	margin: 0 0 0 5px;
}
.input-group .btn {
	float: left;
	margin-left: 10px;
	padding: 11px 14px;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
	background: #666;
	color: white;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
	color: #ffffff;
	background-color: #0e1011;
	border: none;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	background-color: #253993;
}
.btn-success {
	color: #ffffff;
	background-color: #5bb75b;
}
.btn-info {
	background: #39AAB0;
	color: #fff;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
	background: #454851;
	color: #fff
}
/* list group */

#column-left .list-group a.last, #column-right .list-group a.last {
	border: none;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #253993;
	background: none;
	border: none;
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
/* product list */
.customtab .product-thumb {
	margin: 0 0 30px;
	text-align: center;
}
#related-slidertab .owl-wrapper-outer .product-thumb {
	margin: 0 10px;
}
.owl-wrapper-outer .product-thumb {
	margin: 0 10px;

}
.owl-wrapper-outer .owl-wrapper{
	padding: 10px;
}
.grid-list-wrapper .product-thumb {
	margin: 0 10px;
}
.left-sidebar-widget .product-thumb:hover .img-responsive {
	transform: none;
	transition: none;
}
.product-thumb {
	margin: 0 0 60px;
	overflow: hidden;
	text-align: center;
}
.product-thumb a img + img {
	display: none;
}
/* .product-thumb:hover a img {
	display: none;
} */
/* .product-thumb:hover a img + img {
	display: block;
} */
.image.product-imageblock > a {
	background: #ffffff none repeat scroll 0 0;
	overflow: hidden;
}
.product-thumb .image {
	text-align: center;
}
.product-thumb .image a {
	display: block;
	position: absolute;
	width: 100%;
	top: 50%;left: 50%;transform: translate(-50%,-50%);
	transition: 0.8s;
}
.product-thumb .image a .img-responsive{
	width: 100%;height: 100%;object-fit: cover;
}
.product-grid .product-thumb .image {
	float: none;
}
.product-thumb .button-group > li {
	list-style: outside none none;
	display: inline;
}
.addtocart-btn {
	display: table-cell;
}
.addtocart-btn > a {
	color: #ffffff;
	font-weight: 500;
	padding: 0 16px;
}
.product-list .product-thumb .image {
	float: left;
	background: #F5F5F5;
	margin: 0 20px 0 0;
}
.product-thumb .product-name {
	font-weight: 600;
	margin: 5px 0 5px;
}
.product-list .product-thumb .product-name {
	margin: 0 0 10px;
}
.product-list .product-desc {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #e5e5e5;
	border-image: none;
	border-style: solid;
	border-width: 1px 0;
	margin: 0 0 10px;
	padding: 25px 0;
	margin: 25px 0;
}
.product-list .product-thumb .caption {
	float: left;
	width: 64%;
	padding: 0;
	text-align: left;
	margin: 0 0 0 10px;
}
.content .product-list .product-thumb .product-price {
	float: none;
	margin: 0 0 10px;
}
.product-list .product-thumb .button-group .wishlist, .product-list .product-thumb .button-group .compare .product-list .product-thumb .button-group.addtocart-btn, .product-list .product-thumb .button-group .quick-view {
	height: 40px;
	width: 40px;
	padding: 0;
}
.content .product-list .product-thumb .rating {
	float: none;
	display: inline-block;
	margin: 0 0 10px;
}
.product-list .product-thumb {
	margin: 0 0 30px;
	padding: 0 0 20px;
}

@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
	padding: 0 10px;
}
}

@media (max-width: 767px) {
.product-list .product-thumb .caption {
	min-height: 0;
	margin-left: 0;
}
.product-grid .product-thumb .caption {
	min-height: 0;
}
}
.riview {
	margin-left: 15px;
}
.rating {
	margin-top: 15px;
}
.rating .fa-stack {
	font-size: 8px;
	vertical-align: 1px;
}
span.fa-stack .fa-star.fa-stack-2x::before {
	color: #ffc000;
	content: "";
	font-size: 11px;
}
.fa-star::before {
	content: "";
}
span.fa-stack .fa-star-o::before {
	color: #9f9f9f;
	font-size: 11px;
	content: "";
}
.fa-star-o::before {
	content: "";
}
span.fa-stack {
	height: 14px;
	line-height: 14px;
	width: 10px;
}
.rating>span>i{
	font-size: 10px;
	color:  #ffc000;
}
.rating span:last-child i{
	color:gray
}
.fa-stack {
	width: 9px;
	height: 10px;
}
.rating .fa fa-star, .productinfo-tab .fa fa-star {
	color: #253993;
}
.fa.fa-star.fa-stack-2x {
	color: #253993;
}
h2.price {
	margin: 0;
}
.product-thumb.transition {
	text-align: center;
}
.product-thumb .price {
	color: #121212;
	font-weight: 600;
	margin: 0;
}
.less {
	color: #253993;
	font-weight: 300;
	margin-left: 10px;
	text-decoration: line-through;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: none;
}
.product-list .button-group.grid-btn {
	display: none;
}
.product-grid .button-group.list-btn {
	display: none;
}
.button-group.list-btn > li {
	display: inline-block;
}
.tab-content .product-grid .product-thumb > .button-group, .content .product-slider .product-thumb > .button-group, .content .product-grid .product-thumb > .button-group, .column-left .product-grid .product-thumb .product-imageblock .button-group, .column-right .product-grid .product-thumb .product-imageblock .button-group, .column-left .product-slider .product-thumb .product-imageblock .button-group, .column-right .product-slider .product-thumb .product-imageblock .button-group {
	display: none;
}
.content .product-slider .product-thumb .product-imageblock .button-group, .content .product-grid .product-thumb .product-imageblock .button-group {
	/******************************************* product detail -- goodsCar modules hidden *****************************************/
	display: none;
	/******************************************* product detail -- goodsCar modules hidden *****************************************/
	opacity: 0;
	padding: 0 20px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	position: absolute;
}
.content .product-thumb:hover .product-imageblock .button-group {
	opacity: 1;
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	left: 0;
	right: 0;
	bottom: 10px;
}
.content .product-thumb .product-imageblock .button-group {
	opacity: 1;
	transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	left: 0;
	right: 0;
	bottom: 10px;
}
.product-slider .product-thumb .product-imageblock, .content .product-grid .product-thumb .product-imageblock {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 120%;
}
.content .product-grid .product-grid-item {
	padding: 0;
}

@media (max-width: 768px) {
.product-list .product-thumb .button-group {
	border-left: none;
}
}
.product-thumb .button-group button:hover {
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	cursor: pointer;
}
.product-thumb .button-group .addtocart-btn:hover, .product-thumb .button-group .wishlist:hover, .product-thumb .button-group .compare:hover, .product-thumb .button-group .quick-view:hover {
	background: #c5eeff;
	color: #253993;
}
.product-thumb .button-group .wishlist, .product-thumb .button-group .compare, .product-thumb .button-group .quick-view {
	background: #253993 none repeat scroll 0 0;
	margin: 2px 0;
	overflow: hidden;
	padding: 13px 12px;
	height: 45px;
	width:45px;;
	color: #fff;
}
.product-list .addtocart-btn {
	padding: 10px 12px !important;
}
.product-thumb .button-group .addtocart-btn {
	background: #253993 none repeat scroll 0 0;
	margin: 2px 0;
	overflow: hidden;
	margin-top: 10px;
	padding: 12px 36px;
	color: #fff;
}
.product-list .product-thumb .button-group .addtocart-btn {
	display: inline;
}
.thumbnails {
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	display: block;
	border: 1px solid #ece4d8;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	display: inline-block;
	width: 100%;
	padding-top: 80%;
	position: relative;
}

#product-thumbnail .item {
	text-align: center;
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
#column-left .product-layout .col-md-3 {
	width: 100%;
}
#column-left + .content .product-layout .col-md-3 {
	width: 50%;
}
#column-left + .content + #column-right .product-layout .col-md-3 {
	width: 100%;
}
.content + #column-right .product-layout .col-md-3 {
	width: 100%;
}
}
.qty-label {
	float: left;
	margin: 10px 10px 0 0;
}
.productpage-qty {
	width: 50px;
}
.productpage-title {
	font-weight: bold;
	text-transform: none;
	font-size: 30px;
}
.product-slider.owl-carousel {
	border: none;
	box-shadow: none;
	border-radius: 0;
	margin-bottom: 0;
	overflow: visible;
}
.product-slider.owl-carousel .owl-buttons {
	position: absolute;
	top: 45%;
	width: 100%;
}
.content .blog-wrapper .owl-buttons {
	position: absolute;
	top: 60%;
	width: 100%;
}
.product-slider.owl-carousel .owl-buttons div {
	font-size: 0;
}
.product-slider.owl-carousel .owl-buttons > div {
	background: url("../image/sprite.png") no-repeat 0 0;
	height: 20px;
	width: 20px
}
.content .blog-wrapper .owl-buttons > div.owl-next, .product-slider.owl-carousel .owl-buttons > div.owl-next {
	background-position: 0px -169px;
	right: -50px;
	height: 34px;
	width: 48px;
}
#related-slidertab .owl-next {
	right: 0;
}
#related-slidertab .owl-prev {
	left: 0;
}
.content .blog-wrapper .owl-buttons > div.owl-next:hover, .product-slider.owl-carousel .owl-buttons > div.owl-next:hover {
	background-position: 0px -226px;
	border-color: #253993;
}
.content .blog-wrapper .owl-buttons > div.owl-prev, .product-slider.owl-carousel .owl-buttons > div.owl-prev {
	background-position: -0px -54px;
	left: -50px;
	height: 34px;
	width: 48px;
}
.content .blog-wrapper .owl-buttons > div.owl-prev:hover, .product-slider.owl-carousel .owl-buttons > div.owl-prev:hover {
	background-position: 0px -111px;
	border-color: #253993;
}
#product-thumbnail.owl-carousel {
	border: none;
	box-shadow: none;
	border-radius: 0;
	margin: 0 auto 30px;
}
#product-thumbnail.owl-carousel .owl-buttons {
	position: absolute;
	top: 58%;
	width: 100%;
}
#product-thumbnail.owl-carousel .owl-buttons div {
	opacity: 0;
	font-size: 0;
	height: 20px;
}
#product-thumbnail.owl-carousel:hover .owl-buttons div {
	opacity: 1;
}
#product-thumbnail.owl-carousel .owl-buttons > div:before {
	font-family: 'FontAwesome';
	font-size: 25px;
	font-weight: normal;
	padding: 4px 10px;
	color: #fff;
	background-color: #000;
}
#product-thumbnail.owl-carousel .owl-buttons > div.owl-next:before {
	content: '\f105';
}
#product-thumbnail.owl-carousel .owl-buttons > div.owl-prev:before {
	content: '\f104';
}
#product-thumbnail.owl-carousel .owl-buttons > div.owl-next:hover:before, #product-thumbnail.owl-carousel .owl-buttons > div.owl-prev:hover:before {
	background-color: #253993;
}
#product-thumbnail.owl-carousel .owl-buttons .owl-next, #product-thumbnail.owl-carousel:hover .owl-buttons .owl-next {
	right: 0;
	left: auto;
}
#product-thumbnail.owl-carousel .owl-buttons .owl-prev, #product-thumbnail.owl-carousel:hover .owl-buttons .owl-prev {
	left: 0;
}
#product-thumbnail.owl-carousel .image-additional a {
	margin-bottom: 0;
	position: absolute;
	left: 0;top: 0;
	height: 100%;
	width: 100%;
}
#product-thumbnail1 .swiper-slide{
	width: calc(100%/5);
}
.image-additional .thumbnail>img{
	position: absolute;
	left: 50%;top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;height: 100%;object-fit: contain;
}
.fancybox1{
	text-align: center;
	line-height: 70px;
	color: white;
	transition: 0.5s;
	font-size: 20px;
	font-weight: lighter;
}
.fancybox1:hover{
	color:white;
}
.fancybox1::after{
	content: "点击查看大图";
	position: absolute;
	left: 50%;top: 40%;width: 40%;height: 70px;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.5);
	transform: translate(-50%,-50%);
	transition: 0.5s;
}
.fancybox1:hover::after{
	display: block;
	opacity: 1;
}
/* CSS for Custom Tab */
.customtab-wrapper {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 25px;
	width: 100%;
	margin-top: -25px;
}
.customtab-wrapper ul {
	margin: 0;
}
.customtab .tab {
	list-style-type: none;
	display: inline;
}
#tabs {
	text-align: center;
}
.tab:first-child::before {
	content: "";
}
.tab a {
	padding: 14px 35px;
	display: inline-block;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 400;
	margin-top: 50px;
	background: #f5f5f5;
	color: #4f4e4e;
}
.tab a.selected, .tab a:hover {
	color: #fff;
	background: #333;
}
.customtab-inner {
	padding: 0;
}
.customtab .product-slider.owl-carousel .owl-buttons {
	top: -60px;
}
/* CSS for Menu start */

.main-navigation > li::before {
	content: "/";
	font-family: fontawesome;
	font-size: 14px;
}
.main-navigation > li:first-child::before {
	content: none;
}
.main-navigation > li {
	display: inline-block;
	vertical-align: top;
	list-style-type: none;
	position: relative;
}
/* CSS for Menu level-1 */
.main-navigation li a {
	color: #999999;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 500;
}
.main-navigation li li a {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 300;
}
.main-navigation li a:hover {
	color: #000;
}
.main-navigation li > a {
	padding: 45px 18px;
	position: relative;
}
.main-navigation > li:hover > a.active:before {
	font-family: 'FontAwesome';
	content: "\f0d8";
	position: absolute;
	bottom: 20px;
	left: 31px;
	font-size: 20px;
}
.main-navigation li a:before {
	color: #253993;
}
ul.main-navigation {
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	margin: 0;
	vertical-align: top;
}
.main-navigation li ul {
	position: absolute;
	left: 0;
	top: 37px;
	border-top: 2px solid black;
	padding: 20px;
	background: #fff;
	z-index: 9;
	width: 220px;
	text-align: left;
	display: none;
	-webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1);
}
.main-navigation li:hover > ul {
	display: block;
}
/* CSS for Menu level-2 */

.main-navigation li li a {
	color: #000;
	display: block;
	padding: 6px 10px;
}
.main-navigation li li a:hover {
	color: #fff;
	background-color: #333;
}
.main-navigation li ul ul {
	left: 220px;
	display: none;
	top: 0;
}
.main-navigation li.last-menu ul ul {
	left: auto;
	right: 220px;
}
ul.main-navigation > li.menu-last ul {
	left: auto;
	right: 0;
}
ul.main-navigation > li.menu-last ul ul {
	left: auto;
	right: 220px;
}
.price-old{
	text-decoration: line-through;
}
.main-navigation li li {
	display: inline-block;
	list-style-type: none;
	width: 100%;
	position: relative;
	transition: 200ms;
	-moz-transition: 200ms;
	-webkit-transition: 200ms;
	-o-transition: 200ms;
}
.main-navigation li li:hover {
	background: #646464;
	transition: 300ms;
	-moz-transition: 300ms;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
}
.main-navigation li li:hover > a {
	color: #fff;
}
/* CSS for Menu end */




/* CSS for sidebar  block start */
.col-sm-3.hidden-xs.column-left {
	padding: 0 20px 0 0;
}
.col-sm-3.hidden-xs.column-right {
	padding-left: 20px;
}
.left-sidebar-widget ul > li {
	overflow: hidden;
	list-style: none;
}
.left-sidebar-widget, .right-sidebar-widget {
	margin-bottom: 45px;
}
.column-left .columnblock-title, .column-right .columnblock-title {
	font-size: 20px;
	font-family: 'Playfair Display', serif;
	color: #000;
	margin-bottom: 15px;
	padding: 0 0 20px;
	font-weight: 700;
	border-bottom: 1px solid #666;
}
.column-left .list-group, .column-right .list-group {
	margin: 0 0 20px;
}
.left-sidebar-widget .product-thumb {
	margin: 0;
	padding: 0;
}
.left-sidebar-widget .image.product-imageblock {
	margin: 0;
	padding: 100% 0 0 0 ;
	width: 100%;
}
.left-sidebar-widget .product-thumb {
	border: medium none;
}
.left-sidebar-widget .product-name {
	font-size: 14px;
	font-weight: 400;
	margin: 0;
}
.left-sidebar-widget .price.product-price {
	color: #121212;
	font-weight: bold;
	margin: 10px 0;
}
.left-sidebar-widget .product-layout {
	margin: 15px 0;
}
/* CSS for sidebar  block end */


/* CSS for content Start */
.column-block {
	margin: 0 0 20px;
}
.category_block ul {
	padding: 0;
	margin: 0;
}
.category_block ul ul {
	padding: 0 0 0 15px;
}
.category_block ul li {
	list-style-type: none;
	padding: 5px 0;
}
.category_block ul li:last-child {
	border-bottom: none;
}
.category_block ul li p.list-group-item {
	display: inline-block;
	border: none;
	padding: 5px 0;
	width: 100%;
}
.category_block .list-group-item:hover {
	background: none;
}
.information-block ul li {
	padding: 5px 0;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #ddd;
}
.category_block .hitarea {
	float: right;
}
.category_block .hitarea.expandable-hitarea {
	height: 20px;
	width: 20px;
	z-index: 9;
	text-align: center;
	cursor: pointer;
	position: static;
}
.category_block .hitarea.collapsable-hitarea {
	height: 20px;
	width: 20px;
	z-index: 9;
	text-align: center;
	cursor: pointer;
	position: static;
}
.category_block .hitarea.expandable-hitarea:before {
	font-family: 'FontAwesome';
	content: '\f067';
	color: #999999;
	font-weight: normal;
	font-size: 10px;
	vertical-align: top;
}
.category_block .hitarea.collapsable-hitarea:before {
	font-family: 'FontAwesome';
	content: '\f068';
	color: #999999;
	font-weight: normal;
	font-size: 10px;
	vertical-align: top;
}
a.list-group-item {
	font-weight: bold;
}
p.list-group-item {
	font-weight: bold;
}
.filter .panel-footer {
	padding: 0;
}
.filter-block .checkbox {
	margin: 6px 0;
	font-weight: 300;
}
.filter-block .checkbox:hover {
	color: black;
}
.product-thumb .product-name a {
	font-size: 14px;
	color: #aaa;
	font-weight: normal;
	transition: 0.5s;
	position: relative;
}
.product-list .product-thumb .product-name a {
	font-size: 15px;
}
.product-thumb .product-name a::after{
	width: 0%;height: 2px;
	transition: 0.5s;
	content: "";display: block;
	position: absolute;background: #aaa;
	bottom: -5px;left: 0;
}
.product-slider .product-thumb .product-detail{
	margin: 30px 0;
}
.product-thumb:hover .product-name a {
	color: black;
}
.product-thumb:hover .product-name a::after{
	width: 100%;
} 
.product-grid .product-desc {
	display: none;
}
.category-title {
	text-transform: uppercase;
}
.category-banner .img-thumbnail {
	border: none;
	padding: 0;
}
.category-banner .category-desc {
	margin: 10px 0;
}
.category-page-wrapper {
	display: inline-block;
	width: 100%;
	border: 1px solid #e6e6e6;
	padding: 20px;
}
.category-page-wrapper .form-control {
	background: transparent none repeat scroll 0 0;
	padding: 0;
}
.list-grid-wrapper {
	float: right;
	padding: 0;
	width: auto;
}
.category-page-wrapper .control-label {
	float: left;
	font-weight: bold;
}
.limit .form-control, .sort-inner .form-control {
	border: 0 none !important;
}
.limit, .sort-inner {
	float: left;
	padding-left: 10px;
}
.limit::before, .sort-inner:before {
	content: "\f107";
	font-family: fontawesome;
	position: absolute;
	right: 8px;
	top: 0px;
}
.page-wrapper {
	width: auto;
	padding: 0 0 0 20px;
	display: inline-block;
	border-left: 1px solid #d9d9d9;
}
#input-sort:before {
	content: "\f054";
	font-family: "Fontawesome";
}
.sort-wrapper {
	width: auto;
	margin: 0px 10px 0 0;
	padding: 0 0px 0 0;
	border: none;
	display: inline-block;
}
.pagination-inner {
	float: right;
}
#compare-total {
	border-right: 1px solid #d9d9d9;
	margin: 10px 10px 10px 0;
	padding-right: 15px;
}
.btn.btn-default.list, .btn.btn-default.grid {
	padding: 8px 16px;
}
.btn.btn-default.list.active {
	background: rgba(0, 0, 0, 0) url("../image/gridlist.png") no-repeat scroll -28px -35px;
}
.btn.btn-default.list {
	background: rgba(0, 0, 0, 0) url("../image/gridlist.png") no-repeat scroll -28px 0px;
}
.btn.btn-default.grid.active {
	background: rgba(0, 0, 0, 0) url("../image/gridlist.png") no-repeat scroll 5px -35px;
}
.btn.btn-default.grid {
	background: rgba(0, 0, 0, 0) url("../image/gridlist.png") no-repeat scroll 5px 0px;
}
.result-inner {
	float: left;
	margin: 10px;
}
.grid-list-wrapper .product-grid {
	padding-bottom: 60px;
}
.grid-list-wrapper {
	margin: 15px -10px;
}
.category-page-wrapper .page-wrapper .form-control {
	width: 50px;
}
.content .blog-heading h3, .productblock-title, .client-title, .contactus-title, .team-title, .about-title {
	font-size: 45px;
	clear: both;
	margin: 100px 0 0px;
	display: inline-block;
	width: 100%;
	padding: 0;
	font-weight: 700;
	text-align: center;
}
.title-subline {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	clear: both;
	margin: 20px 0px 60px;
	display: inline-block;
	width: 100%;
	font-weight: 300;
	text-align: center;
}
.brand-logo.owl-carousel .img-responsive {
	display: inline-block;
}
#product .addtocart {
	margin: 0 10px;
}
span.review-count, span.review-edit {
	margin: 0px 5px;
	display: inline-block;
}
.rating.product .fa-stack {
	vertical-align: 1px;
}
.productinfo-tab {
	margin: 25px 0 -20px;
}
.nav-tabs {
	padding: 0;
	margin: 0;
}
.productinfo-tab .tab-content {
	border-style: solid;
	border-width: 2px 0 0;
	overflow: hidden;
	padding: 25px;
	border: 1px solid #CCC;
	border-top: 2px solid #ccc;
}
.label-title {
	font-weight: bold;
	margin: 0 5px 0 0;
}
.qty {
	display: inline-block;
	margin: 25px 0;
	width: auto;
}
.qty > input {
	border: 1px solid #ddd;
	padding: 8px;
	width: 60px;
	margin: 0 10px
}
#product .button-group.list-btn {
	float: right;
	margin: 0 10px;
}
.col-sm-7.prodetail {
	padding: 0 0 0 20px;
}
.productinfo-details-top, .productinfo-details-bottom {
	line-height: 25px;
	overflow: hidden;
}
.required .form-control {
	max-width: 100%;
}
.sort-wrapper .control-label, .page-wrapper .control-label {
	padding: 0;
	margin: 0;
}
#input-quantity {
	float: left;
	margin: 10px 0;
}
#product {
	clear: both;
	margin-top: 35px;
}
#product button {
	background: black none repeat scroll 0 0;
	color: #fff;
	padding:10px 20px;
}
#product .custom-qty {
	margin: 20px 0;
}
.input-text.qty {
	padding: 10px;
	width: 80px;
}
#product button:hover {
	background: #666 none repeat scroll 0 0;
	color: white;
}
.product .product-desc {
	font-size: 12px;
}
.product .product_info li label {
	font-weight: bold;
	font-size: 12px;
	width: 85px;
}
.product .product_info li span {
	font-weight: normal;
	margin-left: 20px;
}
.productpage-price {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	margin: 10px 0;
}
.brand-block {
	margin: 0 0 20px;
}
.brandproduct-title {
	background: #f1f1f1;
	padding: 8px;
}
.search-criteria, .search-desc {
	margin: 10px 0;
}
.box-block {
	border: 1px solid #ddd;
	padding: 10px;
	background: #F5F5F5;
	margin: 0 0 10px;
}
/* CSS for content End */


/*brand logo*/
#brand_carouse .owl-item {
	opacity: 0.5;
	transition: 0.36s;
}
#brand_carouse .owl-item:hover {
	opacity: 1;
}
#brand_carouse .owl-item .text-center{
	width: 50%;margin: 0 auto;
}
/* end*/

#scrollup {
	background: url("../image/scroll.svg") 50% 50%/100% no-repeat;
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 9999;
}
/* CSS for Footer-Top CMS start */
.footer-top-cms {
	background: url("../image/news-Bg.jpg") 50% no-repeat;
	color: #fff;
	background-color: #253993;
	padding: 100px 0;
	margin-top: 90px;
	background-size: cover;
}
.footer-top-cms h5 {
	font-family: 'Playfair Display', serif;
	font-size: 26px;
	color: #fff;
	line-height: 35px;
	font-weight: 700;
	margin: 4px 15px 0 0;
}
.footer-logo {
	float: left;
}
.footer-bottom-cms {
	display: inline-block;
	margin: 20px 0;
}
.footer-payment ul {
	margin: 0;
	padding: 0;
}
.footer-payment li {
	float: left;
	margin: 0 10px 0 0;
	list-style-type: none;
}
.footer-payment li:last-child {
	margin: 0;
}
.footer-desc {
	display: inline-block;
	margin: 20px 40px 0 0;
}
.newslatter input {
	height: 48px;
	width: 390px !important;
	border-right: 0 none;
	border: 1px solid #e6e6e6;
}
.newslatter .btn.btn-large.btn-primary {
	padding: 13px 28px;
	font-size: 16px;
	margin-left: 0px;
	font-weight: lighter;
	color: #fff;
	letter-spacing: 1px;
	background-color: #333;
	font-weight: 700;
}
.newslatter .btn.btn-large.btn-primary:hover {
	
	background-color: #666;
}
.footer-social {
	float: right;
}
.footer-social li img{
	width: 60%;height: 60%;
	position: absolute;
	left: 50%;top: 50%;
	transform: translate(-50%,-50%);
}
.newslatter h5, .footer-social h5 {
	margin: 0 0 10px;
}
.newslatter .title-subline, .footer-social .title-subline{
	color: #fff;
    text-align: left;
    margin: 0px 0 30px;
}
.footer-social ul {
	padding: 0;
	margin: 0;
}
.footer-social li {
	float: left;
	list-style-type: none;
	margin: 0 8px 0 0;
}
.footer-social li a {
	border: 2px solid #fff;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	display: block;
	text-align: center;
	line-height: 50px;
	position: relative;
	color: #fff;
	padding-bottom: 5px;

}
.footer-social li a:hover {
	border: 2px solid #4d4d4d;
	background-color: #4d4d4d;
	color: #fff;
}
.footer-social li a .fa {
	font-size: 20px;
}
.footer-social li a .iconfont {
	font-size: 23px;
	line-height: 43px;
}
/* CSS for Footer-Top CMS end */

/* CSS for Footer-bottom CMS start */

.footer-bottom .copyright {
	text-align: center;
	padding-top: 3px;
}
/* CSS for Footer-bottom CMS end */


/* CSS for Footer-Right CMS start */
.footer-contact ul {
	margin: 0;
	padding: 0;
}
.footer-contact ul li {
	list-style-type: none;
	padding: 0
}
.footer-contact .fa {
	margin: 0 5px 0 0;
	float: left;
	clear: both;
	color: #000;
	text-align: center;
	line-height: 26px;
	width: 15px;
}
.footer-contact .fa.fa-mobile {
	font-size: 18px;
}
.footer-contact .fa.fa-map-marker {
	font-size: 15px;
}
.footer-contact .fa.fa-envelope {
	font-size: 11px;
}
.footer-contact span {
	float: left;
	padding: 1px;
}
/* CSS for Footer-Right CMS end */

/* CSS for Blog Start */
	/* CSS for Blog Sidebar Start */
#column-left .blog .blog-heading, #column-right .blog .blog-heading {
	padding: 0;
}
#column-left .blog .blog-inner, #column-right .blog .blog-inner {
	border: 1px solid #ddd;
	margin: 0 0 20px;
	padding: 20px 20px;
	background: #F5F5F5;
}
#column-left .blog-name h2, #column-right .blog-name h2 {
	font-family: 'Arimo';
	font-size: 13px;
	color: #1b1b1b;
	text-transform: capitalize;
	font-weight: normal;
	margin: 0 0 5px;
}
#column-left .blog-name h2:hover, #column-right .blog-name h2:hover {
	color: #253993;
}
#column-left .blog-content, #column-right .blog-content {
	overflow: hidden;
}
#column-left .blog-content .blog-desc, #column-left .blog-content .blog-more, #column-right .blog-content .blog-desc, #column-right .blog-content .blog-more {
	display: none;
}
#column-left .blog-image img, #column-right .blog-image img {
	width: 100%;
	height: auto;
}
#column-left .blog-wrapper .blog-image .blog-date, #column-left .blog-wrapper .blog-image .blog-readmore, #column-left .blog-wrapper .blog-readmore, #column-right .blog-wrapper .blog-image .blog-date, #column-right .blog-wrapper .blog-image .blog-readmore, #column-right .blog-wrapper .blog-readmore {
	display: none;
}
.tagcloud li > a {
	border: 1px solid #c9c7bc;
	line-height: 45px;
	padding: 8px 13px;
}
.tagcloud li > a:hover {
	border: 1px solid #253993;
	color: #253993;
}
.tagcloud li {
	display: inline;
	list-style: outside none none;
	margin: 2px;
	overflow: hidden;
}
#latestblog .clickable .owl-buttons .fa.fa-angle-right, #latestblog .clickable .owl-buttons .fa.fa-angle-left {
	font-size: 24px;
}
#latestblog .owl-controls .owl-buttons .owl-prev, #latestblog .owl-controls .owl-buttons .owl-next {
	top: -54px;
}
#latestblog .owl-carousel .owl-buttons .owl-prev {
	right: 36px;
}
/* CSS for Blog Sidebar End */

/* CSS for Blog content Start */

.content .blog .blog-wrapper li {
	padding: 0 15px;
}
.content .blog-image img {
	width: 100%;
	height: auto;
}
.content .blog-wrapper .owl-buttons > div {
	background: url("../image/sprite.png") no-repeat 0 0;
	height: 20px;
	width: 20px;
	font-size: 0;
	text-indent: -9999px;
}
#blog .right-sidebar-widget .blog-content {
	background: none;
}
.index .blog-content {
	padding-bottom: 0px;
}
.blog .owl-pagination {
	top: 0px !important;
}
.blog-content {
	margin: 10px 0 0;
	padding-bottom: 70px;
}
.blog-name {
	font-size: 16px;
	font-weight: 500;
	text-transform: none;
}
.blog-name h2:hover {
	color: #253993;
}
.content .blog-wrapper .blog-image {
	position: relative;
}
.content .blog-wrapper .blog-imagelink{
	position: relative;
	width: 100%;
	display: block;padding-top: 60%;
	overflow: hidden;
}
.content .blog-wrapper .blog-imagelink img{
	position: absolute;
	width: 100%;height: 100%;
	left: 50%;top: 50%;transform:translate(-50%,-50%);
	object-fit: cover;
	transition: 2.8s;
}
.content .blog-wrapper .blog-content {
	text-align: left;
}
.content .blog-wrapper .blog-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	transition-duration: 500ms;
}
.content .blog-wrapper .item:hover .blog-imagelink img{
	transform: translate(-50%,-50%) scale(1.1);
}
.content .blog-wrapper .item:hover .blog-hover {
	opacity: 1;
	transition-duration: 500ms;
}
.content .blog-wrapper .blog-readmore-outer {
	position: absolute;
	right: 0;
	left: 0;
	top: 45%;
	text-align: center;
	opacity: 0;
	transition-duration: 500ms;
}
.content .blog-wrapper .item:hover .blog-readmore-outer {
	opacity: 1;
	transition-duration: 500ms;
}
.content .blog-wrapper .blog-readmore-outer .blog-readmore {
	padding: 8px 15px;
	color: #fff;
}
.content .blog-wrapper .blog-image .blog-date {
	padding: 7px 15px;
	background: rgba(14, 16, 17, 0.5) none repeat scroll 0 0;
	color: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
}
.blog_img > img {
	max-width: 100%;
}
.blog-comment {
	font-style: italic;
}
.blog-readmore {
    color: #fff;
    background: black;
    padding: 10px 30px;
    margin: 10px 0 0;
	display: inline-block;
	transition: 0.5s;
}
.blog-readmore:hover{
	background: #666;
    color: #fff;
}
.index .blog-desc {
    margin: 20px 0 35px;
    padding: 10px 0;
	border-top: 1px solid #ECECEC;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: calc(2em + 28px);
}
.blog-desc {
	margin: 20px 0;
}
.blog-name > a {
	display: inline-block;
	margin: 22px 0 0;
	overflow: hidden;
	font-size: 26px;
	font-weight: 700;
	text-transform: capitalize;
}
.index .blog-name > a {
	display: inline-block;
	margin: 12px 0 0;
	overflow: hidden;
	font-size: 26px;
	font-weight: 700;
	text-transform: capitalize;
}
.index .blog-name > a {
	font-size: 16px;
	line-height: 24px;
}
.index .blog-date {
	color: #ffffff;
	display: inline-block;
	margin: -42px 0 0;
	padding: 0px 15px;
	position: absolute;
	z-index: 999999;
	font-weight: 400;
	right: 20px;
}
.blog-date {
	color: #848484;
	display: inline-block;
	font-weight: 400;
}
.blog-content .blog-author {
	font-style: italic;
	padding: 0 15px 0 0;
}
.author-avatar {
	float: left;
	margin-right: 20px;
	width: 80px;
}
.comment {
	list-style: outside none none;
	display: inline-block;
}
.author-about {
	display: inline-block;
	margin: 50px 0;
}
.author-name {
	display: inline-block;
	margin-top: 0;
}
.comment-reply {
	float: right;
}
article, .author {
	border-top: 1px solid #e6e6e6;
	margin: 10px 0;
	padding-top: 20px;
	display: inline-block;
}
.comment-title, .author-about-title, #reply-title {
	margin: 0 0 15px;
}
.comment-list {
	margin: 0 0 30px;
}
.comment-avatar {
	float: left;
	margin-right: 20px;
	width: 80px;
}
.right-sidebar-widget .blog-name > a {
	font-size: 18px;
	margin: 15px 0 0;
}
.right-sidebar-widget .latestblog .owl-prev {
	background-position: 0px -114px;
	right: -50px;
	left: auto;
	height: 30px;
	width: 34px;
	opacity: 1;
}
.right-sidebar-widget .latestblog .owl-next {
	background-position: 0px -114px;
	right: -50px;
	left: auto;
	height: 30px;
	width: 34px;
	opacity: 1;
}
/* CSS for Blog content End */


/* CSS for Blog-List Start */
.blog-list-item {
	margin: 0 0 20px;
}
.blog-list-item .blog-list-image img {
	width: 100%;
	height: auto;
}
.blog-list-item .blog-listname h2 {
	margin: 20px 0 10px;
	font-weight: bold;
}
.blog-list-item .blog-listname h2:hover {
	color: #39AAB0;
}
.blog-list-image {
	position: relative;
}
.blog-list-item .blog-list-image .blog-list-date {
	padding: 7px 15px;
	background: rgba(57, 170, 176, 0.5);
	color: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
}
.blog-list-item .blog-list-image .blog-list-readmore {
	position: absolute;
	right: 0;
	left: 0;
	top: 45%;
	text-align: center;
	opacity: 0;
	transition-duration: 500ms;
}
.blog-list-item:hover .blog-list-readmore {
	opacity: 1;
	transition-duration: 500ms;
}
.blog-list-item .blog-list-image .blog-list-readmore .readmore {
	padding: 8px 15px;
	background: #000000;
	color: #fff;
}
.blog-list-item .blog-list-image .bloglist-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	transition-duration: 500ms;
}
.blog-list-item:hover .bloglist-hover {
	opacity: 1;
	transition-duration: 500ms;
}
/* CSS for Blog-List End */

/* CSS for Single-Blog-List Start  */

.singleblog-desc {
	margin: 20px 0;
}
.singleblog-image {
	position: relative
}
.singleblog-image img {
	max-width: 100%;
	height: auto;
}
.singleblog-title {
	margin: 10px 0 0;
	font-weight: 600;
}
.single-blog-share {
	margin: 0 0 10px;
}
.singleblog-date {
	padding: 7px 15px;
	background: rgba(57, 170, 176, 0.5);
	color: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
}
/* CSS for Single-Blog-List End  */

/* CSS for Blog end */

/* CSS for Blog List More Start */
#blogList li {
	display: none;
}
.load-more-wrapper {
	display: inline-block;
    /* text-align:; */
	text-align: center;
	width: 100%;
}
.loadMore, .showLess {
	display: inline-block;
	color: #ffffff;
	background: #39AAB0;
}
.loadMore:hover, .showLess:hover {
	background: #454851;
}
#loadMore, #showLess {
	color: #fff;
	cursor: pointer;
	padding: 6px 15px;
}
.none {
	display: none;
}
.blog-meta > li {
	float: left;
	margin-right: 15px;
	list-style: none;
}
.u-url {
	color: #253993;
	text-transform: capitalize;
}
.blog-meta {
	padding: 0;
	width: 100%;
	display: inline-block;
}
.blog-readmore {
	display: inline-block;
}
.blog-meta li i {
	margin: 0 5px 0 0;
}
input, button, select, textarea {
	border: 0px none;
}
.newslatter input {
	border: 0 none !important;
    padding: 0 24px;
}
.blog_img {
	height: 400px;
	overflow: hidden;
}
.video.blog_img {
	height: auto;
}
video {
	width: 100%;
}
#commentform input {
	width: 385px;
}
#submit {
	background: #253993 none repeat scroll 0 0;
	height: 32px;
	border: none;
	color: #fff;
	width: 100px;
	text-transform: capitalize;
	float: right;
}
#submit:hover {
	background-color: #23282a;
}
#commentform label {
	margin-bottom: 30px;
	vertical-align: top;
	width: 200px;
}
.open > .dropdown-menu {
	padding: 5px;
	background: #ccc;
	color: #666;
}
.dropdown-menu>li>a {
    color: #000;
}
/*   Slder Navigation Arrow    */

.home-slider.owl-carousel {
	border: none;
	box-shadow: none;
	background: none;
	border-radius: 0;
	margin: 0;
}
.home-slider .owl-controls {
	bottom: 15px;
	position: absolute;
	width: 100%;
    display: none !important;
}
.owl-carousel .owl-wrapper-outer {
	border: none;
	box-shadow: none;
	border-radius: 0;
}
.home-slider .owl-pagination {
	top: 60px;
}
.home-slider .owl-buttons {
	bottom: 310px;
	position: relative;
}
.home-slider .owl-prev {
	font-size: 0;
	height: 64px;
	position: absolute;
	width: 80px;
	left: 100px;
}
.home-slider .owl-prev {
	cursor: pointer;
}
.mainbanner .owl-carousel .owl-buttons .owl-prev {
	left: 50px;
}
.mainbanner .owl-carousel .owl-buttons .owl-next {
	right: 50px;
}
.mainbanner .owl-prev {
	background: url("../image/left_arrow.png") no-repeat 0 0;
}
.mainbanner .owl-next {
	background: url("../image/right_arrow.png") no-repeat 0 0;
}
.home-slider .owl-next {
	font-size: 0;
	height: 64px;
	position: absolute;
	width: 80px;
}
.home-slider .owl-next {
	/*cursor:url("../image/right_arrow.png"), auto !important
*/
	cursor: pointer;
}
.home-slider .owl-controls .owl-page {
	padding: 3px;
	border: 2px solid #999;
}
.home-slider .owl-controls .owl-page span {
	background: #999;
	height: 6px;
	width: 6px;
}
.home-slider .owl-controls .owl-page.active span, .home-slider .owl-controls .owl-page span:hover {
	background: #253993;
}
.home-slider .owl-controls .owl-page:hover, .home-slider .owl-controls .owl-page.active {
	border: 2px solid #253993;
}
.home-slider .owl-controls .owl-page.active span {
	cursor: default;
}
.brand-logo.owl-carousel .owl-buttons div {
	background: url("../image/sprite.png") no-repeat 0 0;
	font-size: 0;
	top: 40%;
	height: 34px;
	width: 48px;
}
.brand-logo.owl-carousel .owl-buttons .owl-prev {
	background-position: 0px -54px;
	left: -50px;
}
.brand-logo.owl-carousel .owl-buttons .owl-prev:hover {
	background-position: 0px -111px;
}
.brand-logo.owl-carousel .owl-buttons .owl-next {
	background-position: 0px -169px;
	right: -50px;
}
.brand-logo.owl-carousel .owl-buttons .owl-next:hover {
	background-position: 0px -226px;
}
/*   contact page    */

.contact .contactus-title {
	margin: 0 0 30px 0;
}
.contact .contact-desc {
	margin: 0 0 90px;
}
.complaint, .email, .time {
	text-align: center;
	border-left: 1px solid #b9b9b9;
}
.complaint .tf, .email .tf, .time .tf {
	background: rgba(0, 0, 0, 0) url("../image/about-icon.png") no-repeat scroll center 0;
	padding: 38px 0 0;
}
.email .tf {
	background-position: center -63px;
}
.time .tf {
	background-position: center -123px;
}
.complaint {
	border: 0 none;
}
.forgot {
	display: inline-block;
	margin: 10px 0;
}
.main-form input, .main-form textarea, .leave-form input, .leave-form textarea {
	margin: 0 0 30px;
	padding: 10px;
	width: 100%;
	background-color: #e6e6e6;
	max-width: 100%;
	display: inline-block;
}
.main-form form {
	margin: 60px auto;
}
.main-form {
	margin: 90px 50px 0;
}
.map {
    margin: 100px 50px 0px;
}
/*   contact page end    */




/*about page start*/
.about .container{
	position: relative;
}
.about .container .col-sm-5{
	padding-top: 20.87%;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.about .footer-top-cms .container .col-sm-5{
	padding-top: 0;
}
/* .about .container .col-sm-5 img{
	width: 100%;height: 100%;display: block;
	position: absolute;
	left: 0;top: 0;object-fit: cover;
} */
.aboutus-title {
	font-family: 'Playfair Display', serif;
	font-size: 26px;
	font-weight: 700;
	margin: 0 0 20px 25px;
}
.aboutus-title01{
	margin:50px 0 20px 0;
}
.aboutus-title02{
	margin:0px 0 20px 0;
}
.about .aboutUs .aboutus-desc03{
	font-size: 18px;
	text-indent: 0px;
	line-height: 35px;
	margin: 40px 0 40px 0;
}
.about .aboutUs h1{
	line-height: 50px;
	
}
.about .aboutUs h3{
	line-height: 30px;
	font-size: 20px;
}
.about .team .social .iconfont{
	font-size: 28px;
	line-height: 42px;text-align: center;
}
.about .aboutUs p{
	line-height: 28px;
	font-weight: lighter;
	text-indent: 2em;
}
.about .aboutUs .team p{
	text-indent:0em;
}
.about .text-box{
	padding-top:35.83%;
	position: relative;
}
.about .text-box .well{
	width: 90%;height: 100%;
	position: absolute;
	top: 50%;left:50%;
	transform: translate(-50%,-50%);
	overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient: vertical;
  min-height: calc(12em + 20px);
}
.about .text-box .well h2{
	margin: 15px 0 20px;
}
.about .text-box .well p{
	text-align: start;
	text-indent: 2em;
}

@media only screen and (max-width:767px) and (min-width:100px){
	.about .text-box{
		padding-top:35.83%;
		min-height: 240px;
		margin: 20px 0;
	}
}
.about .container .col-sm-2{
	position: absolute;
	top: 0;left: 0;transform: translateX(-120%);
	text-align: center;
}
.about .container .col-sm-2 .Categories{
	border-right: 2px solid rgba(0, 0, 0, 0.2);
	transition: 0.5s;
}
.about .container .col-sm-2:hover .Categories{
	border-right: 2px solid rgba(0, 0, 0, 0.8);
}
.about .container .col-sm-2 a{
	font-size: 18px;
	line-height: 36px;
	font-weight: lighter;
}
.about .container .columnblock-title{
	font-size: 24px;line-height: 48px;
}
.desc > p {
	line-height: 40px;
	margin: 30px 0 0 0;
	font-size: 18px;
	font-weight: lighter;
}
.desc > h2{
	text-align: end;
}
.social > li {
	display: inline-block;
	list-style: outside none none;
	border-radius: 50%;
	height: 42px;
	width: 42px;
	text-align: center;
	transition: all 1s ease 0s;
}
.social > li:hover {
	background: #000000 none repeat scroll 0 0;
	color: #fff;
}
.social > li:hover a {
	color: #fff;
}
.social li a .fa {
	font-size: 20px;
	padding: 10px;
}
.text-box {
	text-align: center;
}
.text-box .name {
	margin: 27px 0 3px;
}
.deg {
	font-size: 14px;
	font-weight: 400;
	color: #666;
	margin: 0 0 20px;
}
.about .name,.about .deg{
	text-align: center;
}
.about .deg+p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: calc(3em + 42px); 
}

.about .team0 .deg+p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: calc(3em + 20px); 
}
.about .name{
	margin-top: 20px;
}
.about .team0 .name,.about .team0 .deg{
	text-align: start;
}
.about .team0{
	margin:10px 0 40px 0px;
}
.about .team0 .txt-box{
	padding-left: 25px;
}
.team .team-desc, .about-desc {
	margin: 0 0 50px;
}
ul {
	padding: 0;
	margin: 0;
}
.skill ul {
	padding-right: 15px;
}
.skill li {
	list-style: outside none none;
	margin-bottom: 14px;
}
.mission {
	padding: 0 20px;
}
.who-we-are {
	padding-left: 15px;
}
.purchase-title {
	font-size: 26px;
	font-weight: 700;
}
.purchase {
	border: 1px solid #253993;
	padding: 30px;
	text-align: center;
	margin-top: 80px;
}
.purchase a {
	background: #253993 none repeat scroll 0 0;
	color: #ffffff;
	display: inline-block;
	font-weight: 400;
	padding: 10px;
}
.purchase > button {
	background: #253993 none repeat scroll 0 0;
	margin: 10px 0;
}
.work li {
	list-style: outside none none;
	margin-bottom: 47px;
}
.team {
	margin: 0 -30px;
}
.team1, .team2, .team3, .team4 {
	padding: 30px;
}
.team-social {
	position: absolute;
	left: 20px;
	bottom: 45px;
	display: none;
}
.team-social .fa.fa-facebook, .team-social .fa.fa-twitter, .team-social .fa.fa-google-plus, .team-social .fa.fa-linkedin, .team-social .fa.fa-pinterest-p, .team-social .fa.fa-instagram {
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	height: 33px;
	line-height: 33px;
	padding: 0;
	text-align: center;
	width: 33px;
}
.team-social .fa-facebook {
	background: #3c5b9b none repeat scroll 0 0;
	border: 2px solid #3c5b9b;
}
.team-social .fa-facebook:hover {
	background: #fff none repeat scroll 0 0;
	color: #3c5b9b
}
.team-social .fa-twitter {
	background: #359bed none repeat scroll 0 0;
	border: 2px solid #359bed;
}
.team-social .fa-twitter:hover {
	background: #fff none repeat scroll 0 0;
	color: #359bed;
}
.team-social .fa-google-plus {
	background: #e33729 none repeat scroll 0 0;
	border: 2px solid #e33729;
}
.team-social .fa-google-plus:hover {
	background: #fff none repeat scroll 0 0;
	color: #e33729;
}
.team-social .fa-linkedin {
	background: #027ba5 none repeat scroll 0 0;
	border: 2px solid #027ba5;
}
.team-social .fa-linkedin:hover {
	background: #fff none repeat scroll 0 0;
	color: #027ba5;
}
.team-social .fa-pinterest-p {
	background: #cb2027 none repeat scroll 0 0;
	border: 2px solid #cb2027;
}
.team-social .fa-pinterest-p:hover {
	background: #fff none repeat scroll 0 0;
	color: #cb2027;
}
.team-social .fa-instagram {
	background: #3f729b none repeat scroll 0 0;
	border: 2px solid #3f729b;
}
.team-social .fa-instagram:hover {
	background: #fff none repeat scroll 0 0;
	color: #3f729b;
}
.team .img-responsive {
	width: 100%;
	border-radius: 50%;
	display: block;
}
@media only screen and (max-width:767px) and (min-width:100px){
	.team .img-responsive{
		width: 60%;margin: 0 auto;
	}
	.about .team0 .deg+p{

	}
}
#progress1 > h4, #progress2 > h4, #progress3 > h4, #progress4 > h4, #progress5 > h4 {
	color: #313743;
	font-weight: 400;
	margin: 0 0 -45px;
	padding: 15px;
}
div.dioprogress_padding {
	padding: 0;
}
div.dioprogress_size_l {
	height: 45px;
}
.loader {
	position: fixed;
	width: 100%;
	z-index: 99;
	height: 100%;
	background: #fff;
}
.preloader.loader > img {
	height: 200px;
	width: 200px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 40%;

}

.about_culture .about-title{
	color: black;
	line-height: 35px;
	position: relative;
	font-size: 35px;
	margin-bottom: 85px;
}
.about_culture .sub-title{
	text-align: center;
	font-size: 35px;
	color: #000;
	font-weight: lighter;
	margin-bottom: 80px;
}
.about_culture .sub-title span{
	font-size: 40px;
	animation: rotateU 5s infinite;
	display: inline-block;
	transform-origin: 50% 60%;
}
.about_culture .artical-container .text-box{
	font-size: 18px;font-weight: lighter;
	text-align: start;
	line-height: 40px;
	text-indent: 2em;
	padding-right: 50px;
}
.about_culture .img-container{
	padding-top: 28.48%;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}
.about_culture .img-container img{
	position: absolute;
	top: 50%;left:50%;transform: translate(-50%,-50%);
	width: 100%;height: 100%;object-fit: cover;
	display: block;
	animation: scalU 45s infinite linear;
}
@keyframes scalU{
	0%{
		transform: scale(1) rotate(0deg) translate(-50%,-50%);
	}
	50%{
		transform: scale(1.15) rotate(0.3deg) translate(-50%,-50%);
	}
	100%{
		transform: scale(1) rotate(0deg) translate(-50%,-50%);
	}
}
@keyframes rotateU
{
	0%{
		transform: rotate(0deg);
		color: #000;
	}
	50%{
		transform: rotate(180deg);
		color: #999;
	}
	100%{
		transform: rotate(360deg);
		color: #000;
	}
}

/*about page end*/

/*****************new banner*************************/
.banner_full_1_9 .banner_full_bg {
	background: black; }
	.banner_full_1_9 .banner_full_bg .swiper-container {
	  /* height: 100vh; */ }
	  .banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide {
			width: 100%;
			padding-top: 56.25%;
			min-height: 500px;
			position: relative; }
		.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .bg_box {
		  position: absolute;
		  width: 100%;
		  height: 100%;
		  left: 0;
		  top: 0;
		  background: url(../image/banner_full_1_9_bg.jpg) 50% 50%/cover no-repeat; }
		  .banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .bg_box .light_1 {
			display: block;
			width: 10%;
			padding-top: 3.4375%;
			min-width: 95px;
			min-height: 33px;
			position: absolute;
			border-radius: 50%;
			top: 48%;
			right: 35%; }
  
  @keyframes bcg_show {
	0% {
	  opacity: 0.2; }
	48% {
	  opacity: 1; }
	50% {
	  opacity: 0.5; }
	52% {
	  opacity: 1; }
	100% {
	  opacity: 0.2; } }
		  .banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .bg_box .light_1::after, .banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .bg_box .light_2::after {
			content: "";
			transition: 1s;
			position: absolute;
			top: -5px;
			left: -5px;
			right: -5px;
			bottom: -5px;
			/* z-index: -1; */
			background: linear-gradient(90deg, #f441a5, #ffeb3b, #f441a5, #ffeb3b);
			border-radius: 50%;
			background-size: 150%;
			filter: blur(20px);
			opacity: 0;
			transition: 1s; }
		  .banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .bg_box .light_2 {
			display: block;
			width: 3.646%;
			min-width: 33px;
			min-height: 23px;
			padding-top:2.406%;
			position: absolute;
			border-radius: 50%;
			top: 47.5%;
			right: 15.9%;
			transform: rotate(-29deg); }
		.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .content_box {
		  width: 100%;
		  height: 100%; }
		  .banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .content_box .main_box {
			position: absolute;
			top: 30%;
			left: 7%;
			width: 347px; }
			.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .content_box .main_box .title_box {
			  font-size: 40px;
			  font-family: PingFang SC;
			  font-weight: 500;
			  line-height: 32px;
			  color: #FFFFFF; }
			  .banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .content_box .main_box .title_box .spacialise {
				font-size: 250px;
				font-family: Gotham;
				font-weight: bold;
				line-height: 32px;
				color: #FFFFFF;
				letter-spacing: -40px; }
			.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .content_box .main_box .subTitle_box {
			  margin-top: 56px;
			  font-size: 70px;
			  font-family: PingFang SC;
			  font-weight: 500;
			  line-height: 90px;
			  color: #FFFFFF; }
		.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box {
		  position: absolute;
		  top: 50%;
			left: 45%;
			width: 30%;
		  min-width: 180px;
		  min-height: 350px;
		  transform: translate(-50%, -50%);
		  border: 5px solid white;
		  padding-top: 37.059%;
		  z-index: 1;
		  background-position: center top;
			background-size: cover; }
			.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box .container_box{
				position: absolute;
				left: 0;top: 0;width: 100%;height: 100%;
				padding: 40px;
			}
			.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box .inner_box{
				width: 100%;height: 100%;position: relative;
			}
			.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box .top_box{
				
			}
		  .banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box .little_box {
			font-size: 16px;
			font-family: PingFang SC;
			font-weight: 800;
			line-height: 60px;
			color: #FFFFFF; }
		  .banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box .larger_box {
			font-size: 26px;
			font-family: PingFang SC;
			font-weight: 500;
			color: #FFFFFF; }
		  .banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box .artical_box {
			position: absolute;
			bottom: 5%;
			width: 100%;
			}
			.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box .artical_box .title {
			  font-size: 36px;
			  font-family: PingFang SC;
			  font-weight: 100;
			  line-height: 32px;
			  color: #FFFFFF;
			  padding-bottom: 50px; }
			.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box .artical_box .p_desc {
			  font-size: 14px;
			  font-family: PingFang SC;
			  font-weight: 100;
			  line-height: 32px;
			  color: #FFFFFF; }
		.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box::after {
		  content: "";
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  position: absolute;
		  z-index: -1;
		  background-position: center top;
		  background-color: rgba(0, 0, 0, 0.2);
		  backdrop-filter: saturate(180%) blur(6px);
		  -webkit-backdrop-filter: saturate(180%) blur(6px); }
	  .banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide:hover .light_1::after {
		animation: bcg_show 6s linear infinite; }
	  .banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide:hover .light_2::after {
		animation: bcg_show 6s linear infinite; }
	  .banner_full_1_9 .banner_full_bg .swiper-container .swiper-pagination {
		left: 6%;
		bottom: 10%;
		width: unset; }
		.banner_full_1_9 .banner_full_bg .swiper-container .swiper-pagination .swiper-pagination-bullet {
		  width: 12px;
		  height: 12px;
		  border-radius: 50%;
		  border-radius: 50%;
		  border: 1px solid white;
		  opacity: 1; }
		.banner_full_1_9 .banner_full_bg .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
		  background: white; }
	  .banner_full_1_9 .banner_full_bg .swiper-container .swiper_btn {
		position: absolute;
		width: 280px;
		bottom: 10%;
		right: 8%; }
		.banner_full_1_9 .banner_full_bg .swiper-container .swiper_btn .txt {
		  position: relative;
		  z-index: 100;
		  display: inline-block;
		  font-size: 14px;
		  font-family: PingFang SC;
		  font-weight: 300;
		  line-height: 32px;
		  color: #FFFFFF;
		  letter-spacing: 40px; }
		.banner_full_1_9 .banner_full_bg .swiper-container .swiper_btn .swiper-button-prev {
		  background: url(../image/arrow_banner_1_5.svg) 50% 50%/60% no-repeat;
		  transform: rotate(-180deg);
		  left: unset;
		  right: 20%; }
		.banner_full_1_9 .banner_full_bg .swiper-container .swiper_btn .swiper-button-next {
			background: url(../image/arrow_banner_1_5.svg) 50% 50%/60% no-repeat; }
			@media only screen and (max-width:1470px) and (min-width:100px){
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box{
					left: 60%;
					/* width: 450px;
					padding: 45px 45px 45px; */
				}
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box .artical_box .title{
					font-size: 22px;
					padding-bottom: 20px;
				}
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box .artical_box .p_desc{
					font-size: 12px;
				}
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box .larger_box{
					font-size: 18px;
				}
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box .little_box{
					font-size: 12px;
				}
			}
			@media only screen and (max-width:1210px) and (min-width:100px){
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .bg_box .light_2{
					width: 33px;
					height: 23px;
				}
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .bg_box .light_1{
					width: 95px;
					height: 33px;
				}
			}
			@media only screen and (max-width:1110px) and (min-width:100px){
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box .container_box{
					padding: 15px;
				}
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .content_box .main_box .title_box{
					font-size: 25px;
				}
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .content_box .main_box .title_box .spacialise{
					font-size: 125px;letter-spacing: -15px;
				}
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .content_box .main_box .subTitle_box{
					font-size: 35px;line-height: 45px;
				}
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box .artical_box .p_desc{
					line-height: 16px;
				}
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box .artical_box .title{
					font-size: 16px;
				}
				
			}
			@media only screen and (max-width:870px) and (min-width:100px){
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .bg_box .light_1{
					right: 50%;
					transform: translateX(140%);
				}
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .bg_box .light_2{
					right: 50%;
					transform: translateX(300px);
				}
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-slide .front_box{
					display: none;
				}
			}
			@media only screen and (max-width:500px) and (min-width:100px){
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper_btn .txt{
					letter-spacing:18px;
				}
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper_btn{
					width: 147px;
					bottom: 5%;
				}
				.banner_full_1_9 .banner_full_bg .swiper-container .swiper-pagination{
					bottom: 5%;
				}
				
			}
  /***********************************************************timeline stylesheet***********************************************************/
  @import url('https://fonts.googleapis.com/css?family=Nunito:300,400,700');

/* _variables.css */

/* _mixins.css */

/* _global.css */
* {
  box-sizing: border-box;
}

body {
	font-family: 'Nunito', sans-serif;}

img {
  max-width: 100%;
  height: auto;
}

/* _site-header.css */
.site-header {
  text-align: center;
  padding: 40px 0;

}
.site-header__title {
  font-size: 36px;
  color: #fff;
}

/* _wrapper.css */
.wrapper {
  padding-left: 18px;
  padding-right: 18px;
  max-width: 1236px;
  margin-left: auto;
  margin-right: auto;
}


/* _timeline.css */
.timeline {
  position: relative;
  margin: 30px auto;
  padding: 60px 0;

}
.timeline::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  width: 4px;
  height: 100%;
  background-color: #ccc;
}
@media (min-width: 800px){
  .timeline::before{
    left: 50%;
    margin-left: -2px;
  }
}
.timeline__item {
  margin-bottom: 100px;
  position: relative;
}
.timeline__item::after{
  content: "";
  clear: both;
  display: table;
}
.timeline__item:nth-child(2n) .timeline__item__content {
  float: right;
}
.timeline__item:nth-child(2n) .timeline__item__content::before {
  content: '';
  right: 40%;
}
@media (min-width: 800px){
  .timeline__item:nth-child(2n) .timeline__item__content::before{
    left: inherit;
  }
}
.timeline__item:nth-child(2n) .timeline__item__content__date {
  background-color: #4d4d4d;
}
.timeline__item:nth-child(2n) .timeline__item__content__description {
  color: #4d4d4d;
}
.timeline__item:last-child {
  margin-bottom: 0;
}
.timeline__item-bg {
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
  color: #fff;
}
.timeline__item-bg:nth-child(2n) .timeline__item__station {
  background-color:#808080;
}
.timeline__item-bg:nth-child(2n) .timeline__item__content {
  background-color: #4D4D4D;
}
.timeline__item-bg:nth-child(2n) .timeline__item__content::before {
  background-color: #808080;
}
.timeline__item-bg:nth-child(2n) .timeline__item__content__description {
  color: #fff;
}
.timeline__item-bg .timeline__item__station {
  background-color: #666;
}
.timeline__item-bg .timeline__item__content {
  background-color: #333;
}
.timeline__item-bg .timeline__item__content::before {
  background-color: #666;
}
.timeline__item-bg .timeline__item__content__description {
  color: #fff;
}
.timeline__item__station {
  background-color: #eee;
  width: 40px;
  height: 40px;
  position: absolute;
  border-radius: 50%;
  padding: 10px;
  top: 0;
  left: 10%;
  margin-left: -33px;
  border: 4px solid #ccc;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
@media (min-width: 800px){
  .timeline__item__station{
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 60px;
    padding: 15px;
    border-width: 6px;
  }
}
.timeline__item__content {
  width: 80%;
  background: #fff;
	border: 1px solid #e6e6e6;
  padding: 20px 30px;
  border-radius: 6px;
  float: right;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
@media (min-width: 800px){
  .timeline__item__content{
    width: 40%;
    float: inherit;
    padding: 30px 40px;
  }
}
.timeline__item__content::before {
  content: '';
  position: absolute;
  left: 10%;
  background: #ccc;
  top: 20px;
  width: 10%;
  height: 4px;
  z-index: -1;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
@media (min-width: 800px){
  .timeline__item__content::before{
    left: 40%;
    top: 30px;
    height: 4px;
    margin-top: -2px;
  }
}
.timeline__item__content__date {
  margin: 0;
  padding: 8px 12px;
  font-size: 15px;
  margin-bottom: 10px;
  background-color: #333;
  color: #fff;
  display: inline-block;
  border-radius: 4px;
  border: 2px solid #fff;
}
.timeline__item__content__description {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  color: #333;
}
@media (min-width: 800px){
  .timeline__item__content__description{
    font-size: 19px;
    line-height: 28px;
  }
}

/* _site-footer.css */
.site-footer {
  padding: 50px 0 200px 0;

}
.site-footer__text {
  color: #e6e6e6;
  font-size: 14px;
  text-align: center;
}
.site-footer__text__link {
  color: #8287a9;
}
.copy .copyright h2{
	text-align: center;
	font-size: 45px;
	font-weight: lighter;
	margin-bottom: 50px;
}
.copy .copyright .main_txt{
	margin-top: 40px;
	margin-bottom:70px;
	text-indent: 2em;
	
}
.copy .copyright .main_txt,.copy .copyright .stauts_box,.copy .copyright .date_box{
	font-size: 18px;
	line-height: 36px;
}
.copy .copyright .date_box{
	text-align: end;
	margin-top: 50px;
}
/************************************************加载动画***********************************/

			.loading{width:100%; height: 100%;position: fixed;top:0;left: 0;z-index: 100;background: #ffffff;}
            .loading .pic{
            width: 64px;
            height: 64px;
            /* background: url(images/loading.gif); */
            position: absolute;
            top: 0;
            bottom: 0;
            left:0;
            right:0;
            margin: auto}
 
            .loading .pic i{
                display: block;
                float: left;
                width: 6px;
                height: 50px;
                background: #000;
                margin: 0 2px;
                transform: scaleY(0.4);
                animation: load 1.2s infinite;
            }
            .loading .pic i:nth-child(1){animation-delay:0.1s }
            .loading .pic i:nth-child(2){animation-delay:0.2s }
            .loading .pic i:nth-child(3){animation-delay:0.3s }
            .loading .pic i:nth-child(4){animation-delay: 0.4s}
            .loading .pic i:nth-child(5){animation-delay:0.5s }
 
            @keyframes load{
                0%,40%,100%{transform: scaleY(0.4)}
                20%{transform:scaleY(1) }
						}
						
.form_box {
	max-width: 1200px;
	padding: 6.25% 0;
	min-width: 480px;
	margin: 0 auto;
	width: 90%;
	z-index: 10;
	transition: all 0.5s;
}
.form_box h4{
	font-size: 35px;
	text-align: center;
}
.form_box.hide {
	bottom: -500px;
}

.form_box .close_btn {
	position: absolute;
	top: 20px;
	right: 30px;
	width: 14px;
	height: 14px;
	cursor: pointer;
}

.form_box h3 p {
	font-size: 14px;
	color: #fff;
	padding-top: 15px;
}

.form_box form {
	display: block;
}

.form_box form .input_box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 3%;
}

@media only screen and (min-width: 100px) and (max-width: 640px) {
	.form_box {
		padding: 14% 0;
	}
	.form_box form .input_box {
		padding-top: 30px;
	}
}

.form_box form .input_box .input_wrap {
	width: 49%;
	margin-top: 17px;
	margin: 17px 0 0 0;
	position: relative;
}

.form_box form .input_box .input_wrap input {
	width: 100%;
	line-height: 52px;
	height: 52px;
	background: #fff;
	padding: 0 14px;
	font-size: 14px;
	border: 0;
	box-shadow:0px 0px 20px 4px rgba(0,0,0,0.1);
	text-align: start;
}

.form_box form .input_box .input_wrap:nth-child(5) {
	width: 100%;
}

.form_box form .input_box .input_wrap textarea {
	width: 100%;
	height: 148px;
	border: none;
	padding: 14px;
	box-shadow:0px 0px 20px 4px rgba(0,0,0,0.1);
}

.form_box form .input_box .input_wrap span {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 20px;
	width: 100%;
	background: #fff;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*border: 1px solid red;*/
	color: red;
	display: none;
	font-size: 14px;
}

.form_box form .input_box .sub_btn {
	color: #3D3D3D;
	text-align: center;
	line-height: 58px;
	display: block;
	cursor: pointer;
	transition: all 3s;
	margin-top: 17px;
	font-size: 14px;
	margin: 40px auto 0;
	width: 160px;
	height: 58px;
	background: #D8D8D8;
	border-radius: 3px;
	transition: all 0.36s;
	
}

.form_box form .input_box .sub_btn:hover{
	background: #8d8d8d;
	color:#fff;
}