@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
@import url(https://fonts.googleapis.com/css?family=Khand:400,500,600,300);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url('https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700,800');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ephesis&family=Marck+Script&display=swap');


body {height: 100%;background: #fff;font-family: 'Montserrat', sans-serif;font-size: 13px;position: relative;/* padding-bottom: 50px; */}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {margin-left: 0;}

content {position: relative;}
:focus {outline: none;}
/* -webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in; */


/* -------------------------------------------------------------------------------------*/
/* 		HEADER																			*/
/* -------------------------------------------------------------------------------------*/
header {margin-bottom: 25px;}
.home-page header {margin-bottom: 0;}
.inner-page header {margin-bottom: 0;}
.header-top {height: 39px; position: relative;}
.header-top:before {content: ''; position: absolute; bottom: 0; right: 0; height: 1px; background: #e6e6e6; width: 80%;}
.top {height: 39px;position: relative;/* background: #ececec; */}
ul.topmenu {padding-top: 0;float: right;}
ul.topmenu > li {float: left;height: 38px;line-height: 38px;position: relative;font-size: 11px;}
ul.topmenu > li.menu-social-icons {font-size: 0; }
ul.topmenu > li:hover {background: #f9f9f9;}
ul.topmenu > li:hover:before, ul.topmenu > li:hover + li:before {display: none;}
ul.topmenu > li > a {display: block;height: 100%;color: #8c8c8c;padding: 0 11px;text-decoration: none;}
ul.topmenu > li > a > span {display: block; float: left; height: 38px; line-height: 38px; margin-right: 5px;}
ul.topmenu > li > a > span:before {font-size: 18px;}
ul.topmenu > li:before {content: ''; position: absolute; width: 1px; height: 16px; background: #c3c3c3; top: 11px; left: 0;}
ul.topmenu > li:first-child:before {display: none;}
ul.topmenu > li > a > i {}
ul.topmenu > li > a > i:before {font-size: 15px; }
ul.topmenu > li > ul {
	position: absolute;
	left: 0;
	background: #fff;
	top: 38px;
	border-radius: 5px;
	width: 150px;
	z-index: 99999;
	overflow: hidden;
	display: none;
	-webkit-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
}
ul.topmenu > li > ul:before {content: ''; position: absolute; left: 20px; top: -6px;
	border-style: solid; border-width: 0 5px 6px 5px; border-color: transparent transparent #fff transparent;}
ul.topmenu > li > ul > li {/* height: 25px; */line-height: 16px;}
ul.topmenu > li > ul > li:hover {background: #e4e4e4;}
ul.topmenu > li > ul > li > a {display: block;height: 100%;padding: 10px 10px;color: #a3a3a3; text-decoration: none; }
ul.topmenu > li:hover > ul {display: block;}
ul.topmenu > li > ul > li:hover > a {color: #000;}

ul.top-member-menu {float: right;}
ul.top-member-menu > li {float: left; height: 50px; line-height: 50px; font-size: 11px;}
ul.top-member-menu > li > a { display: block; height: 100%; color: #a3a3a3; text-decoration: none;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;}
ul.top-member-menu > li > a:hover { color: #036ba6; cursor: pointer;}
ul.top-member-menu > li i {display: block; height: 50px; line-height: 50px; margin-right: 3px; float: left;}
ul.top-member-menu > li + li  {margin-left: 10px;}
ul.top-member-menu > li i:before {font-size: 15px;}

.cargo-information-text {height: 38px; line-height: 38px; text-align: right; }
.cargo-information-text b {color: #f2933d;}
.cargo-information-text i {display: block; float: left; height: 38px; margin-right: 20px; color: #f2933d;}
.cargo-information-text i:before {font-size: 25px;}

.cargo-info {height: 38px; line-height: 38px; display: inline-block;}

.header-bottom {height: 105px;background: #fff;}
.header {position: relative;height: 105px;}
.logo {height: 105px;line-height: 105px; position: relative;}
.logo a {}
.logo img {position: absolute; left: 0; height: 80px; top: -10px;}

.header-search-area {height: 105px;position: relative;padding: 30px 0;padding-right: 10%;margin-left: -5%;}
.header-search-form {
	height: 46px;
	position: relative;
	border: 1px solid #c8c8c8;
	border-radius: 30px;
}
.header-search-form form {width: 100%; height: 100%;}
.header-search-form input {
	height: 100%;
	border: none;
	background: none;
	width: 100%;
	padding: 0 70px 0 55px;
	font-size: 16px;
	/* border-right: none; */
	box-shadow: none;
	border-radius: 0;
	font-weight: 300;
}
.header-search-form button {
	width: 70px;
	height: 36px;
	border-radius: 20px;
	background: #e9e9e9;
	color: #999;
	box-shadow: none;
	border: none;
	position: absolute;
	right: 4px;
	top: 4px;
	transition: all 100ms ease-in;
}
.header-search-form i {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	line-height: 44px;
	width: 55px;
	text-align: center;
	color: #adadad;
}
.header-search-form i:before {
	font-size: 20px;
}
.header-search-form button:hover {background: #d4d4d4;/* color: #c8c8c8; */}

.header-right {height: 105px;position: relative;padding: 25px 0 0 0;}
ul.header-social {float: left; }
ul.header-social li {height: 40px; width: 40px; text-align: center; float: left; margin-right: 5px; line-height: 40px; background: #c8c8c8;}
ul.header-social li a {display: block; height: 100%; text-decoration: none; color: #fff;}
ul.header-social li i {}
ul.header-social li i:before {}
ul.header-social li.hs-sahibinden {background: url('../img/icons/s-logo-.png') no-repeat; }
ul.header-social li.hs-sahibinden:hover {background: url('../img/icons/s-logo.png') no-repeat; }
ul.header-social li.hs-facebook:hover {background: #2561ea; }
ul.header-social li.hs-instagram:hover {background: #45a5ef; }
ul.header-social li.hs-twitter:hover {background: #57bbfb; }

.header-member-area {height: 80px;padding: 0 0 0 0;/* margin-right: -40px; */width: 60%;float: left;}
.header-member-area:hover + .header-shopping-cart:before {display: none;}
.header-member-area > ul {}
.header-member-area > ul > li {
	/* width: 50%; */
	height: 55px;
	/* background: #f08201; */
	/* float: left; */
	line-height: 55px;
	position: relative;
	transition: all 50ms ease-in;
	border-radius: 20px 20px 0 0;
}
.header-member-area > ul > li:hover {background: #f08201;}
.header-member-area > ul > li:hover a {color: #fff;}
.header-member-area > ul > li + li {border-left: 1px solid rgba(0,0,0,0.1);}
.header-member-area > ul > li > a {display: block;text-decoration: none;height: 100%;color: #000;padding: 0 0 0 15px;position: relative;transition: all 50ms ease-in;}
.header-member-area > ul > li > a > i {display: block;float: left;height: 55px;line-height: 55px;margin-right: 5px;}
.header-member-area > ul > li > a > b {display: block; height: 55px; line-height: 55px; float: left; font-weight: 500; margin-right: 5px;}
.header-member-area > ul > li > a > i:last-child {margin: 0;}
.header-member-area > ul > li > a > i:before {font-size: 20px;}
.header-member-area > ul > li ul {position: absolute;left: 0;top: 56px;background: #f08201;width: 180px;z-index: 999;display: none; border-radius: 0 20px 20px 20px; overflow: hidden;}
.header-member-area > ul > li ul li {height: 44px; line-height: 44px; border-top: 1px solid rgba(0,0,0,0.1);
	transition: all 50ms ease-in;}
.header-member-area > ul > li ul li a {display: block; height: 100%; color: #fff; text-decoration: none; padding: 0 0 0 15px;}
.header-member-area > ul > li ul li i {display: block; height: 44px; line-height: 44px; float: left; margin-right: 6px;}
.header-member-area > ul > li ul li i:before {font-size: 16px;}
.header-member-area > ul > li ul li:hover {background: #b75d21;}
.header-member-area > ul > li:hover ul {display: block;}

.header-shopping-cart {
	width: 40%;
	height: 55px;
	background: #ffffff;
	/* position: absolute; */
	/* right: 0; */
	/* top: 5px; */
	border-radius: 0;
	float: left;
	/* background: #c90909; */
	position: relative;
	transition: all 50ms ease-in;
}
.header-shopping-cart:before {
	content: '';
	position: absolute;
	top: 11px;
	left: 0;
	width: 1px;
	height: 33px;
	background: #dbdbdb;
}
.header-shopping-cart a {display: block;height: 100%;padding-top: 0;color: #000;text-decoration: none;
	transition: all 50ms ease-in;}
.header-shopping-cart b {display: block;text-align: center;width: 40%;height: 55px;line-height: 55px;float: left;font-weight: 400;font-size: 13px;}
.header-shopping-cart i {display: block;height: 55px;line-height: 55px;/* float: left; *//* padding: 0 20px; */}
.header-shopping-cart i:before {
	font-size: 25px;
}
.header-shopping-cart p {
	width: 60%;
	height: 53px;
	float: left;
	padding-top: 10px;
}
.header-shopping-cart span {display: block;/* text-align: center; */}
.header-shopping-cart:hover {background: #ececec;}
.header-shopping-cart:hover:before {display: none;}
.header-shopping-cart:hover a {}


/* Mobile Menu */

.m-block {display: none;}
.m-close {display: block;}

.m-logo {display: none;height:  75px;line-height: 75px;text-align: center;background: #2b2523;margin: 1px 0;}
.m-logo a {
	display: block;
	height: 100%;
}
.m-logo img {}

.mobile-top {height: auto;min-height: 45px;/* background: #2b2523; */display: none;}

.mobile-menu-area {}
.mobile-menu-button {height: 45px;line-height: 45px;position: absolute;width: 15%;left: 0;top: 0;display: none;background: #ffffff;}
.mobile-menu-button i {display: block;height: 45px;line-height: 50px;text-align: center;color: #2b2523;}
.mobile-menu-button i:before {font-size: 30px;}

.mobile-menu {padding: 45px 0 0 0;overflow: hidden;display: none;background: #2b2523;}
.mobile-menu > ul {
	/* position: absolute; */
	/* z-index: 99999; */
	width: 100%;
	/* background: #51a1d8; */
}
.mobile-menu ul li {
	height: auto;
	font-size: 14px;
	border-top: 1px solid rgba(255,255,255,0.1);
	position: relative;
	-webkit-transition: all 50ms ease-in;
	-moz-transition: all 50ms ease-in;
	-ms-transition: all 50ms ease-in;
	-o-transition: all 50ms ease-in;
	transition: all 50ms ease-in;
}
.mobile-menu > ul > li:last-child {border-bottom: 1px solid #fff; }
.mobile-menu ul li a {display: block;height: 100%;padding: 8px 15px;color: #fff;}
.mobile-menu ul li i {margin-right: 10px;}
.mobile-menu ul li i:before {font-size: 15px;}
.mobile-menu ul li span {position: absolute; right: 0; top: 0; width: 40px; height: 33px; line-height: 33px; text-align: center; z-index: 9999;}
.mobile-menu ul li span:before {font-size: 20px;}
.mobile-menu ul li.active span {transform: rotate(90deg);}
.mobile-menu ul li li {display: none; font-size: 12px;}
.mobile-menu ul li li a {padding-left: 30px;}
.mobile-menu ul li.active li {display: block;}
.mobile-menu.active {display: block;}
.mobile-menu ul li.has-dropdown {position: relative;}
.mobile-menu ul li.has-dropdown:before {content: ''; position: absolute; width: 14px; height: 1px; background: #fff; right: 10px; top: 16px;}
.mobile-menu ul li.has-dropdown:after {content: ''; position: absolute; width: 1px; height: 14px; background: #fff; right: 16px; top: 10px;}
.mobile-menu ul li.has-dropdown.active:after {display: none;}

.mobile-menu ul li li span {display: none;}
.mobile-menu ul li li ul {display: none;}

span.menu-text {position: absolute; height: 40px; line-height: 40px; color: #fff; top: 7px; left: 45px; display: none;}

a.fast-button {position: absolute; top: 3px; right: 0; height: 45px; line-height: 45px; color: #fff; background: #2b2523; text-decoration: none; padding-right: 12px;}
a.fast-button i {display: block; float: left; padding: 0 12px; height: 45px; line-height: 45px; font-size: 35px;}

ul.mobile-topmenu {display: none;position: absolute;top: 0;right: 0;width: 85%;}
ul.mobile-topmenu li {float: left;height: 45px;width: 14%;background: #dbdbdb;}
ul.mobile-topmenu li a {display: block; height: 100%; text-decoration: none; color: #fff;}
ul.mobile-topmenu li i {display: block; text-align: center; height: 45px; line-height: 45px;}
ul.mobile-topmenu li i:before {font-size: 18px;}
ul.mobile-topmenu li i img {max-width: 30px; margin-top: -4px}

ul.mobile-topmenu li:nth-child(1) {background: #696362;width: 36%;line-height: 45px;font-size: 11px;}
ul.mobile-topmenu li:nth-child(2) {background: #5a5250;width: 36%;line-height: 45px;font-size: 11px;}
ul.mobile-topmenu li:nth-child(3) {background: #443d3b;}
ul.mobile-topmenu li:nth-child(4) {background: #2b2523;}
ul.mobile-topmenu li:nth-child(5) {background: #005387;}
ul.mobile-topmenu li:nth-child(6) {background: #86ca97;}

ul.mobile-topmenu li:nth-child(1) i {float: left; padding: 0 10px}
ul.mobile-topmenu li:nth-child(2) i {float: left; padding: 0 10px}

span.header-button {position: absolute; right: 0; top: 3px; height: 40px; line-height: 40px; background: #f39631; border-radius: 20px }
span.header-button a {display: block; height: 100%; text-decoration: none; padding: 0 25px; color: #fff; }

/* -------------------------------------------------------------------------------------*/
/* 		SECTION																			*/
/* -------------------------------------------------------------------------------------*/
section {
	position: relative;
	margin-bottom: 30px;
}

.inner-page section {padding-top: 60px;}

.breadcrumb-area {overflow: hidden;}
.breadcrumb-area ul {}
.breadcrumb-area ul li {float: left; font-size: 12px;}
.breadcrumb-area ul li a {color: #8a8a8a; padding: 0 5px;}
.breadcrumb-area ul li:after {content: '/'; color: #8a8a8a;}
.breadcrumb-area ul li:last-child:after {display: none;}
.breadcrumb-area ul li:first-child a {padding-left: 0;}

.leftside {
	margin-top: 20px;
}

.left-cat-title {margin-bottom: 10px;}
.left-cat-title h3 {font-family: 'DM Serif Text', sans-serif;font-size: 25px;font-weight: 400; display: inline-block; padding: 0 140px 10px 0;
	border-bottom: 1px solid #dbdbdb;}
.left-cat-title p{margin-top: 15px;}


.leftside ul.left-cat-menu {    border: 1px solid #dbdbdb}

ul.left-cat-menu {margin-bottom: 15px; position: relative;}
ul.left-cat-menu > li {
	height: 50px;
	background: #fff;
	line-height: 50px;
	position: relative;
	-webkit-transition: all 50ms ease-in;
	-moz-transition: all 50ms ease-in;
	-ms-transition: all 50ms ease-in;
	-o-transition: all 50ms ease-in;
	transition: all 50ms ease-in;
	font-size: 16px;
}
ul.left-cat-menu > li > a:before {content: ''; position: absolute; left: 0; top: 0; width: 0px; height: 50px; background: #2b2523;
	-webkit-transition: all 150ms ease-in;
	-moz-transition: all 150ms ease-in;
	-ms-transition: all 150ms ease-in;
	-o-transition: all 150ms ease-in;
	transition: all 150ms ease-in;}
ul.left-cat-menu > li + li {margin-top: 2px;}
ul.left-cat-menu > li > a {display: block;height: 100%;text-decoration: none;color: #000;padding: 0 50px;position: relative;overflow: hidden;}
ul.left-cat-menu > li > a > i {display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; position: absolute; left: 0; top: 0;}
ul.left-cat-menu > li > a > i:before {font-size: 20px;}
ul.left-cat-menu > li > a > span {display: block; position: absolute; height: 50px; line-height: 50px; right: 15px; top: 0; color: #c8c8c8; font-size: 18px;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;}
ul.left-cat-menu > li:hover {background: #;}
/* ul.left-cat-menu > li:hover > a:before, ul.left-cat-menu > li.active > a:before {width: 40px;} */
ul.left-cat-menu > li:hover > a > span, ul.left-cat-menu > li.active > a > span {right: 10px;}
ul.left-cat-menu > li:hover {background: #2b2523;}
ul.left-cat-menu > li:hover > a > span {display: none;}
ul.left-cat-menu > li:hover > a  {color: #fff;}

ul.left-cat-menu > li > ul {
	position: absolute;
	width: 150%;
	min-height: 125px;
	height: auto;
	background: #f0efef;
	left: 100%;
	top: 0;
	z-index: 99999;
	display: none;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 100ms ease-in;
}
ul.left-cat-menu > li > ul > li {
	height: 50px;
	line-height: 50px;
	position: relative;
	-webkit-transition: all 50ms ease-in;
	-moz-transition: all 50ms ease-in;
	-ms-transition: all 50ms ease-in;
	-o-transition: all 50ms ease-in;
	transition: all 50ms ease-in;
	background: #ffffff;
}
ul.left-cat-menu > li > ul > li:hover {background: #797979;}
ul.left-cat-menu > li > ul > li:hover a {color: #fff;}
ul.left-cat-menu > li > ul > li + li {margin-top: 2px;}
ul.left-cat-menu > li > ul > li a {display: block;height: 100%;text-decoration: none;color: #000;padding: 0 50px;position: relative;overflow: hidden;}
ul.left-cat-menu > li > ul > li i {display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; position: absolute; left: 0; top: 0;}
ul.left-cat-menu > li > ul > li i:before {font-size: 20px;}
ul.left-cat-menu > li > ul > span {
	position: absolute;
	right: 20px;
	bottom: 10px;
	opacity: 0.1;
	-ms-transform: rotate(15deg); /* IE 9 */
	-webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
	transform: rotate(15deg);
}
ul.left-cat-menu > li > ul > li > h5 {font-weight: 600;font-size: 14px;color: #fff;padding-bottom: 7px;margin-bottom: 7px;border-bottom: 1px solid #fff;}
ul.left-cat-menu > li > ul > span:before {font-size: 140px; display: none; }
ul.left-cat-menu > li:hover > ul  { display: block;}

ul.left-cat-menu > li:first-child > ul {}

.left-catalog {height: 125px;margin: 15px 0;padding: 10px 20px;background: #fff;border: 1px solid #dbdbdb;}
.left-catalog > a {display: block;  text-decoration: none; border-bottom: 1px solid #a3a3a3; height: 75px; color: #181818;}
.left-catalog > a > i {display: block; float: left; margin-right: 10px; height: 75px; line-height: 75px;}
.left-catalog > a > i img {}
.left-catalog > a > h4 {font-weight: 600; font-size: 15px; padding-top: 20px;}
.left-catalog > a > h4 > b {display: block; font-weight: 400; font-size: 18px; padding-bottom: 3px;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;}
.left-catalog > p {padding-top: 10px; font-size: 12px; color: #a3a3a3;}
.left-catalog > p > i {}
.left-catalog > p > i:before {font-size: 16px;}
.left-catalog > p > a {color: #a3a3a3; text-decoration: underline;}
.left-catalog > p > a:hover {color: #036ba6;}
.left-catalog > a:hover > h4 > b {font-size: 20px; color: #036ba6;}

.main-livechat-box {width: 250px; height: 400px;background: #fff;padding: 15px 20px;margin-bottom: 15px;position: fixed;z-index: 999999;right: 20px;bottom: 0;
	-webkit-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;-ms-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;transition: all 200ms ease-in;}
.main-livechat-box:hover {right: 20px;}
.main-livechat-box > a {display: block;  text-decoration: none; border-bottom: 1px solid #a3a3a3; height: 75px; color: #181818; padding-bottom: 10px;}
.main-livechat-box > a > i {display: block; float: left; margin-right: 10px; }
.main-livechat-box > a > i img {}
.main-livechat-box > a > span {display: block; float: left; height: 65px; padding-top: 15px;}
.main-livechat-box > a > span > h5 {font-weight: 300; font-size: 13px; padding-left: 13px; position: relative; padding-bottom: 5px; color: #c3c3c3;}
.main-livechat-box > a > span > h5:before {content: ''; position: absolute; width: 9px; height: 9px; background: #f0833a; left: 0; top: 3px;}
.main-livechat-box > a > span > h4 {font-size: 17px;}
.main-livechat-box > p {padding-top: 10px; font-size: 12px; color: #a3a3a3; margin-bottom: 10px;}
.main-livechat-box > p > i {}
.main-livechat-box > p > i:before {}
.main-livechat-box > p > a {color: #a3a3a3; text-decoration: underline;}
.main-livechat-box > p > a:hover {color: #036ba6;}

span.close-livechat {position: absolute; width: 24px; height: 24px; line-height: 24px; text-align: center; background: #54565b; right: 20px; top: 20px;
	color: #fff; font-size: 16px;}
span.close-livechat:hover {cursor: pointer;}

.main-livechat-box.no-display {height: 85px; overflow: hidden;}
.main-livechat-box.no-display span.close-livechat {display: none;}

ul.livechat-form {}
ul.livechat-form li {width: 100%; height: 30px; margin-bottom: 5px; position: relative;}
ul.livechat-form li input {width: 100%; height: 100%; border: 1px solid #dbdbdb; padding: 0 10px 0 30px; font-size: 12px;}
ul.livechat-form li i {position: absolute; top: 0; left: 0; height: 30px; line-height: 30px; width: 30px; text-align: center; color: #989898;}
ul.livechat-form li i:before {font-size: 15px}
ul.livechat-form li.livechat-textarea {height: 70px;}
ul.livechat-form li textarea {width: 100%; height: 100%; max-height: 100%; max-width: 100%; border: 1px solid #dbdbdb; padding: 5px 10px 10px 30px; font-size: 12px; }
ul.livechat-form li button {width: 100%; height: 30px; border: none; background: #86ca97; box-shadow: none; border-radius: 0; color: #fff;}
ul.livechat-form li button:hover {background: #dc7e00;}

.left-call-box {height: 125px; margin-bottom: 15px; padding: 10px 20px; background: #fff;}
.left-call-box > a {display: block;  text-decoration: none; border-bottom: 1px solid #a3a3a3; height: 75px; color: #181818;}
.left-call-box > a > i {display: block; float: left; margin-right: 10px; height: 75px; line-height: 75px;}
.left-call-box > a > i img {
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
}
.left-call-box > a > h4 {font-weight: 600;font-size: 20px;padding-top: 5px;}
.left-call-box > a > h4 > b {display: block; font-weight: 400; font-size: 14px; padding-bottom: 5px;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;}
.left-call-box > p {padding-top: 10px; font-size: 12px; color: #a3a3a3;}
.left-call-box > p > i { margin-right: 5px;}
.left-call-box > p > i:before {}
.left-call-box > p > a {color: #a3a3a3; text-decoration: underline;}
.left-call-box > p > a:hover {color: #036ba6;}
.left-call-box > a:hover > i img.hvr-buzz {
	-webkit-animation-name: hvr-buzz;
	animation-name: hvr-buzz;
	-webkit-animation-duration: 0.15s;
	animation-duration: 0.15s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}

.left-fb-box {margin-bottom: 15px;display: none;}

.left-offer {height: 140px;background: #fff;margin-bottom: 15px;border: 1px solid #dbdbdb;}
.left-offer > a {display: block; height: 100%;  padding: 15px 20px; color: #181818; text-decoration: none;}
.left-offer > a > i {display: block; float: left; margin-right: 10px; height: 110px; line-height: 110px;}
.left-offer > a > i img {
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
}
.left-offer > a > span {display: block; height: 110px; }
.left-offer > a > span > h4 {font-size: 16px; padding: 10px 0 7px 0;}
.left-offer > a > span > h4 > i {}
.left-offer > a > span > h4 > i:before {}
.left-offer > a > span > p { line-height: 17px; color: #a3a3a3;}
.left-offer:hover > a > i img { -ms-transform: rotate(7deg);  -webkit-transform: rotate(7deg);  transform: rotate(7deg);}

.left-fb-video {margin-bottom: 15px;}
.left-fb-video iframe {width: 100% !Important; height: 200px !Important;}

.main-references-area {height: 110px; background: #fff; position: relative; margin-bottom: 15px;}
.main-references-area:before {content: ''; position: absolute; width: 100%; height: 37px; bottom: -37px; left: 0;
	background: url('../img/bg/shadow.png') no-repeat;}
.main-references-area > a {
	position: absolute;
	bottom: 5px;
	left: 5px;
	font-weight: 400;
	padding: 3px 9px;
	font-size: 9px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	z-index: 99999;
}

.main-references-area li {height: 110px; line-height: 110px; text-align: center;}
.main-references-area li img {display: inline; max-width: 60%; max-height: 80%;}

.left-subscribe-box {height: 80px;background: #fff;border: 1px solid #dbdbdb;}
.left-subscribe-box > a {display: block; height: 100%;  padding: 0 20px; color: #181818; text-decoration: none;}
.left-subscribe-box > a > i {display: block; float: left; margin-right: 10px; height: 80px; line-height: 80px;}
.left-subscribe-box > a > i img {
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in; }
.left-subscribe-box > a > span {display: block; height: 80px; padding-top: 25px;}
.left-subscribe-box > a > span > h4 {font-size: 16px; }
.left-subscribe-box > a > span > h4 > i {}
.left-subscribe-box > a > span > h4 > i:before {}
.left-subscribe-box > a > span > p { line-height: 17px; color: #a3a3a3;}
.left-subscribe-box:hover > a > i img.hvr-wobble-vertical {
	-webkit-animation-name: hvr-wobble-vertical;
	animation-name: hvr-wobble-vertical;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1; }

/* Right Side */
.rightside {
	margin-top: 20px;
}

.rightside-menu-area {height: 50px; position: relative; margin-bottom: 20px;}
ul.rightside-menu {}
ul.rightside-menu > li {width: 25%; float: left; text-align: center; height: 50px; line-height: 50px; background: #86ca97; font-size: 15px;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;}
ul.rightside-menu > li > a {display: block; height: 100%; color: #fff; text-decoration: none; }
ul.rightside-menu > li > a > i {display: inline-block; margin-right: 3px;}
ul.rightside-menu > li > a > i:before {}
ul.rightside-menu > li:hover {background: #2b2523;}

.mainbanner {position: relative;height: 530px;overflow: hidden;/* margin: 0 -50px; */}
.mainbanner img {width: 100% !Important; height: 100% !Important; object-fit: cover;}
.mainbanner li {height: 530px;position: relative;}
.mainbanner li a {display: block; height: 100%; text-decoration: none; color: #fff;}

.banner-caption {position: absolute; left: 100px; bottom: 100px; width: 320px; }
.banner-caption h5 {padding: 25px; background: rgba(0,0,0,0.7); font-size: 24px; font-weight: 500; line-height: 32px;   }
.banner-caption b {display: block; padding: 10px 25px; background: #db0615; font-size: 28px; }

.main-products-slider .bx-wrapper .bx-controls-direction a {top: -75px; margin-top: 0; width: 30px; height: 59px; }
.main-products-slider .bx-wrapper .bx-controls-direction a:hover {background-color: #efefef;}
.main-products-slider .bx-wrapper .bx-next {background-image: url(../img/alt-next.png);  right: 0;}
.main-products-slider .bx-wrapper .bx-prev {background-image: url(../img/alt-prev.png);  left: auto; right: 30px;}

.main-references-slider .bx-wrapper .bx-next {background: url(../img/alt-next.png) no-repeat center center;top: 24px;right: 0px;height: 16px; width: 16px;}
.main-references-slider .bx-wrapper .bx-prev {background: url(../img/alt-prev.png) no-repeat center center;top: 24px;right: 34px;left: auto;width: 16px;height: 16px;}
.main-brands-slider .bx-wrapper .bx-next {background: url(../img/alt-next.png) no-repeat center center;top: 24px;right: 0px;height: 16px; width: 16px;}
.main-brands-slider .bx-wrapper .bx-prev {background: url(../img/alt-prev.png) no-repeat center center;top: 24px;right: 34px;left: auto;width: 16px;height: 16px;}
.discounted-products-area .bx-wrapper .bx-next {background: url(../img/alt-next.png) no-repeat center center;top: -18px;right: 0px;height: 16px; width: 16px;}
.discounted-products-area .bx-wrapper .bx-prev {background: url(../img/alt-prev.png) no-repeat center center;top: -18px;right: 34px;left: auto;width: 16px;height: 16px;}
.main-brands-slider:hover .bx-wrapper .bx-next {display: block}
.main-brands-slider:hover .bx-wrapper .bx-prev {display: block}
.mainbanner .bx-wrapper .bx-controls-direction a {top: auto; bottom: 20px}
.mainbanner .bx-wrapper .bx-next {background: rgba(0,0,0,0.5) url(../img/icons/arrows/arrow1-right.png) no-repeat center center; right: 20px; }
.mainbanner .bx-wrapper .bx-prev {background: rgba(0,0,0,0.5) url(../img/icons/arrows/arrow1-left.png ) no-repeat center center; left: auto; right: 70px}
.mainbanner .bx-wrapper .bx-next:hover {background: rgba(0,0,0,0.9) url(../img/icons/arrows/arrow1-right.png) no-repeat center center; }
.mainbanner .bx-wrapper .bx-prev:hover {background: rgba(0,0,0,0.9) url(../img/icons/arrows/arrow1-left.png ) no-repeat center center;}
.mainbanner:hover .bx-wrapper .bx-next {display: block}
.mainbanner:hover .bx-wrapper .bx-prev {display: block}

.opportunity-products-area {
	height: 530px;
	position: relative;
	background: #fff;
	margin-bottom: 20px;
	border: 1px solid #dadada;
	padding: 25px;
}
.opportunity-products-area > h4 {
	/* position: absolute; */
	/* right: 40px; */
	/* top: 50px; */
	/* width: 42%; */
	/* z-index: 99999; */
	color: #000;
	font-weight: 600;
	font-size: 20px;
	color: #f28b3c;
	padding-bottom: 15px;
	border-bottom: 1px solid #dbdbdb;
}
.opportunity-products-area > h4 > b {/* font-size: 19px; *//* font-weight: 600; *//* display: block; *//* line-height: 14px; */}
.opportunity-products-slider {height: 430px;position: relative;}
.opportunity-products-slider img {}
.opportunity-products-slider .col-md-4 {width: 100% !Important;padding: 0 !important;}
.opportunity-products-slider .bx-wrapper .bx-controls-direction a {top: -46px;margin-top: 0;width: 30px;}
.opportunity-products-slider .bx-wrapper .bx-controls-direction a:hover {background-color: #efefef;}
.opportunity-products-slider .bx-wrapper .bx-next {background-image: url(../img/alt-next.png);right: 0;}
.opportunity-products-slider .bx-wrapper .bx-prev {background-image: url(../img/alt-prev.png);left: auto;right: 30px;}

.opportunity-products-slider .main-product-box {border: none;height: 400px;margin-bottom: 0;}
.opportunity-products-slider .main-product-box {
	padding: 0;
}
.opportunity-products-slider .main-product-box-img {border-bottom: 1px solid #dbdbdb;height: 250px;/* line-height: 250px; */}
.opportunity-products-slider .main-product-box-title {padding: 0;height: auto;}
.opportunity-products-slider .main-product-box-title-top {height: auto; }
.opportunity-products-slider .main-product-box-title-bottom {padding-right: 40%}
.opportunity-products-slider .main-product-box-title-bottom > b {top: 0; width: 45%}
.opportunity-products-slider .product-box-add-cart {width: 40%;float: left;padding-top: 0;display: block;}
.opportunity-products-slider .product-box-add-cart button {height: 50px; background: #f1f1f1;}
.opportunity-products-slider .product-box-add-cart span {height: 50px; line-height: 48px; background: #f1f1f1;}
.opportunity-products-slider .product-box-add-cart b {height: 50px; line-height: 48px; background: #f1f1f1;}

.opportunity-products-slider .col-md-3 {width: 100% !Important;padding: 0 !important;}


.main-promotion-film {height: 210px;}
.main-promotion-film iframe {width: 100% !Important; height: 100% !Important;}

.main-opportunity-product {height: 152px; position: relative;}
.main-opportunity-product > a {display: block; height: 100%; color: #464646; text-decoration: none; }
.main-opportunity-product > a > h3 {font-weight: 400; font-size: 16px; max-height: 32px; overflow: hidden; }
.main-opportunity-product > a > span {display: block; height: 120px; }
.main-opportunity-product > a > span > img {width: 100%;}
.main-opportunity-product > a > p {position: absolute; right: 0; text-align: right; font-size: 36px; color: #ef6930; font-weight: 800;
	text-shadow: 2px 2px #fff; bottom: 7px;	line-height: 25px;
	-ms-transform: rotate(-13deg); /* IE 9 */
	-webkit-transform: rotate(-13deg); /* Chrome, Safari, Opera */
	transform: rotate(-13deg);}
.main-opportunity-product > a > p > b {font-size: 20px; text-shadow: none;}
.main-opportunity-product > a > p > span {display: block; font-size: 24px; font-weight: 400; text-shadow: none;}

.sample-requests-area {height: 130px; position: relative; background: #fff; }
.sample-requests-area a {display: block; height: 100%; text-decoration: none; color: #000; padding: 20px; }
.sample-requests-area h4 {font-size: 18px; font-weight: 300; padding-bottom: 10px; }
.sample-requests-area h4 > span {display: block; font-weight: 400;}
.sample-requests-area h4 > b {display: block; font-weight: 600;}
.sample-requests-area p {padding-top: 10px; font-size: 12px; color: #a3a3a3; width: 80%; border-top: 1px solid #e4e4e4; font-weight: 300;}
.sample-requests-area i {position: absolute; right: 7px; bottom: 15px;}
.sample-requests-area i img {}
.sample-requests-area:hover i.hvr-wobble-to-bottom-right {
	-webkit-animation-name: hvr-wobble-to-bottom-right;
	animation-name: hvr-wobble-to-bottom-right;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;	}

.main-products-area {
	border: 1px solid #dbdbdb;
}
.main-products-row {position: relative;margin-top: 15px;border: 1px solid #c8c8c8;padding: 0 30px;}
h4.main-row-title {
	height: 60px;
	line-height: 60px;
	/* padding: 0 70px; */
	color: #000;
	font-weight: 800;
	font-size: 16px;
	margin-bottom: 15px;
	position: relative;
	border-bottom: 1px solid #c8c8c8;
}

h4.main-row-title:before {content:'';width: 20%;height: 3px;background: #f0833a;position: absolute;left: 0;bottom: -2px;}

.main-products-slider {position: relative;/* border: 1px solid #c8c8c8; */}
.main-products-slider:before {content: ''; position: absolute; width: 1px; height: 100%; background: #fff; right: 0; top: 0; z-index: 9999}
.main-products-slider li {}
.main-products-slider  .col-md-3 {width: 100%; }

.main-product {height: 417px; background: #fff;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
}
.main-product:hover {
	-webkit-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);}
.main-product a {display: block;  padding: 25px 25px 15px 25px; color: #000; text-decoration: none; height: 377px; overflow: hidden;}
.main-product-img {height: 226px; text-align: center; line-height: 185px; overflow: hidden;}
.main-product-img img {
	max-width: 100%; max-height: 100%; display: inline;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;
}
.main-product:hover .main-product-img img {
	max-width: 105%;
	max-height: 105%;
	margin-left: -5px;

}
.main-product-title {margin-top: 15px;}
.main-product-title h5 {font-size: 13px; font-weight: 400;}
.main-product-title p {font-size: 12px; color: #a3a3a3; font-weight: 300; display: none;}
.main-product-price {margin-top: 25px;}
.main-product-price h5 {font-size: 14px; }
.main-product-price p {font-size: 13px; color: #a3a3a3; font-weight: 300;}
.main-product-buy {height: 40px;  }
.main-product-buy input {width: 20%; float: left; height: 40px; text-align: center; border: none; border-top: 1px solid #dbdbdb;}
.main-product-buy button {width: 80%; float: left; height: 40px; background: #f0833a; border: none; box-shadow: none; color: #fff;}
.main-product-buy button i {margin-left: 15px;}
.main-product-buy button i:before {}

/* .main-default-slider .main-product {height: 300px; margin-bottom: 15px;}
.main-default-slider .main-product-img {height: 110px; line-height: 110px;}
.main-default-slider .main-product a {height: 260px;}
			.main-default-row:first-child .main-product-img img {max-width: 100%;max-height: 100%;display: inline;width: auto;height: 100%;margin: 0;} */

.products-section {margin-bottom: 30px;}
.products-area {background: #fff;padding: 25px;border: 1px solid #dbdbdb;/* margin-bottom: 20px; */}

.products-area-head {height: 61px;background: #fff;border-bottom: 1px solid #dbdbdb; margin-bottom: 20px;}
.products-area-tabmenu {/* width: 70%; *//* float: left; */height: 60px;}
.products-area-tabmenu ul {}
.products-area-tabmenu ul li {width: auto;float: left;height: 60px;font-size: 16px;position: relative;line-height: 60px;}
.products-area-tabmenu ul li + li {margin-left: 40px;}
.products-area-tabmenu ul li.active:before {content:'';position: absolute;left: 0;bottom: 0;width: 100%;height: 5px;background: #10489b;display: none;}
.products-area-tabmenu ul li.active a {border-bottom: 3px solid #f39b3e;}
.products-area-tabmenu ul li.active b { }
.products-area-tabmenu ul li.active i { }
.products-area-tabmenu ul li:hover {cursor: pointer; background: #fdfdfd;}
.products-area-tabmenu ul li a {display: block;height: 100%;color: #000;text-decoration: none;padding: 0;border: none; height: 62px;}
.products-area-tabmenu ul li i {display: block;/* width: 25%; */height: 60px;line-height: 60px;float: left;color: #7d7d7d;text-align: center;display: none;}
.products-area-tabmenu ul li i:before {font-size: 22px; }
.products-area-tabmenu ul li b {display: block;/* width: 75%; */height: 60px;line-height: 60px;float: left;font-weight: 500;text-transform: uppercase;}

.products-area .main-product-box {padding-left: 0;}

.products-search-area {width: 30%;float: left;height: 60px;position: relative;}
.products-search-area form {width: 100%; height: 100%;}
.products-search-area input {
	width: 100%;
	text-align: right;
	height: 100%;
	border: none;
	background: none;
	box-shadow: none;
	border-radius: 0;
	padding: 0 75px 0 10px;
	font-size: 15px;
}
.products-search-area ::placeholder {
	color: #b9b9b9;
}
.products-search-area button {
	position: absolute;
	right: 0;
	top: 0;
	width: 65px;
	height: 100%;
	background: none;
	border: none;
	box-shadow: none;
	border-radius: 0;
	color: #dbdbdb;
}
.products-search-area button:hover {color: #f0833a; }
.products-search-area button i {}
.products-search-area button i:before {font-size: 30px;}

.products-list-area {/* overflow: hidden; */display: none;padding: 0 20px;margin: 0 -20px;position: relative;}
.products-list-area.active {display: block;}
.main-products-list-area {
	position: relative;
}
.main-products-list-area:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	background: #fff;
	right: 0;
	top: 0;
	z-index: 9999;
}

.products-list-area .col-md-4 {
	width: 25% !important;
}

.selected-products-section {
	margin-bottom: 30px;
}
.selected-products-area {background: #fff;/* padding: 0 25px; */border: 1px solid #dbdbdb;/* margin-bottom: 20px; */}

.selected-products-head {height: 800px; border-right: 1px solid #dbdbdb; }
.selected-products-head h5 {height: 50px;line-height: 49px;font-size: 16px;border-bottom: 1px solid #dbdbdb;padding: 0 25px;font-weight: 600;background: #f5f5f5;}

.selected-products-tabmenu {}
.selected-products-tabmenu ul {}
.selected-products-tabmenu ul li {
	width: auto;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	position: relative;
	transition: all 50ms ease-in;
	font-weight: 300;
}
.selected-products-tabmenu ul li:before {content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #ef7f3a;
	transition: all 100ms ease-in;}
.selected-products-tabmenu ul li:hover, .selected-products-tabmenu ul li.active {cursor: pointer;font-weight: 600;text-transform: uppercase;}
.selected-products-tabmenu ul li:hover:before, .selected-products-tabmenu ul li.active:before {width: 5px; }
.selected-products-tabmenu ul li a {display: block; height: 100%; color: #000; text-decoration: none; padding: 0 25px;}
.selected-products-tabmenu ul li.active {border-color: #ef7f3a;}

.selected-products-list {padding: 25px 25px 0 5px;}
.selected-products-list-area {/* overflow: hidden; */display: none;padding: 0 20px;margin: 0 -20px;position: relative;}
.selected-products-list-area.active {display: block;}
.selected-products-list .main-product-box {border-right: none;}
.selected-products-list .main-product-box a {/* padding-left: 20px; */}
.selected-products-list .main-product-box:hover {box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1);}

.main-brands-area {height: 110px;background: #fff;/* margin-top: 20px; */position: relative;}
.main-brands-area:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 37px;
	bottom: -37px;
	left: 0;
	background: url('../img/bg/shadow.png') no-repeat;
}
.main-brands-area > a {
	position: absolute;
	bottom: 5px;
	left: 5px;
	font-weight: 400;
	padding: 3px 9px;
	font-size: 9px;
	background: rgba(0,0,0,0.5);
	color: #fff;
	z-index: 99999;
}
.main-brands-title {width: 25%; float: left; padding: 33px 20px 0 20px;}
.main-brands-title h5 {}
.main-brands-title img {width: 100%;}
.main-brands-title p {}
.main-brands-slider {position: relative;}
.main-brands-slider li {height: 110px; line-height: 110px; text-align: center;}
.main-brands-slider li img {display: inline;max-height: 80px;max-width: 90%;}

.main-icons-area {height: 125px; margin-top: 20px;}
.main-icons-area ul {}
.main-icons-area ul li {height: 125px; width: 14.28%; float: left; text-align: center;
	color: #808080; padding: 15px 20px;}
.main-icons-area ul li + li {border-left: 1px solid #cdcdcd; }
.main-icons-area ul li i {display: block; text-align: center; height: 65px; line-height: 65px;}
.main-icons-area ul li i:before {font-size: 40px;}
.main-icons-area ul li h5 {font-weight: 400; font-size: 12px; text-align: center;}


.products-list {
	padding: 0 20px;
}
.products-list .main-product {margin-bottom: 15px;}

.products-list .row .col-md-4:nth-child(3n) .main-product-box {border-right: none;}

.list-discounts-products {height: auto;background: #fff;padding: 0 25px;overflow: hidden;margin-bottom: 20px;}
.list-discounts-products h1 {
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	font-weight: 400;
	position: relative;
	font-family: 'DM Serif Text', sans-serif;
	/* border-bottom: 1px solid #e2e2e2; */
}
.list-discounts-products h1:before {content: ''; position: absolute; width: 5px; height: 24px; background: #f0833a; left: -25px; top: 18px;}
.list-discounts-products h1 b {font-weight: 400;}
.list-discounts-products h1 i {float: right; display: inline-block; height: 60px; line-height: 60px; color: #f0833a;}
.list-discounts-products h1 i:before {font-size: 40px; }

.list-discounts-slider {position: relative; padding: 25px 0;}
.list-discounts-slider li + li {border-left: 1px solid #e2e2e2;}
.list-discounts-product {height: 150px; padding: 15px;}
.list-discounts-product-title {width: 55%; float: left; height: 120px; position: relative;}
.list-discounts-product-title h4 {font-weight: 400; font-size: 14px; margin-top: 15px;}
.list-discounts-product-title span {display: block; font-weight: 300; font-size: 12px; }
.list-discounts-product-title h5 {font-weight: 600; text-align: right; font-style: 15px; margin-top: 35px;}
.list-discounts-product-title h6 {font-weight: 400; font-style: 13px; text-align: right;}
.list-discounts-product-title i {position: absolute; left: 0; bottom: 0; }
.list-discounts-product-title i:before {font-size: 40px; color: #f0efef;}
.list-discounts-product-photo {width: 45%; float: left; height: 120px; line-height: 120px; text-align: center;}
.list-discounts-product-photo a {}
.list-discounts-product-photo img {display: inline-block; max-width: 90%; max-height: 100%;}

.breadcrumb {min-height: 25px; position: relative; margin-bottom: 10px;}
.breadcrumb ul {}
.breadcrumb ul li {float: left; height: 25px; line-height: 25px; font-size: 11px; background: #fff;}
.breadcrumb ul li + li {margin-left: 3px;}
.breadcrumb ul li a {display: block; height: 100%; padding: 0 6px; color: #9c9c9c; text-decoration: none;}
.breadcrumb ul li i {display: inline-block; height: 25px; line-height: 25px;}
.breadcrumb ul li i:before {font-style: 18px;}

.filter-options-area {padding: 0 20px;overflow: hidden;margin-bottom: 25px;}
.filter-options-area ul {}
.filter-options-area ul li {float: left;width: 16.66%;background: #f3f3f3;height: 40px;line-height: 40px;text-align: center;}
.filter-options-area ul li a {display: block; color: #000; text-decoration: none;}
.filter-options-area ul li:hover, .filter-options-area ul li.active {background: #d8d8d8;}

.product-details-page {}

.product-details-photos {}
.product-photos-slider {height: 345px; background: #fff; position: relative; margin-bottom: 3px;}
.product-photos-slider li {z-index:0 !important;height: 345px; line-height: 345px; text-align: center;}
.product-photos-slider li img {display: inline-block; max-width: 100%; max-height: 100%; }

.product-photos-pager {position: relative;}
.product-photos-pager a {display: block; height: 65px; background: #fff; text-align: center; line-height: 63px; width: 23.745%; float: left;
	border: 1px solid #fff; margin: 2px; }
.product-photos-pager a img {display: inline-block; max-width: 95%; max-height: 95%;}
.product-photos-pager a.active, .product-photos-pager a:hover {border-color: #f0833a; }
h1.product-title {/* font-family: 'DM Serif Text', sans-serif; */font-size: 18px;font-weight: 400;color: #2b2523;margin-bottom: 10px;}
.product-info-area {background: #fff;padding: 0 0 0 30px;min-height: 533px;/* border: 1px solid #f4f4f4; */font-family: 'Montserrat', sans-serif;position: relative;}
.product-info-area > h2 {
	font-weight: 400;
	font-size: 14px;
	color: #f0833a;
	margin-bottom: 5px;
}
.product-info-area h1.product-title {
	font-size: 28px;
	margin-bottom: 10px
}
.product-info-area > span {display: block; font-weight: 300; font-size: 11px; color: #9d9d9d; }
.product-info-area > span > i {}
.product-info-area > span > i:before {}

.product-content-info {height: 50px;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.product-content-info ul {}
.product-content-info ul li {height: 48px; line-height: 48px; float: left;}
.product-content-info ul li:first-child {font-weight: 600;}
.product-content-info ul li span {}
.product-content-info ul li + li {margin-left: 20px;}

.product-content-text {padding: 20px 0; font-size: 15px; line-height: 22px;}

.product-price-area > ul {/* margin-top: 15px; */}
.product-price-area > ul > li {padding: 15px 0;/* border: 1px solid #dedede; */overflow: hidden;}
.product-price-area > ul > li .order-button {
	height: 40px;
	width: 100%;
	background: none;
	box-shadow: none;
	border-radius: 0;
	border: 1px solid #dbdbdb;
	width: 40%;
}
.product-price-area > ul > li .order-button:hover {background: #f4f4f4;}
.product-price-area > ul > li > label {font-weight: 400; width: 40%; float: left; font-size: 17px; height: 25px; line-height: 25px;  padding-right: 10px;
	color: #515151;}
.product-price-area > ul > li > label > i {float: right;}
.product-price-area > ul > li > label > i:before {font-size: 25px; color: #86ca97;}
.product-price-area > ul > li > span {display: block; width: 60%; float: left; font-size: 17px; height: 25px; line-height: 25px; position: relative;
	color: #515151;}
.product-price-area > ul > li > span.negative:before {content: ''; position: absolute; width: 70%; height: 1px; top: 50%; left: 0; background: #f3470e;}

.product-info-area > ul > li.product-info-message {padding: 10px 0;}
.product-info-area > ul > li.product-info-message > ul {}
.product-info-area > ul > li.product-info-message > ul > li {float: left; padding: 0 5px; font-size: 12px;}
.product-info-area > ul > li.product-info-message > ul > li + li {border-left: 1px solid #dedede;}
.message-negative {color: #d83600;/* display: none; */}
.message-positive {color: #000000;}

.product-info-area > ul > li.product-colors {padding: 10px 0;}
.product-info-area > ul > li.product-colors > i {display: inline-block; color: #adadad; margin-right: 10px; float: left;}
.product-info-area > ul > li.product-colors > i:before {font-size: 25px;}
.product-info-area > ul > li.product-colors > ul {}
.product-info-area > ul > li.product-colors > ul > li {float: left; width: 25px; height: 25px; background: #adadad; margin-left: 3px; border: 1px solid #adadad;position: relative;}
.product-info-area > ul > li.product-colors > ul > li > span {position: absolute;bottom: -4px;/* height: 11px; *//* line-height: 11px; */background: #fff;padding: 3px;border-radius: 3px;font-size: 11px;left: 23px;z-index: 99; -webkit-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15); display: none;}
.product-info-area > ul > li.product-colors > ul > li:hover > span {display: block;}
.product-info-area > ul > li.product-colors > ul > li.active {border: 4px solid #adadad;}

.product-price-area > ul > li.product-add-to {padding: 0;/* border: 1px solid #dedede; *//* height: 75px; */margin: 0;overflow: inherit;}
.product-info-price {width: 50%;float: left;height: 60px;line-height: 60px;padding: 0 0;/*font-size: 26px;*/font-weight: 700;}
.product-info-price span {

}
.product-info-price > b {
	display: block;
	width: 23%;
	float: left;
	background: #e23530;
	color: #fff;
	text-align: center;
	font-size: 20px;
}
.product-info-price p {
	width: 77%;
	float: left;
	padding: 8px 12px;
}
.product-info-price p > b {
	display: block;
	line-height: 20px;
	font-size: 20px;
	margin-bottom: 5px;
}
.product-info-price p > b b {font-weight: 500;}
.product-info-price p span {
	display: block;
	line-height: 20px;
	font-size: 26px;
	padding-top: 12px;
}
.product-info-price p > b + span {padding-top: 0;}


.product-price-area > ul > li.product-add-to form {height: 100%;}
.product-price-area > ul > li.product-add-to form button {width: 100%;/* float: left; */height: 45px;background: #f0833a;border: none;box-shadow: none;font-size: 15px;color: #fff;padding: 0 20px;font-weight: 600;/* text-align: left; */margin-top: 15px;}
.product-price-area > ul > li.product-add-to form button i {margin-right: 5px;}
.product-price-area > ul > li.product-add-to form button i:before {font-size: 20px;}
.product-price-area > ul > li.product-add-to form button:hover {background: #cc6927;}

.add-product-list {/* overflow: hidden; */position: relative;}
.add-product-list ul {
	overflow: hidden;
}
.add-product-list > ul li {float: left;width: 40%;}
.add-product-list > ul li + li {margin-left: 10px;}
.add-product-list > ul li button {background: none;border: none;box-shadow: none;font-size: 12px;padding: 5px 12px;height: 40px;line-height: 30px;width: 100%;text-align: left;color: #7d7d7d;}
.add-product-list > ul li button:hover {background: #f5f5f5;}
.add-product-list > ul li button i {display: block; height: 40px; line-height: 28px; float: left; margin-right: 10px;}
.add-product-list > ul li button span {/* display: inline-block; */}
.add-product-list > ul li button i:before {font-size: 20px;}
.add-product-list > ul li:first-child button i {color: #7d7d7d;}
.add-product-list > ul li:first-child button.active {}
.add-product-list > ul li:first-child button.active i {color: #e23530}

.add-product-list > ul li:last-child button i {color: #7d7d7d;}

.product-details-bottom {margin-top: 20px;}
.product-tabs-menu {height: 55px; margin-bottom: 5px; font-family: 'DM Serif Text', sans-serif; }
.product-tabs-menu ul {}
.product-tabs-menu ul li {height: 55px; background: #fff; line-height: 55px; width: 33%; float: left; font-size: 16px; text-align: center;
	color: #9b9b9b; font-weight: 300; position: relative;}
.product-tabs-menu ul li + li {margin-left: 0.5%; }



/* Member */
.member-content-area {background: #fff;padding: 20px 0;overflow: hidden;}

.sign-in-area {width: 100%;padding-right: 15px;/* float: left; */}

.sign-up-area {/* width: 33%; */padding: 0 0 0 30px;/* float: left; */border-left: 1px solid #dedede;}

.becoming-area {width: 33%; padding: 15px; float: left; border-left: 1px solid #dedede;}

.steps-content-area {background: #fff; padding: 20px; overflow: hidden; }
.step-area {margin-bottom: 30px;}

.price-list-page {background: #fff; padding: 20px; overflow: hidden;}
.price-list-page > ul {overflow: hidden;}
.price-list-page > ul > h4 {height: 40px; line-height: 40px; font-weight: 400; font-size: 19px; border: 1px solid #dbdbdb; border-bottom: none;
	text-align: center;}
.price-list-page > ul > li {height: 42px; border-top: 1px solid #dbdbdb;}
.price-list-page > ul > li:last-child {border-bottom: 1px solid #dbdbdb;}
.price-list-page > ul > li > ul {overflow: hidden;}
.price-list-page > ul > li > ul > li {float: left; height: 40px; line-height: 38px; border-left: 1px solid #dbdbdb; overflow: hidden; padding: 0 10px;}
.price-list-page > ul > li > ul > li img {height: 95%;}
.price-list-page > ul > li > ul > li:last-child {border-right: 1px solid #dbdbdb;}


.price-list-page > ul > li > ul > li.price-list-img {width: 15%; text-align: center;}
.price-list-page > ul > li > ul > li.price-list-title {width: 45%;}
.price-list-page > ul > li > ul > li.price-list-price {width: 15%;}
.price-list-page > ul > li > ul > li.price-list-basket {width: 25%;}
.price-list-page .main-product-buy input {border: none;}

a.pl-download {display: inline-block; float: right; color: #2b2523; font-size: 15px; margin-top: 15px; height: 28px; line-height: 28px;}
a.pl-download i {display: block; float: left; margin-right: 5px; height: 28px; line-height: 28px;}
a.pl-download i:before {font-size: 25px; }

.page-area {background: #fff;padding: 20px;overflow: hidden;min-height: 500px;border: 1px solid #dbdbdb;}
h1.page-title {
	font-family: 'DM Serif Text', sans-serif;
	font-size: 25px;
	font-weight: 400;
	color: #000;
	padding: 0 15px;
	margin-top: 10px;
	border-left: 6px solid #f0833a;
	margin:0 0 15px -20px;
	position: relative;
}

h1.inner-title {
	font-family: 'DM Serif Text', sans-serif;
	font-size: 25px;
	font-weight: 400;
	color: #000;
	padding: 0 15px;
	margin-top: 10px;
	border-left: 6px solid #f0833a;
	margin: 20px 0;
}

.page-info {overflow: hidden; margin-bottom: 20px;}
.page-info ul {}
.page-info ul li {float: left; padding-right: 10px;}
.page-info ul li + li {padding-left: 10px; border-left: 1px solid #dbdbdb; }

.page-body {font-size: 14px;}
.page-body p {margin-bottom: 10px;font-size: 16px;}
.page-body h2, .page-body h3, .page-body h4, .page-body h5 {margin-bottom: 10px;font-size: 20px;}
.page-body ul {list-style: inherit; margin-left: 30px;}

.our-plant-area {}
.our-plant-area > ul {}
.our-plant-area > ul > li {width: 31%; float: left; background: #d1e7f8; margin: 10px 1%; padding: 10px;}
.our-plant-area > ul > li > span {height: 150px; background: #fff; text-align: center; line-height: 150px; display: block;}
.our-plant-area > ul > li > span > img {max-height: 95%; max-width: 95%;}
.our-plant-area > ul > li > h5 {font-family: 'DM Serif Text', sans-serif; font-size: 16px; color: #; padding: 10px 0; }
.our-plant-area > ul > li > p {height: 200px; overflow: hidden; }
.our-plant-area > ul > li > a {display: block; padding: 5px 0; width: 100%; background: #2b2523; color: #fff; text-align: center; border: 1px solid #2b2523; text-decoration: none; margin-top: 5px;}
.our-plant-area > ul > li > a:hover {background: #2b2523;}


.campaign-list {}
.campaign {height: 540px;border: 1px solid #efdddd;margin-bottom: 15px;text-align: center;}
.campaign.campaign-object {height: 340px;}
.campaign span {display: block; height: 155px; overflow: hidden;}
.campaign span a {display: block; height: 100%;}
.campaign span a img {width: 100%;}
.campaign p {text-align: center;padding: 15px 15px;font-size: 14px; height: 200px;overflow: hidden;}
.campaign.campaign-object p {height: 100px;}
.campaign h5 {text-align: center; padding: 15px 15px 0 15px; font-size: 16px; }
.campaign h5 img {width: 100%;}
.campaign > a {display: inline-block;  font-size: 14px;  color: #000;  font-weight: 600; height: 38px; line-height: 38px; font-size: 14px; font-weight: 400;
	padding: 0 28px; line-height: 40px; background: #f0efef;  position: relative; text-align: center; text-decoration: none; border-radius: 4px 4px 5px 5px;
	border: 0; box-shadow: 0 4px 0 #dddddd; font-weight: 600;}

.campaign-details {font-size: 14px; }
.campaign-details span {display: block; margin-bottom: 15px;}
.campaign-details span img {width: 100%;}
.campaign-details p {margin-bottom: 10px;}
.campaign-details > a {display: inline-block;  font-size: 14px;  color: #fff;  font-weight: 600; height: 38px; line-height: 38px; font-size: 14px; font-weight: 400;
	padding: 0 28px; line-height: 40px; background: #f0833a;  position: relative; text-align: center; text-decoration: none; border-radius: 4px 4px 5px 5px;
	border: 0; box-shadow: 0 4px 0 #53565b;}

.pagination-area {height: 50px;background: #fff;padding: 20px;margin-bottom: 10px;position: relative;}
div.pagination {width: 70%; float: left;}
div.pagination > span {float: left;padding: 0 5px;font-weight: 600;display: block;width: 30px;height: 30px;line-height: 28px;border: 1px solid #e2e2e2;margin-right: 5px;text-align: center;}
div.pagination > span > a {color: #000; }
uldivpagination > span.active > a {text-decoration: underline;}

span.filter-button {position: absolute;top: 20px;right: 40px;padding: 5px 20px;border: 1px solid #dbdbdb;}
ul.filter-list {
	position: absolute;
	width: 177px;
	padding: 10px;
	right: 20px;
	top: 50px;
	z-index: 9999;
	display: none;
	border-radius: 7px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
}
ul.filter-list li {}
ul.filter-list li a {color: #000; display: block; padding: 5px 0;}

ul.filter-list.active {display: block;}

.album-box {height: 280px; border: 1px solid #eeeeee; position: relative; margin-bottom: 20px;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
.album-box-img {padding: 10px 10px 0 10px; height: 190px; overflow: hidden; position: relative;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;}
.album-box-img img {width: 100%; height: 100%; object-fit: contain;}
.album-box a {display: block; height: 100%; text-decoration: none; color: #608099;}
.album-box a:focus {outline: none !Important;}
.album-box h5 {padding: 15px 15px 0 15px; font-weight: normal; font-family: 'Roboto', sans-serif; font-size: 14px;}
.album-box:after {content:''; position: absolute; right: 10px; bottom: 10px;
	border-style: solid; border-width: 0 0 14px 14px; border-color: transparent transparent #f0833a transparent;}
.album-box > a > span {padding-left: 15px; font-size: 12px; color: #f0833a;}

.album-box-img i {position: absolute; color: #fff; width: 100%; height: 100%; text-align: center; top: 0; left: 0; line-height: 190px; }
.album-box-img i:before {font-size: 0;
	-webkit-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition: all 300ms ease-in;}

.album-box-img span {position: absolute; color: #fff; width: 100%; height: 100%; text-align: center; top: 0; left: 0; line-height: 190px;  }
.album-box-img span:before {font-size: 50px; color: #dd4739; opacity:0.6;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}

.album-box:hover .album-box-img i:before {font-size: 50px;}
.album-box:hover .album-box-img span:before {font-size: 45px; opacity: 1;}
.album-box:hover {background: #fbfbfb;}

/* Photo Gallery */
.photo {margin-bottom:10px; overflow:hidden; text-align:center; height: 295px;}
.photo a img {
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
.photo:hover a img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0.8)";
	filter: alpha(opacity=0.9);
	opacity: 0.7;
}
.photo a i {color:#fff;  opacity:1; display:block;  position:absolute; opacity:0; width: 100%; height: 100%; line-height: 265px; text-align: center;
	left: 0; top: 0;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
.photo a i:before {font-size: 40px;}
.photo:hover a i {display:block; opacity:1;}
.photo span {display: block; height: 265px; overflow: hidden;}
.photo img {min-width: 100%; min-height: 100%;}
.photo h5 {font-size: 14px; font-weight: 400; margin-top: 5px; }

.share-two {display: none;}

.notification-area {position: relative;height: 50px;background: #434343;/* top: 0; *//* left: 0; */width: 100%;z-index: 999999;text-align: center;display: block;}
.notification-message-area {position: relative; height: 50px; }
.notification-message-area p {color: #fff; line-height: 50px; }
.notification-message-area p b {color: #fff; font-size: 18px;}
.notification-message-area i {position: absolute;color: #fff;top: 14px;right: 0;}
.notification-message-area i:before {font-size: 18px; }


.notification-area.active {display: block; }
.notification-area.succes {background: #214d1e;}
.notification-area.error {background: #ae2b00;}

.sign-in-area {}
.sign-in-area h4 {/* text-align: center; */padding: 15px 0;font-size: 18px;/* max-height: 124px; */overflow: hidden;}
.sign-in-area ul {}
.sign-in-area ul li {}
.sign-in-area ul li input[type="text"] {
	width: 100%;
	height: 40px;
	clear: both;
	margin: 0 0 15px;
	padding: 10px;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	border: 1px solid #d3d6da;
	border-radius: 0px;
	background: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.sign-in-area ul li input[type="password"] {width: 100%; height: 40px;  clear: both; margin: 0 0 15px; padding: 10px;
	font-size: 14px;  line-height: 30px;  color: #000;  border: 1px solid #d3d6da; border-radius: 3px; background: #fff;
	-moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  }
.sign-in-area ul li label {font-weight: 400;/* margin-bottom: 10px; */}
.sign-in-area ul li input[type="checkbox"] {}
.sign-in-area ul li button {display: block;font-size: 14px;color: #fff;font-weight: 600;height: 45px;line-height: 38px;font-size: 16px;font-weight: 600;padding: 0 28px;line-height: 40px;background: #ee7734;position: relative;text-align: center;text-decoration: none;border-radius: 0;border: 0;/* box-shadow: 0 4px 0 #c4e6ce; */width: 100%;}
.sign-in-area ul li button:hover {background: #2b2523; }
.sign-in-area ul li.rememberMe {
	margin-bottom: 10px;
	overflow: hidden;
}
.sign-in-area ul li.rememberMe label {display: block; height: 30px; line-height: 30px; width: 50%; float: left; position: relative; padding-left: 20px;}
.sign-in-area ul li.rememberMe label input {position: absolute; left: 0; top: 5px; width: 15px; height: 15px;}
.sign-in-area ul li.rememberMe a {display: block; height: 30px; line-height: 30px; width: 50%; float: left; text-align: right; color: #ee7739;}


.sign-up-area {/* text-align: center; */height: 280px;}
.sign-up-area i {color: #ee7739;display: block;margin: 10px 0 15px 0;}
.sign-up-area i:before {font-size: 50px;}
.sign-up-area h4 {padding: 15px 0;
	font-size: 18px;
	max-height: 124px;
	overflow: hidden;}
.sign-up-area p {font-size: 15px; padding-right: 30px; margin-bottom: 15px;}
.sign-up-area a {display: block;  font-size: 14px;  color: #fff;  font-weight: 600; height: 45px; line-height: 45px; font-size: 14px; font-weight: 400;   background: #b3b3b3;  position: relative;  text-align: center; text-decoration: none;}
.sign-up-area a:hover {background: #2b2523;  }

.becoming-area {text-align: center; height: 225px;}
.becoming-area h4 {text-align: center; padding: 15px 15px; font-size: 16px; max-height: 124px; overflow: hidden;}
.becoming-area a {display: inline-block;  font-size: 14px;  color: #fff;  font-weight: 600; height: 38px; line-height: 38px; font-size: 14px; font-weight: 400;  padding: 0 28px; line-height: 40px; background: #1e81ce;  position: relative; text-align: center; text-decoration: none; border-radius: 4px 4px 5px 5px;  border: 0; box-shadow: 0 4px 0 #165c92;}
.becoming-area a:hover {background: #165c92;  box-shadow: 0 4px 0 #1e81ce;}
.becoming-area i {color: #1e81ce;}
.becoming-area i:before {font-size: 40px;}

.step-area {margin-bottom: 15px;}
.step-area h5 {font-size: 16px; margin: 10px 0 ;}
ul.step-form {}
ul.step-form li {}
ul.step-form li > label {width: 20%; float: left; font-weight: 400;margin-bottom: 10px; font-size: 14px; padding-right: 10px;}
ul.step-form li > span {width: 80%; display: block; float: left;}
ul.step-form li input {
	width: 100%;
	height: 40px;
	clear: both;
	margin: 0 0 15px;
	padding: 10px;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	border: 1px solid #d3d6da;
	border-radius: 0;
	background: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
ul.step-form li select {width: 80%; height: 40px;  clear: both; margin: 0 0 15px; padding: 10px;
	font-size: 14px;  line-height: 30px;  color: #000;  border: 1px solid #d3d6da; border-radius: 3px; background: #fff;
	-moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;}
ul.step-form li span select {width: 100%; border-radius: 0; }
ul.step-form li textarea {
	width: 100%;
	height: 100px;
	max-width: 100%;
	max-height: 150px;
	min-width: 100%;
	min-height: 150px;
	margin: 0 0 15px;
	padding: 10px;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	border: 1px solid #d3d6da;
	border-radius: 0;
	background: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
ul.step-form li button {display: inline-block;font-size: 14px;color: #fff;font-weight: 600;height: 50px;line-height: 38px;font-size: 14px;font-weight: 400;padding: 0 28px;line-height: 40px;background: #2b2523;position: relative;text-align: center;text-decoration: none;/* border-radius: 4px 4px 5px 5px; */border: 0;/* box-shadow: 0 4px 0 #225b1d; *//* margin-top: 15px; */width: 30%;float: right;}
ul.step-form li button:hover {background: #f0833a; }
ul.step-form li input[type="checkbox"] {float: left; width: 24px;}
ul.step-form li input[type="radio"] {float: left; width: 24px;}

ul.step-form.step-form-big li {overflow: hidden;}
.step-area > button {display: inline-block;  font-size: 14px;  color: #fff;  font-weight: 600; height: 38px; line-height: 38px; font-size: 14px; font-weight: 400;  padding: 0 28px; line-height: 40px; background: #377832;  position: relative; text-align: center; text-decoration: none; border-radius: 4px 4px 5px 5px;  border: 0; box-shadow: 0 4px 0 #225b1d; margin-top: 15px; width: 100%; }
ul.step-form.step-form-big li input, ul.step-form.step-form-big li select,ul.step-form.step-form-big li textarea  {}

.labelgroup {}
.labelgroup label {
	width: 25%;
	height: 50px;
	overflow: hidden;
	position: relative;
	font-weight: 500;
	padding-left: 25px;
	padding-top: 0;
}
.labelgroup label input {position: absolute;left: 0;top: 3px;width: 20px !Important;height: 20px !Important;}


.form-checkbox label {display: block;width: 100%;float: left;padding: 10px 10px 10px 50px;height: 50px;position: relative;font-weight: 400;border: 1px solid #fff;border-top: none;border-left: none;line-height: 18px;overflow: hidden;}
.form-checkbox label input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;opacity: 0;margin: 0;}
.form-checkbox label a {color: #000; text-decoration: none; font-size: 14px; font-weight: 400; display: inline-block; padding-top: 5px;}
.form-checkbox label:before {content: ''; position: absolute; left: 10px; top: 10px; width: 30px; height: 30px; background: #fff; z-index: 1; border: 1px solid #dbdbdb;}
.form-checkbox label:after {content: ''; position: absolute; left: 17px; top: 17px; width: 16px; height: 16px; border: 1px solid #6b6b6b; z-index: 2; display: none;}
.form-checkbox label.active:after {display: block; background: #f0833a;}
.form-checkbox label:hover:after {display: block; }

.form-checkbox label:before {border-radius: 50%;}
.form-checkbox label:after {border-radius: 50%;}

.ui-autocomplete-term { font-weight: bold;}
.ui-autocomplete {
	position: absolute;
	height: 300px;
	overflow: scroll;
	top: 100%;
	left: 0;
	z-index: 999999;
	float: left;
	display: none;
	min-width: 160px;
	_width: 160px;
	padding: 4px 0;
	margin: 2px 0 0 0;
	list-style: none;
	background-color: #ffffff;
	border-color: #ccc;
	border-color: rgba(0, 0, 0, 0.2);
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	*
	border-right-width: 2px;
	*
	border-bottom-width: 2px;

	.ui-menu-item >
	a.ui-corner-all {
		display: block;
		padding: 3px 15px;
		clear: both;
		font-weight: normal;
		line-height: 18px;
		color: #555555;
		white-space: nowrap;

		&.ui-state-hover, &.ui-state-active {
			color: #ffffff;
			text-decoration: none;
			background-color: #2b2523;
			border-radius: 0px;
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			background-image: none;
		}
	}
}

/* Contact Page */
.maps-area {}
.maps-area img {width: 100%;}
.contact-page {padding: 0 0 20px 0; }
.contact-img {text-align: center;}

/* Contact Page */
ul.contact {display: inline-block;	margin-top: 10px; width: 100%; 	}
ul.contact li {	padding: 0 15px; border-bottom: 1px solid #dbdbdb; font-size: 13px; color:#6e6e6e;	overflow: hidden;	height: 46px;	}
ul.contact li:hover { color:#000;}
ul.contact li + li {margin-top: 4px;}
ul.contact li:nth-child(even) {		}
ul.contact li > span {display: block; width: 83%; float: right; padding: 7px;	margin-top: 5px ; background: #fff;}
ul.contact li:last-child a {display: block; padding: 14px 15px; width: 100%; height: 100%; color:#6e6e6e; text-decoration: none;}
ul.contact li:last-child a:hover { color:#2b2523; }
ul.contact li label {font-weight: normal; width: 17%; float: left; line-height: 46px;}


.filter {background: #fff; padding: 10px; margin-bottom: 15px; display: none;}
.filter h5 {font-size: 14px; font-weight: 400; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #dbdbdb; }
.filter ul {}
.filter ul li {padding: 2px;}
.filter ul li:hover {text-decoration: underline;}
.filter ul li label {font-weight: 400; }
.filter ul li input {}
.filter ul li label:hover {text-decoration: underline; cursor: pointer;}

.price-calculator {position: fixed; right: 0; top: 200px; width: 150px; height: 100px; background: #fff; text-align: center;
	-webkit-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;}
.price-calculator a {color: #2b2523; text-decoration: none;}
.price-calculator i {display: block; height: 60px; line-height: 60px;
	-webkit-animation-name: hvr-pulse;
	animation-name: hvr-pulse;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}
.price-calculator i:before {font-size: 30px;}
.price-calculator h5 {font-weight: 400; font-size: 15px;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;}
.price-calculator:hover h5 {font-weight: 600;}

h4.list-total-price {text-align: right; font-weight: 400; padding: 15px 0;}
h4.list-total-price .total_number {font-weight: 600;}
.list-total-button {float: right; width: 30%;  height: 40px; background: #2b2523; border: none; box-shadow: none; color: #fff;}
.list-total .main-product-buy input {width: 100%;}
.list-total.price-list-page > ul > li > ul > li.price-list-price {font-size: 12px;}


.card-wrapper {}
.card-information {}
.card-information input {
	color: #000;
	background: #fff;
	border: 1px solid #eee;
	padding: 18px 12px;
	font-size:13px;
	border-radius: 4px;
	width: 100%;
	margin: 0;
	text-align: left;
	margin-bottom: 5px;
	text-decoration: none;
}
.card-information input#input-button {
	background: #2b2523;
	color: #fff;
	text-align: center;
}
.card-information input#input-button:hover, .card-information input#input-button:focus {background: #2b2523;}

.payment-options-area {margin: 45px 0 25px 0;}
ul.payment-options {overflow: hidden; }
ul.payment-options li {height: 65px; border: 1px solid #dbdbdb; width: 49.5%; float: left;}
ul.payment-options li + li {margin-left: 1%; }
ul.payment-options li span {width: 25%; display: block; height: 65px; line-height: 65px; float: left; text-align: center;}
ul.payment-options span img {height: 90%; }
ul.payment-options b {width: 75%; font-weight: 400; font-size: 15px;  float: left; height: 65px; line-height: 65px; padding-left: 15px;}

ul.payment-options li:hover, ul.payment-options li.active {cursor: pointer; background: #fdfdfd;}

.cc-payment {display: none;}
.cc-payment.active {display: block; }


.bank-logos {padding-top: 20px;}
.bank-logos img {width: 100%; }


.footer-price-area {overflow: hidden;}

.main-calculation-area {margin-bottom: 20px;}
.calculation-area {height: auto; margin-bottom: 30px;}
.main-calculation {height: 236px;background: #fff;position: relative;padding: 15px;}
.main-calculation h5 {font-weight: 400; font-size: 15px; height: 44px; margin-bottom: 15px; line-height: 22px;}
.main-calculation h5 b {display: block; }
.main-calculation p {display: block;color: #e28200;font-weight: 300;font-size: 12px; position: absolute; bottom: 10px;}
.main-calculation form {}
.main-calculation-photo {width: 40%; float: left; height: 130px; }
.main-calculation-photo img {max-width: 100%; max-height: 100%;}
.main-calculation-form {width: 60%; float: left; height: 130px; padding-left: 15px;}
ul.calculation-form {}
ul.calculation-form li {margin-bottom: 5px; min-height: 30px;}
ul.calculation-form li > span {display: block; float: left; height: 30px; width: 10%; text-align: center; line-height: 30px;}
ul.calculation-form li > span > input {width: 100%; height: 100%; padding: 0 7px; border-radius: 4px; border: 1px solid #ccc; font-size: 12px;}
ul.calculation-form li > span:first-child {width: 45%;}
ul.calculation-form li > span:last-child {width: 45%;}
ul.calculation-form li > input {width: 100%; height: 32px; padding: 0 7px; border-radius: 4px; border: 1px solid #ccc; font-size: 12px;}
ul.calculation-form li div {width: 100% !Important;}
ul.calculation-form li select {width: 100%; height: 25px;}
ul.calculation-form li > button {width: 100%; height: 30px; background: #86ca97; color: #fff; border: none; box-shadow: none; border-radius: 4px;}
ul.calculation-form li > button i {display: inline-block; margin-right: 10px;}
ul.calculation-form li > button i:before {font-size: 16px;}
ul.calculation-form li > button:hover {background: #e28200;}

.main-calculation.barcode-calculation {}
.main-calculation.barcode-calculation h5 {}
.main-calculation.barcode-calculation .main-calculation-photo {width: 50%; text-align: center;}
.main-calculation.barcode-calculation .main-calculation-photo img {max-width: 90%; max-height: 90%;}
.main-calculation.barcode-calculation .main-calculation-form {width: 50%;margin-top: -66px;padding-left: 30px;}

.bootstrap-select.btn-group .dropdown-menu {min-width: 180% !Important; z-index: 99999;}



/* Members Page*/
.members-heading {padding-top: 20px; overflow: hidden;}
ul.members-menu {}
ul.members-menu li {width: 50%; height: 75px; line-height: 75px; position: relative; background: #f1f1f1; float: left;
	text-align: center; border: 1px solid #f1f1f1;}
ul.members-menu li + li {border-left: 1px solid #fff;}
ul.members-menu li a {display: block; color: #000; height: 100%; text-decoration: none;}
ul.members-menu li i {position: absolute; right: 15px; top: 25px; display: none;}
ul.members-menu li i:before {font-size: 25px;}
ul.members-menu li span {margin-right: 5px;}

ul.members-menu li:hover {background: #e8e8e8;}
ul.members-menu li.active {background: #fff; border-bottom: none;}
ul.members-menu li.active i {display: block; }

.members-content-area { min-height: 200px;}

.member-comments-section {padding-top: 20px;}
.member-comment-area {}
.member-comment-box {margin-bottom: 15px; overflow: hidden;}
.member-comment-text {padding: 30px 20px 20px 20px; background: #f9f9f9; position: relative;}
.member-comment-text span {position: absolute; right: 10px; top: 10px; font-size: 11px;}
.member-comment-text p {margin-bottom: 10px; font-size: 16px; line-height: 22px;}

.member-comment-info {min-height: 50px; background: #f6f6f6; margin-bottom: 10px; border-top: 1px solid #dbdbdb;}
.member-comment-info h5 {width: 80%; float: left; padding: 15px 20px;
	font-weight: 600;font-size: 16px;color: #272727;margin-bottom: 7px;line-height: 19px;}
.member-comment-info h5 a {color: #000;}
.member-comment-icons {width: 20%; float: left; padding: 8px 20px 0 0; border-left: 1px solid #dbdbdb; min-height: 50px; }
.member-comment-icons ul {float: right;}
.member-comment-icons ul li {float: left; width: 32px; height: 32px; background: #dbdbdb; margin-left: 5px;}
.member-comment-icons ul li a {display: block; color: #fff; text-decoration: none;}
.member-comment-icons ul li i {display: block; height: 32px; line-height: 32px; text-align: center;}
.member-comment-icons ul li i:before {font-size: 15px;}
.member-comment-icons ul li.member-comment-link {background: #fbb040;}
.member-comment-icons ul li.member-comment-delete {background: #cb0000;}
.member-comment-icons ul li.member-comment-facebook {background: #3b5998;}
.member-comment-icons ul li.member-comment-twitter {background: #00aeff;}

.member-comment-reply-box {position: relative; padding: 20px 120px 20px 20px;  background: #f9f9f9; width: 90%; float: right; }
.member-comment-reply-box h5 {font-weight: 600;font-size: 16px;color: #272727;margin-bottom: 7px;line-height: 19px;
	font-family: 'Open Sans', sans-serif;}
.member-comment-reply-box p {margin-bottom: 10px; font-size: 16px; line-height: 22px;}
.member-comment-reply-box span {position: absolute; right: 10px; top: 10px; font-size: 11px;}
.member-comment-reply-box b {position: absolute; right: 3px; top: 40px; width: 50px; font-size: 12px; font-weight: 400; line-height: 13px;
	text-align: center;}
.member-comment-reply-box b:hover {cursor: pointer;}
.member-comment-reply-box i {display: block; text-align: center;}
.member-comment-reply-box i:before {font-size: 20px;}

.inner-page-order-list {background: #fff; padding: 15px 0; overflow: hidden;}
.member-order-box {height: 90px;overflow: hidden;padding: 10px;border: 1px solid #f1f1f1;margin-bottom: 20px;/* width: 50%; *//* float: left; */position: relative;}
.member-order-box-photo {width: 20%; float: left; height: 98px; overflow: hidden;}
.member-order-box-photo img {width: 100%;}
.member-order-box-title {width: 90%;float: left;padding: 0px;}
.member-order-box-title h5 {margin-bottom: 10px; }
.member-order-box-title h6 {display: block;font-size: 14px; margin-bottom: 2px;}
.member-order-box-title span {display: block;font-size: 13px;}
.member-order-box-date {width: 13%;float: left;padding-top: 15px; font-size: 12px;}
.member-order-box-date span {}
.member-order-box-icons {width: 24%;float: left; padding-top: 34px;}
.member-order-box-icons ul {float: right;}
.member-order-box-icons ul li {float: left; margin-left: 5px; width: 32px; height: 32px; line-height: 32px; text-align: center; background: #f1f1f1;}
.member-order-box-icons ul li a {color: #fff; text-decoration: none; display: block; height: 100%;}
.member-order-box-icons ul li span {font-size: 10px; display: block; height: 32px; line-height: 28px; float: left; margin-left: 3px; }
.member-order-box-icons ul li i { display: inline-block; height: 32px; line-height: 32px; text-align: center; }
.member-order-box-icons ul li i:before {font-size: 16px;}
.member-order-box-icons ul li.people-icons {background: #cb0000;}
.member-order-box-icons ul li.people-icons:hover {background: #bc0000;}
.member-order-box-icons ul li.edit-icons {background: #fbb040;}
.member-order-box-icons ul li.edit-icons:hover {background: #f1a129;}
.member-order-box-icons ul li.facebook-icons {background: #3b5998;}
.member-order-box-icons ul li.facebook-icons:hover {background: #304e8c;}
.member-order-box-icons ul li.twitter-icons {background: #00aeff;}
.member-order-box-icons ul li.twitter-icons:hover {background: #00a2ee;}
.member-order-box-icons ul li.comment-icons {background: #1baa03; width: 60px; padding: 0 10px;}
.member-order-box-icons ul li.comment-icons:hover {background: #169900;}
.member-order-box-icons ul li.comment-icons i {display: block; float: left;}

.member-info-page {padding-top: 20px;}
.member-info-page .form {margin: 0 -10px;}
.member-info-page .form li {width: 50%; padding: 0 10px; float: left; margin-bottom: 10px;}


.member-form {background: #fff;/* padding: 10px; */overflow: hidden;}
.member-form ul {overflow: hidden; }
.member-form ul li {padding: 0;overflow: hidden;border: 1px solid #dadada;height: auto;min-height: 50px; margin-bottom: 10px;}
.member-form ul li > b {
	display: block;
	width: 30%;
	float: left;
	min-height: 48px;
	padding: 15px;
	font-weight: 500;
}
.member-form ul li > span {display: block;
	width: 70%;
	float: left;
	min-height: 48px;
	border-left: 1px solid #dbdbdb;}
.member-form ul li span input {width: 100%;height: 48px;background: #fff;border: none;padding: 0 10px;}
.member-form ul li span input::placeholder {color: #b3b3b3;}
.member-form ul li span input:before {content: '';}
.member-form ul li span select {
	width: 100%;
	height: 48px;
	background: #fff;
	color: #000;
	padding: 5px 10px;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}
.member-form ul li span textarea {width: 100%;height: 110px;background: #fff;border: none;padding: 10px;}
.member-form ul li:last-child {border-bottom: none; padding-top: 2px;}
.member-form ul li button {float: right; width: 20%; height: 50px; background: #e8e8e8; border: 2px solid #e8e8e8;
	border-radius: 0; box-shadow: 0; font-size: 13px; color: #5a5a5a;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
.member-form ul li button:hover {border-color: #5a5a5a;}
.member-form ul button {float: right; width: 20%; height: 50px; background: #e8e8e8; border: 2px solid #e8e8e8;
	border-radius: 0; box-shadow: 0; font-size: 13px; color: #5a5a5a; margin-right: 10px;
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-ms-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;}
.member-form ul button:hover {border-color: #5a5a5a;}
.member-form ::-webkit-input-placeholder { color: #191919;}
.member-form ::-moz-placeholder { color: #191919;}
.member-form :-ms-input-placeholder{ color: #191919;}
.member-form :-moz-placeholder { color: #191919;}

.member-form ul li label {padding: 15px; display: block; font-weight: 400; color: #000; font-size: 14px;}
.member-form ul li label b {display: block; float: left; margin-right: 10px;}
.member-form ul li label b input {}
.member-form ul li label span {}



.order-view-link {position: absolute; width: 40px; height: 40px; background: #9f9f9f; right: 10px; top: 20px;}
.order-view-link a {display: block; height: 100%; text-decoration: none; color: #fff;}
.order-view-link i {display: block; text-align: center; height: 40px; line-height: 40px; }
.order-view-link i:before {font-size: 20px}


.calculate-page {background: #fff; padding: 0 20px 20px 20px;  }
.calculate-page h1 {height: 60px; line-height: 60px; font-size: 20px; font-weight: 300; position: relative; font-family: 'DM Serif Text', sans-serif;}
.calculate-page h1:before {content: ''; position: absolute; width: 5px; height: 24px; background: #2b2523; left: -20px; top: 18px;}
.calculate-page h1 b {font-weight: 400;}
.calculate-page h1 i {float: right; display: inline-block; height: 60px; line-height: 60px; color: #2b2523;}
.calculate-page h1 i:before {font-size: 40px; }

.calculation-photo {}
.calculation-photo img {max-width: 100%;}

.calculation-result {}
.calculation-result ul {}
.calculation-result ul {}
.calculation-result ul li {padding: 3px; font-size: 14px;
	position: relative;
	font-family: 'Open Sans', sans-serif;}
.calculation-result ul li b {font-weight: 300;}
.calculation-result ul li span {}
.calculation-result ul li button {width: 100%; height: 30px; background: #2b2523; color: #fff; border: none; box-shadow: none; border-radius: 4px;}

.baskili-etiketler {}
.baskili-etiket {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dbdbdb;}
.baskili-etiket h2 {font-family: 'DM Serif Text', sans-serif; font-size: 22px; font-weight: 400; color: #000;
	margin:0 0 15px 0;}
.baskili-etiket-header {height: 300px; }
.baskili-etiket-big-photo {height: 300px; width: 40%; float: left; border: 1px solid #dbdbdb; line-height: 300px; text-align: center; overflow: hidden;}
.baskili-etiket-big-photo img {max-width: 98%; max-height: 98%;
	display: inline;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s; 		}
.baskili-etiket-big-photo:hover img { -moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);}
.baskili-etiket-info {height: 300px; width: 60%; float: left; padding-left: 20px;}
.baskili-etiket-text {height: 150px; }
.baskili-etiket-text p {margin-bottom: 0;}

.baskili-etiket-photos {}
.baskili-etiket-photos ul {}
.baskili-etiket-photos ul li {width: 25%; float: left; padding: 5px; height: 125px; text-align: center; line-height: 125px; overflow: hidden; }
.baskili-etiket-photos ul li:hover img { -moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1); }
.baskili-etiket-photos ul li img {max-width: 100%; max-height: 100%; display: inline;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s; }



/* -------------------------------------------------------------------------------------*/
/* 		HEADER																			*/
/* -------------------------------------------------------------------------------------*/


.header-bottom-area {height: 49px; /* margin-bottom: 25px; */position: relative; }

.inner-page .hbmb {/* display: none; */}

.header-big-menu-home {
	/* width: 106%; */
	height: 70px;
	color: #1a1a19;
	font-size: 14px;
	font-weight: 600;
	line-height: 70px;
	/* border-right: 1px solid #909194; */
	/* margin-right: -10px; */
	display: none;
	/* background: #682f6d; */
}
.header-big-menu-home:hover {background: #505050;}
.header-big-menu-home.active {}
.header-big-menu-home a {display: block; color: #fff;}
.header-big-menu-home i {display: block;line-height: 70px;text-align: center;height: 70px;float: left;/* padding: 0 17px; */width: 100%;text-align: center;}
.header-big-menu-home i:before {font-size: 24px;}
.header-big-menu-home:hover {cursor: pointer;}
.inner-page .header-big-menu-home {display: block;}


.inner-page .header-big-menu-button {display: none;}
.header-big-menu-button {/* width: 106%; */height: 70px;color: #1a1a19;font-size: 14px;font-weight: 600;line-height: 70px;/* border-right: 1px solid #909194; */background: #fff;/* margin-right: -10px; */}
.header-big-menu-button.active {}
.header-big-menu-button i {display: block;line-height: 70px;text-align: center;height: 70px;float: left;/* padding: 0 17px; */width: 100%;text-align: center;color: #2b2523;}
.header-big-menu-button i:before {font-size: 30px;}
.header-big-menu-button:hover {cursor: pointer;}

.header-big-menu {position: absolute;z-index: 99999;width: 270px;padding: 0;background: #fff;left: 10px;top: 70px;-webkit-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);background-color: white;display: none;}
.header-big-menu.active {display: block;}

.header-bottom-box {height: 49px; line-height: 48px; border-top: 1px solid #e6e6e6; }
.header-bottom-box > ul {}
.header-bottom-box > ul > li {height: 48px;position: relative;float: left;line-height: 48px;font-size: 15px; font-weight: 500;
	position: relative; transition: all 50ms ease-in;}
.header-bottom-box > ul > li > a {text-decoration: none;padding: 0 22px;color: #000;display: block;
	transition: all 50ms ease-in;}
.header-bottom-box > ul > li > a > i {position: absolute; right: 0; color: white;}
.header-bottom-box > ul > li > a > i:before {font-size: 15px;}
.header-bottom-box > ul > li:hover {background: rgba(255,255,255,0.2);}
.header-bottom-box > ul > li ul {position: absolute;left: 0;top: 48px;z-index: 999999;background: rgba(0,0,0,0.8);width: 320px;display: none;}
.header-bottom-box > ul > li ul li {height: 50px; line-height: 50px; border-top: 1px solid rgba(0,0,0,0.1);}
.header-bottom-box > ul > li ul li a {color: #fff; display: block; height: 100%; text-decoration: none; padding: 0 20px; }
.header-bottom-box > ul > li ul li:hover {background: rgba(0,0,0,1);}
.header-bottom-box > ul > li:hover ul {display: block;}

.header-bottom-box > ul > li a i {display: none;}
.header-bottom-box > ul > li a span {display: none}


.header-bottom-box > ul > li:hover {background: #000;}
.header-bottom-box > ul > li:hover > a {color: #fff;}


/* -------------------------------------------------------------------------------------*/
/* 		FOOTER																			*/
/* -------------------------------------------------------------------------------------*/

.inner-page footer {margin-top: 20px;}

.footer-area {/* background: #f6f6f6; *//* padding-top: 20px; */}

footer {/* height: 345px; *//* background: #fff; */position: relative;margin-top: 0px;border-top: 1px solid #dbdbdb;}
.footer {
}

.footer-top-area {
	/* padding-bottom: 10px; */
	border-bottom: 1px solid #e0e0e0;
	height: 101px;
	margin-bottom: 20px;
}
.footer-logo {height: 100px;line-height: 100px;}
.footer-logo img {max-height: 100%;}
.footer-center-area {
	border-bottom: 1px solid #e0e0e0;
}

.footer-leftside {}
.footer-top {height: 110px; background: #c9c9c9; position: relative; margin-top: -10px; padding: 35px 10px 0 10px;}
.footer-top:after {content: ''; position: absolute; left: -10px; top: 0;
	border-style: solid;   border-width: 0 0 10px 10px;   border-color: transparent transparent #808080 transparent;}
.footer-top:before {content: ''; position: absolute; width: 20px; height: 106px; top: 10px; right: -20px;
	background: url('../img/bg/footer-top-shadow.png') no-repeat;}
.footer-top ul {}
.footer-top ul li {width: 33.33%; float: left;}
.footer-top ul li i {display: block; width: 20%; height: 45px; float: left; background: #fff; color: #c9c9c9; line-height: 45px; text-align: center;}
.footer-top ul li i:before {font-size: 25px;}
.footer-top ul li div { width: 80%; float: left; height: 75px; padding-left: 10px;}
.footer-top ul li div h5 {font-weight: 400; font-size: 14px; color: #fff; padding-bottom: 3px; }
.footer-top ul li div a {color: #000;}

.footer-menu {height: 190px;overflow: hidden;/* margin-top: 15px; *//* padding-top: 10px; *//* border-top: 1px solid #f0efef; */}
.footer-menu > ul {display: block; overflow: hidden; width: 100%;}
.footer-menu > ul > li {float: left;height: 175px;padding-left: 60px;}
.footer-menu > ul > li:first-child {padding-left: 0;}
.footer-menu > ul > li > h5 {font-weight: 400; color: #000; padding-left: 15px; position: relative; font-size: 13px; padding-bottom: 8px;}
.footer-menu > ul > li > h5:before {content: ''; position: absolute; left: 0; width: 10px; height: 2px; top: 4px; background: #f0833a;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;}
.footer-menu > ul > li:hover > h5:before {height: 6px;}
.footer-menu > ul > li > ul {}
.footer-menu > ul > li > ul > li {position: relative; font-size: 12px;}
.footer-menu > ul > li > ul > li a {display: block; padding: 1px 0 1px 15px; color: #808080; text-decoration: none;}
.footer-menu > ul > li > ul > li a:before {content: ''; position: absolute; left: 0; width: 0; height: 2px; top: 8px; background: #f0833a;
	-webkit-transition: all 100ms ease-in;
	-moz-transition: all 100ms ease-in;
	-ms-transition: all 100ms ease-in;
	-o-transition: all 100ms ease-in;
	transition: all 100ms ease-in;}
.footer-menu > ul > li > ul > li:hover a:before {width: 10px;}

.footer-rightside {height: 315px; background: #e5e5e5; margin-top: -10px; position: relative; padding: 10px;}
.footer-rightside:before {content: ''; position: absolute; left: -10px; top: 0;
	border-style: solid;   border-width: 0 0 10px 10px;   border-color: transparent transparent #808080 transparent;}
.footer-social {width: 100%;overflow: hidden;height: 100px;}
.footer-social h5 {height: 55px; line-height: 55px; font-weight: 400; font-size: 14px; color: #808080;}
.footer-social ul {
	float: right;
}
.footer-social ul li {float: left;height: 100px;padding-top: 30px;width: 50px;}
.footer-social ul li + li {/* margin-left: 5px; */}
.footer-social ul li a {display: block;color: #000;text-decoration: none;transition: all 50ms ease-in;}
.footer-social ul li i {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
}
.footer-social ul li i:before {font-size: 23px;transition: all 100ms ease-in;}
.footer-social ul li a:hover {color: #f0833a;}
.footer-social ul li a:hover i:before {font-size: 28px;}
.footer-social ul li.fs1 i {background: #2561ea;}
.footer-social ul li.fs2 i {background: #45a5ef;}
.footer-social ul li.fs3 i {background: #1aa3fa;}
.footer-social ul li.fs4 i {background: #ff0000;}
.footer-social ul li.fs5 i {background: #57bbfb;}
.footer-social ul li.fs6 i {background: url('../img/icons/s-logo.png') no-repeat;}

.footer-web-sites {margin-top: 30px; }
.footer-web-sites h5 {font-weight: 400; font-size: 13px; color: #000; padding-bottom: 10px;}
.footer-web-sites ul {overflow: hidden; width: 100%; display: block;}
.footer-web-sites ul li {width: 50%; float: left; padding: 1px 0; font-size: 11.5px;}
.footer-web-sites ul li a {display: block; color: #808080; }

.footer-apps {margin-top: 15px; }
.footer-apps ul {}
.footer-apps ul li {float: left; margin-right: 10px;}
.footer-apps ul li img {}

.bottom {height: 90px; position: relative; margin-top: 0}
.copyright:before {}
.bottom-area {}
.company-logo {height: 100px; line-height: 90px; }
.company-logo img {max-height: 50px;}
.copyright {padding: 25px 0;font-size: 12px;text-align: right;}
.copyright p {padding: 1px 0;color: #4e4e4e;text-align: left;}
.copyright p a {color: #234253;float: right;}
.beework-sign {/* position: absolute; *//* bottom: -17px; *//* z-index: 9999; */}

.payment {height: 90px; line-height: 90px; text-align: right;}
.payment img {}




/* -------------------------------------------------------------------------------------*/
/* 		OTHER NEW STYLES																			*/
/* -------------------------------------------------------------------------------------*/


.content-top-area {height: 530px;margin-bottom: 30px;}

.discounted-products-area {height: 380px;background: white;padding: 20px 30px;margin-bottom: 30px;position: relative;z-index: 9999;}
.discounted-products-area-title {height: 35px; border-bottom: 1px solid #c8c8c8; padding-bottom: 10px;}
.discounted-products-area-title h5 {color: black;  font-weight: 700; font-size: 16px; float: left;}
.discounted-products-area-title a {width: auto; height: 20px; float: right; padding-right: 20px; margin-right: 70px; border-right: 1px solid #c8c8c8;
	color: #797979; text-decoration: none;}


.main-product-box {height: 370px;position: relative;margin-bottom: 15px;background: #fff;overflow: hidden; padding: 0 10px;}
.main-product-box a {display: block; color: #000; text-decoration: none;}
.main-product-box-img {height: 190px;text-align: center;margin-bottom: 20px; overflow: hidden;}
.main-product-box-img img {display: inline-block !Important;width: 100%; height: 100%; object-fit: cover;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.main-product-box:hover img {    -moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);}
.main-product-box-title {height: 140px;/* padding: 0 20px 0 0; */}
.main-product-box-title-top {min-height: 60px;margin-bottom: 10px;}
.main-product-box-title-top h4 {font-weight: 500;font-size: 16px;margin-bottom: 5px;line-height: 20px;}
.main-product-box-title-top h6 {font-weight: 400;font-size: 13px;color: #f08201;}

.main-product-box-title-bottom {height: 45px;position: relative;}
.main-product-box-title-bottom span {display: block;width: 25%;height: 45px;float: left;background: #c92e29;text-align: center;color: #fff;font-size: 17px;line-height: 45px;font-weight: 400;margin-right: 4%;}
.main-product-box-title-bottom span i {display: block;height: 40px;li;line-height: 40px;}
.main-product-box-title-bottom span i:before {font-size: 20px;}
.main-product-box-title-bottom span button {display: block; width: 100%; height: 100%; background: #d70000; border: none; box-shadow: none; border-radius: 0;}
.main-product-box-title-bottom p {display: block;width: 71%;height: 40px;float: left;/* padding-left: 10px; */font-size: 16px;font-weight: 800;}
.main-product-box-title-bottom p b {display: block; text-decoration: line-through; font-weight: 400;}
.main-product-box-title-bottom p i {display: block; font-weight: 400; font-size: 15px;}
.main-product-box-title-bottom h5 {display: block; font-weight: 400; font-size: 15px;}
.main-product-box-title-bottom > b {position: absolute;width: 100%;height: 100%;border: 1px solid #dbdbdb;right: 0;top: 100px;background: #f5f5f5;line-height: 43px;text-align: center;font-weight: 500;font-size: 15px;transition: all 200ms ease-in;}
.main-product-box-title-bottom > b:hover {background: #e5e5e5;}
.main-product-box:hover .main-product-box-title-bottom > b {top: 0;}


.product-box-add-cart {overflow: hidden;padding-top: 10px;text-align: center;}
.product-box-add-cart button {height: 40px; width: 100%; background:none; box-shadow: none; border-radius: 0; border: 1px solid #dbdbdb;}
.product-box-add-cart button:hover {background: #dbdbdb; border: 1px solid #a9a9a9;}
.product-box-add-cart span {display: block; height: 40px; line-height: 40px; width: 100%; border: 1px solid #dbdbdb;}
.product-box-add-cart b {display: block; height: 40px; line-height: 40px; width: 100%; border: 1px solid #dbdbdb; font-weight: 400;}


.discounted-products-area .main-product-box {margin-bottom: 0;border: none;}
.discounted-products-area .main-product-box-title {margin-bottom: 0; border-right: 1px solid #c8c8c8;}


.support {height: 240px;padding: 50px 0;/* background: url('../img/bg/bg.png'); */margin-top: -50px;position: relative;z-index: 999;}
.support-area {}
.support-box {height: 140px; padding: 20px; border-top: 10px solid #ebc567; background: white;}
.support-box-1 {border-top: 10px solid #f5a545;}
.support-box-2 {border-top: 10px solid #3285cb;}
.support-box-img {height: 90px; text-align: center;}
.support-box-img img {width: auto; height: auto;}
.support-box-text {height: 90px;}
.support-box-text-top {height: auto; border-bottom: 1px solid #d0d0d0;}
.support-box-text-top h5 {color: black;  font-weight: 400; font-size: 14px; line-height: 20px; padding-bottom: 10px;}
.support-box-text-top b {color: black;  font-weight: 700;}
.support-box-text-bottom {height: auto; padding-top: 10px;}
.support-box-text-bottom h6 {color: black;  font-weight: 400; font-size: 11px;}
.categories {height: auto;background: #fff;border: 1px solid #dadada;position: relative;margin-bottom: 30px;padding: 0;overflow: hidden;height: 800px;}
.categories-left-area {height: 800px;background: #fff;border-bottom: 1px solid #e0e0e0;width: 25%;float: left;}
.categories-title {height: 55px;line-height: 55px;border-right: 1px solid #f3f1f1;background: white;padding: 0 30px;border-bottom: 1px solid #f3f1f1;}
.categories-title a {text-decoration: none;}
.categories-title i {height: 55px;color: #d70000;float: left;margin-right: 15px;line-height: 55px;}
.categories-title i:before {font-size: 25px;}
.categories-title h1 {color: #d70000;font-size: 16px;font-weight: 500;line-height: 55px;}
.categories-right-area {height: 400px;padding-top: 20px;padding-right: 0; position: relative;}
.categories-right-area:before {content: ''; position: absolute; right: 0; top: 0; width:1px; height: 100%; background: #fff; z-index: 99999;}
.categories-right-area .bx-viewport {min-height:125px !Important;}
.categories-right-area .col-md-4 {width: 25% !important;}
.categories-right-area .row {}
.categories-right-area .bx-wrapper .bx-controls-direction a {top: -81px; margin-top: 0; width: 30px; height: 60px; }
.categories-right-area .bx-wrapper .bx-controls-direction a:hover {background-color: #efefef;}
.categories-right-area .bx-wrapper .bx-next {background-image: url(../img/icons/arrows/arrow6-right.png);  right: 0;}
.categories-right-area .bx-wrapper .bx-prev {background-image: url(../img/icons/arrows/arrow6-left.png);  left: auto; right: 30px;}
.categories-right-area .main-product-box { }


.tab {overflow: hidden;}
.tab li {
	background-color: inherit;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 0 20px;
	transition: 0.3s;
	float: left;
	height: 62px;
	line-height: 60px;
	/* border-bottom: 1px solid #e0e0e0; */
}
.tab li:first-child {padding-left: 0;}
.tab li a {text-decoration: none; color: black;  font-size: 16px; font-weight: 500;}
.tab li a:hover {/* font-weight: 700; */ cursor: pointer; color: #2b2523;}
.tab li.active {border-bottom: 3px solid #2b2523;}
.tab li.active, .tab li.active a {color: #2b2523; font-weight: 600}
.tabcontent {display: none;}

.special-price-area {height: 350px; background: url('../img/bg/bg1.png'); margin-top: -50px; padding: 55px 0;}

.labels-section {margin-top: -20px; }
.labels-area {height: 300px;margin-bottom: 20px;background: #fff;overflow: hidden;}
.labels-area-img {height: 300px; overflow: hidden; position: relative;}
.labels-area-img img {width: 100%;height: 100%;object-fit: cover;}
.labels-area-img:before {
	content:'';
	position: absolute;
	top: 50%;
	margin-top: -20px;
	right: 0;
	z-index: 9999;
	border-right: 20px solid white;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}
.labels-area-img h5 {color: white;font-size: 32px;font-weight: 900;position: absolute;top: 0;width:  100%;height: 100%;text-align:  center;padding: 110px 10px 0;background: rgba(0,0,0,0.2);}

.labels-area-text-area {height: 300px;}
.labels-area-text-box {height: 300px;padding: 30px 30px 30px 10px;}
.labels-area-text-box li {height: 55px;width: 33.33%;float:left;line-height: 5px;margin-bottom: 40px;padding-right: 10px;}
.labels-area-text-box li:hover h6 {font-weight: 600;}
.labels-area-text-box li a {text-decoration: none;}
.labels-area-text-box h5 {color: black;font-size: 15px;font-weight: 600;}
.labels-area-text-box h6 {color: #d70000; font-size: 12px;  font-weight: 500;}

.content-bottom-area {height: 110px;margin-bottom: 25px;}

.bestsellers-products .col-md-4 {width: 100% !Important; padding: 0 !Important; }

.detail-page-section {background: #fff; }
.detail-page {padding: 0;margin: 20px 0;padding: 30px;border: 1px solid #e8e8e8;}
.detail-page-photos {margin-bottom: 15px;/* border: 1px solid #f4f4f4; */background: #fff;/* padding: 15px; */height: auto;}
.detail-page-photos-slider {margin-bottom: 10px;height: 400px;/* border: 1px solid #f4f4f4; */position: relative;}
.detail-page-photos-slider li {height: 398px;text-align: center;overflow: hidden;/* padding: 30px; */line-height: 398px;}
.detail-page-photos-slider img {width: 100%;height: 100%;object-fit: contain !important;display: inline-block !important;}
.detail-page-photos-slider .bx-wrapper .bx-controls-direction a {display: none}
.detail-page-photos-slider:hover .bx-wrapper .bx-controls-direction a {display: block}

.detail-page-photos-slider-pager {width: 100%; padding: 20px;border: 1px solid #f4f4f4; position: relative;}
.detail-page-photos-slider-pager .bx-wrapper {margin: 0 !important;width: 100%;max-width: none !important;}
.detail-page-photos-slider-pager ul {}
.detail-page-photos-slider-pager ul li {height: 80px;text-align: center;line-height: 80px;}
.detail-page-photos-slider-pager ul li a {display: block; height: 100%; opacity: 0.6;}
.detail-page-photos-slider-pager ul li a:hover {opacity: 0.8; cursor: pointer;}
.detail-page-photos-slider-pager ul li a.active {opacity: 1;}
.detail-page-photos-slider-pager ul li img {max-width: 100%;display: inline-block !important;max-height: 100%;}

.detail-page-photos-slider-pager .bx-wrapper .bx-controls-direction a {z-index: 999;width: 20px;height: 20px;top: -18px;margin-top: 0;}
.detail-page-photos-slider-pager .bx-wrapper .bx-prev {left: auto;right: 5px; background-image: url(../img/alt-prev.png);}
.detail-page-photos-slider-pager .bx-wrapper .bx-prev:hover {}
.detail-page-photos-slider-pager .bx-wrapper .bx-next {right: -15px; background-image: url(../img/alt-next.png);}
.detail-page-photos-slider-pager .bx-wrapper .bx-next:hover {}
.detail-page-photos-slider-pager .bx-wrapper .bx-controls-direction a:hover {background-color: #efefef;}



.product-detail-rightside {}
.product-detail-rightside h6 {font-size: 14px; margin-bottom: 20px;}
.product-detail-rightside p {font-size: 18px;font-weight: 300;padding-bottom: 10px;}
.page-title {font-size: 28px; padding-bottom: 5px; margin-bottom: 20px;}

.product-detail-colors {overflow: hidden; margin-bottom: 30px;}
.product-detail-colors h5 {font-size: 14px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #ededed;}
.product-detail-colors ul {}
.product-detail-colors ul li {height: 40px; line-height: 40px; margin-bottom: 5px; overflow: hidden;}
.product-detail-colors ul li b {display: block; width: 40px; height: 40px; float: left; border: 1px solid #dbdbdb; border-radius: 50%;
	margin-right: 10px;}

.product-price-area {margin-bottom: 20px;}
.product-price-area h5 {font-size: 14px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ededed;}
.product-price-area > span {font-size: 28px;font-weight: 500;display: block;/* height: 50px; */}
.product-price-area h4 {font-size: 18px;padding: 0;overflow: hidden;}
.product-price-area h4 span {font-size: 24px;display: block;float: left;height:  50px;line-height: 50px;font-weight: 400;}
.product-price-area span label {
	color: #03a020;
	font-weight: 400;
	height: 50px;
	line-height: 50px;
	float: left;
}
.product-price-area span label i {
	margin: 0 10px;
	display: block;
	height: 50px;
	line-height: 50px;
	float: right;
}
.product-price-area span label i:before {
	font-size: 30px;
}

.normal-price {font-size: 28px;font-weight: 500;display: block;/* height: 50px; */}
.normal-price h3 {font-size: 18px;padding: 0 0;overflow: hidden;}
.normal-price h3.discounted {
	text-decoration: line-through;
}
.normal-price h3.discounted span {
	font-size: 18px;
	font-weight: 400;
	height: auto;
	line-height: inherit;
	text-decoration: line-through;
}
.normal-price h3.discounted label {
	display: none;
}
.normal-price h3 span {font-size: 24px;display: block;float: left;height:  50px;line-height: 50px;}
.normal-price h3 label {
	color: #000000;
	font-weight: 400;
	height: 50px;
	line-height: 50px;
	float: left;
	padding-right: 10px;
}
.normal-price h3 label i {
	margin: 0 10px;
	display: block;
	height: 50px;
	line-height: 50px;
	float: right;
}
.normal-price h3 label i:before {
	font-size: 30px;
}

.add-basket-field {}
.add-basket-field > button {
	display: block;
	width: 55%;
	float: right;
	text-align: center;
	height: 50px;
	line-height: 50px;
	border-radius: 45px;
	border: 1px solid #ededed;
	font-size: 16px;
	font-weight: 300;
	text-decoration: none;
	color: #fff;
	background: #2b2523;
}
.add-basket-field > button i {}
.add-basket-field > button i:before {}
.number-input {display: block;width: 30%;float: left;height: 45px;border: 1px solid #e5e5e5;/* border-right: 1px solid #e5e5e5; */overflow: hidden;}
.number-input button {
	background: none;
	box-shadow: none;
	border: none;
	width: 30.2%;
	height: 44px;
	margin: 0;
	padding: 0;
	font-size: 25px;
	/* border-radius: 50%; */
	/* border-left: 1px solid #dedede; */
}
.number-input button:hover {background: #f4f4f4;}
.number-input button .increase_number {}
.number-input input {
	background: none;
	box-shadow: none;
	border: none;
	width: 35%;
	height: 43px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 25px;
	/* border-radius: 20px; */
	/* padding-left: 5px; */
	border-top: none;
	border-bottom: none;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.stock-message {width: 45%; float: right; background: #499ad9; height: 50px; text-align: center; line-height: 50px; color: #fff;}

.objects-list {padding: 40px 0; }
.object-box {height: 300px; border: 1px solid #ededed; overflow: hidden; position: relative; margin-bottom: 20px;}
.object-box a {display: block; height: 100%; padding: 20px; color: #000; text-decoration: none; }
.object-box h4 {font-size: 17px; line-height: 22px; font-weight: 600; height: 44px; overflow: hidden; }
.object-box b {font-weight: 400; font-size: 14px;}
.object-box span {display: block; height: 200px; text-align: center; line-height: 220px}
.object-box span img {max-width: 100%; max-height: 100%;}
.object-box p {position: absolute;  bottom: -100%; left: 0; width: 100%; padding: 20px; background: rgba(0,0,0,0.3); color: #fff }
.object-box:hover p {bottom: 0;}

.left-title {font-size: 18px;  margin-bottom: 20px;}

.detail-content {position: relative; padding-left: 30px;}
.page-title {}
.detail-photo {height: 500px; text-align: center; line-height: 500px; }
.detail-photo img {max-width: 100%; max-height: 100%;}
.detail-body {}
.detail-body p {font-size: 16px; margin-bottom: 15px}

.product-infos {margin: 20px 0; border: 1px solid #c8c8c8;}
.product-tab-area {
	/* background: #f1f1f1; */
	padding: 0 30px;
}
.product-tab-area .tab-content p {font-size: 16px !important;margin-bottom: 10px;font-family: 'Montserrat', sans-serif !important;}
.product-tab-area .tab-content p span {font-size: 16px !important;margin-bottom: 10px;font-family: 'Montserrat', sans-serif !important;}


ul.product-tab-menu { height: 61px; border-bottom: 1px solid #c8c8c8;}
ul.product-tab-menu li {
	background-color: inherit;
	border: none;
	outline: none;
	cursor: pointer;
	transition: 0.3s;
	float: left;
	height: 62px;
	line-height: 60px;
	/* border-bottom: 1px solid #e0e0e0; */
}
ul.product-tab-menu li:first-child a {padding-left: 0;}
ul.product-tab-menu li a {text-decoration: none;color: black;font-size: 16px;font-weight: 500;display: block; padding: 0 15px;}
ul.product-tab-menu li a:hover {/* font-weight: 700; */ cursor: pointer; color: #f0833a;}
ul.product-tab-menu li.active {border-bottom: 3px solid #f0833a;}
ul.product-tab-menu li.active, ul.product-tab-menu li.active a {color: #f0833a;font-weight: 600;}
ul.product-tab-menu li i {display: block; height: 60px; line-height: 60px; float: left; margin-right: 10px;}
ul.product-tab-menu li i:before {font-size: 20px;}

.product-tab-content {padding: 20px 0; }
.product-tab-content .tab-pane {font-size: 16px;}

.product-tab-content .content-video {height: 600px}

.breadcrumb-section {height: 60px;position: absolute;left: 0;top: 0;width: 100%;background: #f8f8f8;}
.breadcrumb-full {height: 60px; width: 1180px; margin: 0 auto;}
.breadcrumb-full ul {}
.breadcrumb-full ul li {float: left;height: 60px;line-height: 60px;font-size: 13px;font-weight: 400;}
.breadcrumb-full ul li a { color: #3c3c3c; padding: 0 10px}
.breadcrumb-full ul li:before {content: '/';}
.breadcrumb-full ul li:first-child:before {display: none;}
.breadcrumb-full ul li:last-child a {color: #000000;font-weight: 700;}

.inner-page .breadcrumb-section + .detail-page {}

.mini-banner-section {margin-bottom: 30px;}
.mini-banner-area {}
.mini-banner-box {}
.mini-banner-box a {}
.mini-banner-box img {/* width: 100%; */}

.mobile-footer-menu {margin-bottom: 20px; background: #fff; display: none;}
.mobile-footer-menu ul {}
.mobile-footer-menu ul li {height: 36px; background: #e6e6e6; margin-bottom: 1px; line-height: 36px; }
.mobile-footer-menu ul li a {display: block; height: 100%; color: #000; padding: 0 15px;}
.mobile-footer-menu ul li i {display: block; width: 26px; height: 26px; line-height: 26px; text-align: center; background: #fff; color: #e6e6e6; float: left; margin-top: 5px; margin-right: 10px; }
.mobile-footer-menu ul li i:before {}



.payment-options {background: #f1f1f1;padding: 20px;margin-bottom: 10px;}
.payment-options h1 {font-size: 15px; margin-bottom: 10px; }
.payment-options label {display: block; font-weight: 600; font-size: 15px; margin-bottom: 5px; }

.news-box {height: 300px;/* border: 1px solid #dbdbdb; */}
.news-box a {display: block; height: 100%; text-decoration: none; color: #000; }
.news-box-photo {height: 200px;/* border-bottom: 1px solid #dbdbdb; */ position: relative;}
.news-box-photo img {width: 100%; height: 100%; object-fit: cover;}
.news-box-photo i {position: absolute; color: #fff; background: #c92e29; top: 50%; left: 50%; margin: -30px 0 0 -30px; border-radius: 50%; }
.news-box-photo i:before {font-size: 60px;}
.news-box-title {padding: 10px 0;}
.news-box-title h5 {font-weight: 500;margin-bottom: 5px;font-size: 15px;line-height: 20px;max-height: 60px;overflow: hidden;}
.news-box-title span {display: block;font-size: 13px;color: f0833a;font-weight: 600;}
.news-box:hover {background: #f4f4f4;}

.news-details-page {overflow: hidden;}
h3.news-intro {margin-bottom: 15px;font-size: 18px;font-weight: 400;/* font-style: italic; */line-height: 24px;}
.news-details-page p {margin-bottom: 15px;font-size: 16px;line-height: 20px;}
.news-details-page ul {margin-bottom: 15px;}
.news-details-page ul li {margin-bottom: 5px;font-size: 16px;line-height: 20px;}
.detail-page-photos {/* margin-bottom: 30px; */}
.detail-page-photos img {/* width: 100%; *//* height: 100%; */}

.whatsapp-link {display: block;position: fixed;right: 30px;bottom: 30px;width: 65px;height: 65px;overflow: hidden;border-radius: 50%;text-align: center;line-height: 65px; z-index: 99999;}
.whatsapp-link a {display: block; }
.whatsapp-link img {width: 90%; height: 90%;}

.product-colors {overflow: ; padding-top: 20px;}
.product-colors ul {margin: 0 -5px; }
.product-colors ul li {width: 20%;float: left;padding: 0 5px;margin-bottom: 15px;}
.product-colors ul li.active span {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3); border: none;}
.product-colors ul li a {color: #000; text-decoration: none;}
.product-colors ul li a:hover {color: #00528a; cursor: pointer;}
.product-colors ul li span {display: block;height: 75px;border-radius: 0;overflow: hidden;border: 1px solid #ececec;text-align: center;margin-bottom: 5px;line-height: 75px;}
.product-colors ul li span img {max-width: 90%; max-height: 90%; object-fit: contain;}
.product-colors ul li b {display: block; text-align: center; font-weight: 500; }

.product-variation {overflow: ; padding-top: 20px;}
.product-variation ul {margin: 0 -5px; }
.product-variation ul li {width: 20%;float: left;padding: 0 5px;margin-bottom: 15px;}
.product-variation ul li.active span {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.3); border: none;}
.product-variation ul li a {color: #000; text-decoration: none;}
.product-variation ul li a:hover {color: #f0833a; cursor: pointer;}
.product-variation ul li span {display: block;height: 75px;border-radius: 0;overflow: hidden;border: 1px solid #ececec;text-align: center;margin-bottom: 5px;line-height: 75px;}
.product-variation ul li span img {max-width: 90%; max-height: 90%; object-fit: contain;}
.product-variation ul li b {display: block; text-align: center; font-weight: 500; }

.footer-boxes {margin-bottom: 40px}
.footer-box {height: 200px; background: #2b2523;}
.footer-box a {display: block; height: 100%; color: #fff; text-decoration: none; padding: 30px;}
.footer-box-title {width: 60%; height: 140px; float: left;}
.footer-box-title h5 {font-size: 15px; font-weight: 600; line-height: 20px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #fff;}
.footer-box-title p {}
.footer-box-icon {width: 40%;height: 140px;float: left;text-align: left;line-height: 120px;}
.footer-box-icon img {opacity: 0.5; transition: all 200ms ease-in;}
.footer-box:hover img {opacity: 1;}

.footer-boxes .col-md-4:nth-child(2) .footer-box {background: #26add0;}
.footer-boxes .col-md-4:nth-child(2) .footer-box-icon {text-align: right;}
.footer-boxes .col-md-4:nth-child(3) .footer-box {background: #ec8a72;}

.content-video {height: 100%;}
.content-video iframe {width: 100% !Important;; height: 100% !Important;}

.content-video-pager {height: 100%; width: 100%; background: #7a3f7f;}
.content-video-pager a {display: block; height: 100%;}
.content-video-pager i {color: #fff !Important;height: 80px;line-height: 80px;}
.content-video-pager i:before {font-size: 50px;}
.kvkk-area { height: 200px; width: 100%; background-color: #2b2523}

/*Popup*/
.popup {position: absolute;width: 100%;height: 100%;z-index: 99999998;position: fixed;top: 0;left: 0;}
.popup > span {position: absolute; width: 100%; height:100%; background: #000; opacity: 0.6; z-index: 999997;}
.popup-img {width: 600px;left: 50%;position: absolute;z-index: 999998;padding: 35px 0 0 0;top: 0%;margin: 0 0 0 -300px;}
.popup-img > a {display: block;}
.popup-img img {width: 100%;border:10px solid #fff; display: none;}
.popup-img img.desktop-popup-img {display: block;}
.popup-img img.mobile-popup-img {display: none;}
.popup-img span {cursor:pointer;display: block;position: absolute;width: 50px;height: 50px;top: 35px;right: -60px;z-index: 999999;background: #fff;}
.popup-img span:before {
	content:'';
	position: absolute;
	width: 1px;
	height: 25px;
	left: 25px;
	top:12px;
	background: #380f37;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
}
.popup-img span:after {
	content:'';
	position: absolute;
	width: 1px;
	height: 25px;
	left: 25px;
	top:12px;
	background: #380f37;
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
}

/*** Cookies Area ****/
.cookies-information-area {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #f7f7f7;
	z-index: 99999;
	padding: 40px;
	box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.5);
}
.close-cookies-area {position: absolute;right: 40px;top: 10px;}
.close-cookies-area i {}
.close-cookies-area i:before {font-size: 20px;}
.close-cookies-area input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}
.cookies-information {font-size: 12px; line-height: 20px;}
.cookies-information p {margin-bottom: 10px;}
.cookies-information b {}
.cookies-information a {color: #000; text-decoration: none; }
.cookies-confirmation {position: absolute; bottom: 20px; right: 40px; background: #2b2523; padding: 5px 20px; color: #fff;}


.share {
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
	font-family: 'Montserrat', sans-serif;
}
.share span {
	display: block;
	height: 40px;
	display: inline-block;
	line-height: 48px;
	text-align: center;
	color: #9a9a9a;
	font-size: 15px;
	transition: all 100ms ease-in;
	padding-left: 100px;
}
.share span i {display: block;height: 40px;line-height: 40px; float: left;}
.share span i:before {font-size: 20px;}
.share ul {
	position: absolute;
	width: 200px;
	height: 201px;
	background: #ffffff;
	border: 1px solid #eae9e9;
	bottom: -201px;
	right: 0;
	box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
	display: none;
	z-index: 99999;
}
.share:hover ul {display: block;}
.share ul li {height: 40px; text-align: left; line-height: 39px; padding: 0 10px; font-size: 14px;}
.share ul li a {display: block; border-bottom: 1px solid #eae9e9; color: #5d5d5d; text-decoration: none;}
.share ul li:last-child a {border-bottom: none;}
.share ul li i {display: block; height: 39px; line-height: 39px; float: left; margin-right: 10px; color: #c5c5c5; transition: all 100ms ease-in;}
.share ul li i:before {font-size: 20px;}

.share:hover span {cursor: pointer; color: #000000;}
.share ul li:hover i.icon-facebook {color: #0d488d;}
.share ul li:hover i.icon-twitter {color: #46afd2;}
.share ul li:hover i.icon-linkedin {color: #1557a5;}
.share ul li:hover i.icon-chat {color: #6a9219;}
.share ul li:hover i.icon-mail {color: #eb6136;}

.add-product-list .share {width: 80px;}
.add-product-list .share span {padding-left: 0;width: 100%;line-height: 40px;}

.page-title .share {
	height: 30px;
	top: 0;
	right: 0;
}
.page-title .share span {height: 30px; line-height: 30px;}
.page-title .share span i {height: 30px; line-height: 30px;}

/* Basket Area */
.basket-leftside {margin-top: 20px;border: 1px solid #dbdbdb;padding: 30px;font-family: 'Montserrat', sans-serif;}

span.amount_error {color: #ff0000;/* padding-bottom: 10px; */font-size: 14px;display: block;}

.order-list-area {}
.order-list-area > ul {}
.order-list-area > ul > li:first-child {padding: 10px 0; border-bottom: 1px solid #dbdbdb;}
.order-list-area > ul > li {margin-bottom: 20px}

.order-table-area {}
.order-table-area > ul {overflow: hidden;}
.order-table-area > ul > li {float: left; padding-left: 20px;}
.order-table-area > ul > li:nth-child(1) {width: 18%; padding-left: 0;}
.order-table-area > ul > li:nth-child(2) {width: 37%;}
.order-table-area > ul > li:nth-child(3) {width: 15%;}
.order-table-area > ul > li:nth-child(4) {width: 15%;}
.order-table-area > ul > li:nth-child(5) {width: 15%;}
.order-table-area > ul > li:nth-child(6) {}
.order-table-area > ul > li > h6 {font-weight: 500; font-size: 13px;}
.order-table-area > ul > li > b {font-size: 16px; font-weight: 600;}

.order-product-photo {border: 1px solid #dbdbdb; text-align: center; height: 160px; overflow: hidden; line-height: 158px}
.order-product-photo img {width: 90%; height: 90%; object-fit: contain;}

.order-product-info {padding-top: 15px;}
.order-product-info > h5 {
	font-weight: 400;
	font-size: 14px;
	color: #f0833a;
	margin-bottom: 5px;
}
.order-product-info > h4 {font-size: 20px; line-height: 23px; margin-bottom: 5px}
.order-product-info > span {display: block; color: #c90909; font-weight: 600; margin-bottom: 5px;}
.order-product-info > ul {}
.order-product-info > ul > li {float: left; margin-right: 15px; height: 20px; line-height: 20px;}
.order-product-info > ul > li > a {display: block; color: #848484; text-decoration: none;}
.order-product-info > ul > li i {display: block; float: left; height: 20px; line-height: 20px; margin-right: 3px; transition: all 100ms ease-in;}
.order-product-info > ul > li i:before  {font-size: 18px;}
.order-product-info > ul > li:nth-child(1) i {color: #000;}
.order-product-info > ul > li:nth-child(2) i {color: #c90909;}
.order-product-info > ul > li:nth-child(2) a {color: #c90909; font-weight: 600;}
.order-product-info > ul > li:hover i {line-height: 15px;}

.order-product-info > ul > li.active i {color: #c90909;}

.order-quantity-input {height: 37px;overflow: hidden;border: 1px solid #dadada;display: block; background: #f6f2ed;}
.order-quantity-input button {width: 33.33%;float: left;height: 35px;border-radius: 0;box-shadow: none;background: #f6f2ed;border: none;}
.order-quantity-input input {width: 33.33%; float: left; height: 35px; text-align: center !Important;
	border-radius: 0; box-shadow: none; background: #fff; border: none; border-left: 1px solid #dadada; border-right: 1px solid #dadada;}
.order-quantity-input input[type=number]::-webkit-inner-spin-button,
.order-quantity-input input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}


.basket-rightside {margin-top: 20px;}

.order-total-area {border: 1px solid #dbdbdb;padding: 30px;font-family: 'Montserrat', sans-serif; margin-bottom: 20px;}
.order-total-area h3 {
	font-family: 'DM Serif Text', sans-serif;
	font-size: 25px;
	font-weight: 400;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 10px;
	margin-bottom: 20px;}

.order-total-info {}
.order-total-info ul {overflow: hidden;}
.order-total-info ul li {margin-bottom: 5px;}
.order-total-info ul li span {display: block; font-size: 15px;}
.order-total-info ul li b {display: block; font-weight: 500; font-size: 18px;}
.order-total-info ul li h4 {font-size: 26px;}

.order-total-info ul li.discount-code {padding: 15px 0 20px 0; margin-bottom: 20px; border-bottom: 1px solid #dbdbdb;}
.order-total-info ul li.discount-code p {height: 97px;border: 1px solid #dbdbdb;}
.order-total-info ul li.discount-code p > b {color: #f00; font-size: 12px; display: block; margin-top: 10px;}
.order-total-info ul li.discount-code p > i {display: block; float: left; height: 55px; line-height: 55px; width: 20%; text-align: center;
	color: #c8c8c8;}
.order-total-info ul li.discount-code p > i:before {font-size: 25px;}
.order-total-info ul li.discount-code input {width: 80%; height: 55px; border: none; box-shadow: none; border-radius: 0; background: no-repeat;
	padding-right: 15px; font-size: 15px;}
.order-total-info ul li.discount-code button {height: 40px; width: 100%; border: none; background: #f0833a; box-shadow: none; border-radius: 0; color: #fff;
	line-height: 38px; font-size:15px; }
.order-total-info ul li.discount-code button i {display: none; }
.order-total-info ul li.discount-code button i:before {font-size: 20px; }
.order-total-info ul li.discount-code button:hover {cursor: pointer; background: #af561a;}

.next-step-button {height: 75px;background: #2b2523;line-height: 75px;text-align: center;font-size: 18px;}
.next-step-button a {display: block; height: 100%; color: #fff; text-decoration: none;}
.next-step-button a i {margin-left: 10px;}
.next-step-button:hover {background: #f0833a;}


.mobile-search-area {display: none;}


.address-area {margin-bottom: 30px;}

.address-area-title {padding: 0px 0 15px 0;}
.address-area-title h4 {}

.address-list-area {}
.address-list-area ul {}
.address-list-area ul li {}

.address-box {border: 1px solid #dbdbdb; position: relative;  overflow: hidden; margin-bottom: 10px;}
.address-box > i {position: absolute; right: 20px;top: 50%; margin-top: -25px;  color: #44b668;  opacity: 0;}
.address-box > i:before {font-size: 40px;}
.address-box:before {content: ''; position: absolute; right: 0; top: 50%; margin-top: -12px; opacity: 0;
	border-style: solid;
	border-width: 12px 12px 12px 0;
	border-color: transparent #2b2523 transparent transparent;}

.address-box:hover, .address-box.active {border-color: #2b2523; cursor: pointer;}
.address-box.active i {opacity: 1;}
.address-box:hover:before, .address-box.active:before {opacity: 1;}

.address-box > p {position: absolute; right: 0; top: 15px; width: 100px; }
.address-box > p > a {display: block; margin-bottom: 10px; text-align: center; color: #000;}
.address-box > p > a i {margin-right: 2px; display: block;}
.address-box > p > a i:before {font-size: 15px;}


.address-box-title {width: 30%; min-height: 100px; height: auto; padding: 20px 30px;  float: left;}
.address-box-title h5 {font-size: 15px; font-weight: 600; margin-bottom: 5px; }
.address-box-title h6 {font-weight: 400; font-size: 14px}

.address-box-detail {width: 70%; float: left; min-height: 100px; height: auto; padding: 20px 100px 20px 20px;}
.address-box-detail p {font-size: 14px;}

.add-new-address {overflow: hidden; margin-bottom: 10px;}
.add-new-address a {display: inline-block;  background: #efefef; border: 1px solid #dadada; padding: 0 40px;; text-align: center; height: 42px; line-height: 40px;
	color: #000; text-decoration: none;}
.add-new-address i {display: block; float: left; height: 40px; line-height: 40px;  margin-right: 10px;}
.add-new-address i:before {font-size: 25px; }
.add-new-address a:hover {background: #dadada; cursor: pointer;}

.payment-address-list {}
.payment-address-list .address-box {padding-left: 60px;}
.payment-address-list .address-box-title {padding-left: 0; }

.address-box span {position: absolute; width: 30px; height: 30px; border: 1px solid #dbdbdb; left: 10px; top: 50%; margin-top: -15px;}
.address-box span i {display: block; height: 28px; line-height: 28px; text-align: center; display: none;}
.address-box span i:before {font-size: 20px;}
.address-box:hover span {border-color: #3f9e2d;}
.address-box:hover span i {display: block;}
.address-box.active span {border-color: #3f9e2d;}
.address-box.active span i {color: #3f9e2d; display: block;}


.new-address-form {border: 1px solid #dadada; margin-bottom: 30px; padding: 30px; display: none;}
.new-address-form.active {display: block;}
.new-address-form ul {overflow: hidden;}
.new-address-form ul li {margin-bottom: 10px;}
.new-address-form ul li b {display: block; font-weight: 400; font-size: 13px;}
.new-address-form ul li span {display: block; display: block;  height: auto; min-height: 50px; border: 1px solid rgb(203, 201, 192,0.3);
	position: relative; border-radius: 5px;}
.new-address-form ul li span > input {width: 100%;height: 48px;background: none;border: none;box-shadow: none;border-radius: 0;padding: 0 20px;}
.new-address-form ul li span > select {width: 100%; height: 48px; background: none; border: none; box-shadow: none; border-radius: 0; padding: 0 20px;}
.new-address-form ul li span > textarea {width: 100%; min-width: 100%; max-width: 100%; height: 150px; max-height: 150px; min-height: 150px; background: none;
	border: none; box-shadow: none; border-radius: 0; padding: 20px;}
.new-address-form ul li span label {display: block; float: left; width: 20%; padding: 12px 20px; font-weight: 500; font-size: 14px; }
.new-address-form ul li span label:hover {cursor: pointer;}
.new-address-form ul li span label input {}
.new-address-form ul li button {width: 30%; height: 50px; background: #efefef; color: #000; float: right; border: 1px solid #dadada; }
.new-address-form ul li button:hover {background: #e2e2e2;}

.custom-select {position: relative; width: 100%; height: 60px;    }
.custom-select select {display: none;}
.select-selected {background: #fff !important;height: 60px !important;line-height: 58px !important; border: 1px solid #e9e9e9 !important;}
.select-selected:after {position: absolute; content: ""; top: 21px; right: 20px; width: 16px;  height: 16px;
	background: url(../img/icons/down-arrow.png) no-repeat; }
.select-selected.select-arrow-active:after {transform: rotate(180deg);}
.select-selected {
	color: #868686;
	padding: 0 15px;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer;
	user-select: none;
	height: 40px;
	line-height: 39px;
	border-bottom: 1px solid #e9e9e9;
	text-align: left;
	background: #fff;
}
.select-items div {color: #868686; padding: 10px 20px;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer; user-select: none; line-height: 17px; border-bottom: 1px solid #e9e9e9; text-align: left;  background: #fff;  }
.select-items {position: absolute; top: 100%; left: 0; right: 0; z-index: 99; border: 1px solid #e9e9e9;  border-top: none;
	max-height: 270px; overflow: scroll; background: #fff; min-height: 100px}
.select-items:hover {cursor: pointer;}
.select-hide { display: none;}
.select-items div:hover, .same-as-selected {background: #f2f2f2; cursor: pointer;}

.order-summary-area {margin-bottom: 30px;}

.order-payment-area {margin-bottom: 30px;}
.order-payment-area p {margin: 10px 0; overflow: hidden;}
.order-payment-area button {width: 100%; height: 45px; background: #2b2523; border: none; color: #fff; font-size: 15px;}


.rightside-address-info {
	border: 1px solid #dbdbdb;
	padding: 30px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 20px;
}
.order-address-info {padding: 15px 0;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 20px;}

.rightside-address {overflow: hidden;}
.rightside-address h4 {font-size: 16px; font-weight: 600; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dbdbdb;}
.rightside-address h4 i {display: block; float: left; margin-right: 10px;}
.rightside-address h4 i:before {font-size: 20px;}
.rightside-address h5 {color: #2b2523; font-weight: 600; margin-bottom: 5px;}
.rightside-address h6 {color: #2b2523; font-weight: 400; font-size: 13px; margin-bottom: 5px;}
.rightside-address p {margin-bottom: 5px;}

.rightside-address + .rightside-address {margin-top: 30px;}

.member-panel-section {/* margin-top: 80px; */}
.inner-page .member-panel-section {padding-top: 20px; margin: 0 -10px}

.member-panel-leftside {padding: 25px; border: 1px solid #dadada; }
.member-panel-leftside h3 {font-weight: 600; font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dadada;}

.member-panel-leftmenu {}
.member-panel-leftmenu ul {overflow: hidden;}
.member-panel-leftmenu ul li {font-size: 15px; position: relative;}
.member-panel-leftmenu ul li a {display: block; color: #000; text-decoration: none; padding: 5px 0; font-weight: 400; transition: all 100ms ease-in;}
.member-panel-leftmenu ul li.active {font-weight: 700;}
.member-panel-leftmenu ul li a:hover, .member-panel-leftmenu ul li.active a {padding-left: 15px; }
.member-panel-leftmenu ul li:before {content: ''; position: absolute; left: 0; top: 50%; width: 0; height: 1px; background: #000;
	transition: all 100ms ease-in;}
.member-panel-leftmenu ul li:hover:before, .member-panel-leftmenu ul li.active:before {width: 10px;}

.member-panel-rightside {padding: 25px; border: 1px solid #dadada;}

.member-panel-title {}
.member-panel-title h3 {
	font-weight: 600;
	font-size: 16px;
	padding: 0 60px 10px 0 ;
	margin-bottom: 10px;
	border-bottom: 1px solid #dadada;
	display: inline-block;
}

.order-box {
	height: 105px;
	border-top: 1px solid #dbdbdb
}
.order-box:hover {background: #eaeaea;}
.order-box a {display: block;padding: 15px 10px;color: #000;text-decoration: none;overflow: hidden;}

.order-box-photos {height: 70px;position: relative;width: 20%;float: left;}
.order-box-photos span {display: block; width: 65px; height: 65px; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 0;
	line-height: 65px; text-align: center; font-size: 20px; background: #fbfbfb; border: 1px solid #dbdbdb;}
.order-box-photos span img {width: 100%;height: 100%;object-fit: cover;}

.order-box-photos span:nth-child(1) {left: 0; }
.order-box-photos span:nth-child(2) {left: 35px;}
.order-box-photos span:nth-child(3) {left: 70px;  }

.order-box-info {height: 70px; padding: 10px 10px 0 20px; width: 30%; float: left}
.order-box-info span {display: block; font-size: 15px}
.order-box-info span b {}

.order-box-price {height: 70px;width: 20%;float: left;}
.order-box-price b {display: block; line-height: 65px; font-size: 20px; color: #2b2523; text-align: right;}

.album-intro-text {margin-bottom: 10px;}

.zoomWindow, .zoomContainer {z-index: 9999 !Important;}

.footer-references-area {height: 242px; border: 1px solid #dbdbdb; margin-bottom: 20px; padding: 0 30px;}
.footer-references-area h4 {height: 61px; line-height: 60px; border-bottom: 1px solid #dbdbdb; font-weight: 600; font-size: 17px; color: #2b2523;
	position: relative; padding-right: 100px;}
.footer-references-area h4:before {content:''; position: absolute; left: 0; bottom: -2px; height: 3px; background: #2b2523; width: 12%;}
.footer-references-area h4 a {float: right; font-size: 13px; color: #868686; font-weight: 400;}
.footer-references-slider {position: relative; height: 160px;}
.footer-references-slider li {text-align: center; height: 160px; line-height: 160px;}
.footer-references-slider li a {}
.footer-references-slider li img {display: inline-block !Important; }

.footer-references-slider .bx-wrapper .bx-controls-direction a {top: -53px; margin-top: 0; width: 40px;}
.footer-references-slider .bx-wrapper .bx-controls-direction a:hover {background-color: #ececec;}
.footer-references-slider .bx-wrapper .bx-prev {left: auto; right: 40px;}
.footer-references-slider .bx-wrapper .bx-next {right: 0;}

.references-box {height: 300px; border: 1px solid #dbdbdb; margin-bottom: 20px; }
.references-box a {display: block; height: 100%; text-decoration: none; color: #000; }
.references-box-photo {height: 200px;/* border-bottom: 1px solid #dbdbdb; */ position: relative; text-align: center; line-height: 200px;}
.references-box-photo img {max-width: 100%; max-height: 100%;}
.references-box-photo i {position: absolute; color: #fff; background: #c92e29; top: 50%; left: 50%; margin: -30px 0 0 -30px; border-radius: 50%; }
.references-box-photo i:before {font-size: 60px;}
.references-box-title {padding: 10px 20px;}
.references-box-title h5 {font-weight: 500;margin-bottom: 5px;font-size: 15px;line-height: 20px;max-height: 60px;overflow: hidden;}
.references-box-title span {display: block;font-size: 13px;color: #f0833a;font-weight: 600;}
.references-box:hover {background: #f4f4f4;}

.reset-pass li:last-child input {display: inline-block;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	font-weight: 400;
	padding: 0 28px;
	line-height: 40px;
	background: #2b2523;
	position: relative;
	text-align: center;
	text-decoration: none;
	border-radius: 4px 4px 5px 5px;
	border: 0;
	box-shadow: 0 4px 0 #c4e6ce;}

.icons-information-area {/* margin-bottom: 20px; */width: 50%;float: left;height: 60px;}
.icons-information-area ul {overflow: hidden;float: right; width: 100%;}
.icons-information-area ul li {/* float: left; */width: 50%;float: right;height: 60px;/* background: #f4f4f4; *//* border: 1px solid #dbdbdb; */}
.icons-information-area ul li i {display: block;width: 40%;height: 60px;line-height: 60px;float: left;text-align: center;}
.icons-information-area ul li i:before {font-size: 34px;}
.icons-information-area ul li b {display: block;width: 60%;font-weight: 500;font-size: 14px;line-height: 18px;height: 48px;float: left;padding: 10px 5px;}

.product-detail-text-area {padding-right: 0;position: relative;}
.product-detail-text-area.product-two-document {padding-right: 300px;}
.product-detail-text-area.product-single-document {padding-right: 150px;}
.product-detail-text-area ul {
	list-style: inherit;
	margin-left: 20px;
}
.product-detail-text-area ul li {}

.product-single-document .product-detail-documents {width: 120px;}
.product-single-document .product-detail-documents li {width: 100%;}

.product-detail-documents {position: absolute;right: 0;top: 0;width: 250px;}
.product-detail-documents ul {
	list-style: none;
	margin: 0;
}
.product-detail-documents ul li {float: left;width: 48%;float: left;background: #fff;height: 140px;border: 1px solid #dbdbdb;}
.product-detail-documents ul li:hover {background: #f9f9f9;}
.product-detail-documents ul li + li {margin-left: 4%;}
.product-detail-documents ul li a {display: block; height: 100%; color: #757575; text-decoration: none;}
.product-detail-documents ul li i {display: block; height: 90px; line-height: 90px; text-align: center;}
.product-detail-documents ul li i:before {font-size: 40px;}
.product-detail-documents ul li h4 {font-size: 15px; display: block; font-weight: 500; padding: 0 10px;}

.panel-group .panel {border-radius: 2px;}
.panel-default > .panel-heading {background: #f8f8f8;border-radius: 1px; padding: 15px; f}

.payment-section {
	text-align: center;
	padding: 50px;
	background: #efefef;
	margin-top: -30px;
}
.payment-title {text-align: left; margin-bottom: 20px; font-size: 20px; font-weight: 500;}


.slogans-section {height: 240px; background: #f2d4b2; margin-bottom: 30px;}
.slogan-area {}
.slogan-box {height: 240px; overflow: hidden; position: relative;}
.slogan-box a {display: block; height: 100%; text-decoration: none; color: #000; }
.slogan-box h4 {position: absolute;left: 10px;top: 40px;font-size: 15px;font-weight: 500;width: 52%;line-height: 22px;z-index: 10;}
.slogan-box h4 i {display: block; width: 40px; height: 40px; line-height: 40px; background: #796a59; color: #f2d4b2; text-align: center; margin-top: 10px;
	transition: all 100ms ease-in;}
.slogan-box h4 i:before {font-size: 26px; }
.slogan-box span {position: absolute; width: 240px; height: 240px; z-index: 5; right: 0; bottom: -40px; background: #6772b2;
	border-radius: 50%; transition: all 100ms ease-in;}
.slogan-box span b {position: absolute; bottom: 40px; width: 170px; left: 50%; margin-left: -85px; text-align: center;}
.slogan-box span img {transition: all 100ms ease-in;}
.slogan-box:hover img {transform: scale(1.1);}
.slogan-box:hover span {}
.slogan-box:hover h4 i {width: 45px; height: 45px; line-height: 45px; }

.slogan-area .row .col-md-4:nth-child(1) .slogan-box span {background: #f08201}
.slogan-area .row .col-md-4:nth-child(2) .slogan-box span {background: #6772b2}
.slogan-area .row .col-md-4:nth-child(3) .slogan-box span {background: #64bb6f}

.categories-section {}
.categories-area {min-height: 200px;height: auto;overflow: hidden;border: 1px solid #dbdbdb;position: relative;background: rgb(253 253 253 / 0.9);}
.categories-area:before {content: ''; position: absolute; left: 0; bottom: 0; background: url('../img/bg/categories-bg.png') no-repeat bottom left; width: 100%; height: 100%;
	z-index: -1; opacity: 1}
.categories-title-area {width: 25%;float: left;height: auto;min-height: 400px; position: relative; background: url('../img/bg/categories-title.png') no-repeat top right;}
.categories-title-area h4 {padding: 30px; color: #fff; font-weight: 600; font-size: 20px; line-height: 24px;}
.categories-list-area {width: 75%;float: left;height: auto;min-height: 400px; position: relative; padding: 40px;}
.categories-list-area > ul {/* overflow: hidden; */}
.categories-list-area > ul > li {width: 33%;/* float: left; */margin-bottom: 30px;/* overflow: hidden; *//* height: auto; */display: inline-grid;
	padding-right: 40px; position: relative;}
.categories-list-area > ul > li:before {content: ''; position: absolute; left: -20px; top: 5px;
	border-width: 7.5px 0 7.5px 11px;
	border-color: transparent transparent transparent #ababab;
	border-style: solid;}
.categories-list-area > ul > li:hover:before {border-color: transparent transparent transparent #f39a3e;}
.categories-list-area > ul > li:hover:before {}
.categories-list-area > ul > li > a {font-size: 17px; display: block; color: #f39a3e; text-decoration: none; margin-bottom: 5px;}
.categories-list-area > ul > li > a:hover {}
.categories-list-area > ul > li > ul {}
.categories-list-area > ul > li > ul > li {position: relative; font-size: 14px; line-height: 18px; margin-bottom: 3px;}
.categories-list-area > ul > li > ul > li:before {content: ''; position: absolute; left: -7px; top: 50%; margin-top: 0; border-radius: 50%;
	width: 0; height: 0; background: #ef7d39;  transition: all 100ms ease-in;}
.categories-list-area > ul > li > ul > li:hover:before {width: 10px; height: 10px; left: -15px; margin-top: -5px;}
.categories-list-area > ul > li > ul > li > a {display: block; color: #000; text-decoration: none;}
.categories-list-area > ul > li > ul > li > a:hover {color: #ef7d39;}

.categories-list-area > ul > li > ul > li > ul{}
.categories-list-area > ul > li > ul > li > ul> li {position: relative; font-size: 14px; line-height: 18px; margin-bottom: 3px;}
.categories-list-area > ul > li > ul > li > ul> li:before {content: ''; position: absolute; left: -7px; top: 50%; margin-top: 0; border-radius: 50%;
	width: 0; height: 0; background: #ef7d39;  transition: all 100ms ease-in;}
.categories-list-area > ul > li > ul > li > ul> li:hover:before {width: 10px; height: 10px; left: -15px; margin-top: -5px;}
.categories-list-area > ul > li > ul > li > ul> li > a {display: block; color: #000; text-decoration: none;}
.categories-list-area > ul > li > ul > li > ul> li > a:hover {color: #ef7d39;}

.categories-list-area > ul > li > ul > li > ul > li > ul{display: none;}
.categories-list-area > ul > li > ul > li > ul > li > ul > li {position: relative; font-size: 14px; line-height: 18px; margin-bottom: 3px;}
.categories-list-area > ul > li > ul > li > ul > li > ul > li:before {content: ''; position: absolute; left: -7px; top: 50%; margin-top: 0; border-radius: 50%;
	width: 0; height: 0; background: #ef7d39;  transition: all 100ms ease-in;}
.categories-list-area > ul > li > ul > li > ul > li > ul > li:hover:before {width: 10px; height: 10px; left: -15px; margin-top: -5px;}
.categories-list-area > ul > li > ul > li > ul > li > ul > li > a {display: block; color: #000; text-decoration: none;}
.categories-list-area > ul > li > ul > li > ul > li > ul > li > a:hover {color: #ef7d39;}

.product-options {width: 68%;height: 45px;float: left;margin-right: 2%;}
.product-options select {width: 100%; height: 100%;}

.custom-select {position: relative;/* width: 100%; *//* height: 60px; */}
.custom-select select {display: none;}
.select-selected {/* background: #fbfbfc !important; */height: 45px !important;line-height: 43px !important;border: 1px solid #e9e9e9 !important;}
.select-selected:after {
	position: absolute;
	content: "";
	top: 15px;
	right: 20px;
	width: 16px;
	height: 16px;
	background: url(../img/icons/down-arrow.png) no-repeat;
}
.select-selected.select-arrow-active:after {transform: rotate(180deg);}
.select-selected {
	color: #868686;
	padding: 0 15px;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer;
	user-select: none;
	height: 40px;
	line-height: 39px;
	border-bottom: 1px solid #e9e9e9;
	text-align: left;
	background: #fff;
}
.select-items div {color: #868686; padding: 10px 20px;
	border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
	cursor: pointer; user-select: none; line-height: 17px; border-bottom: 1px solid #e9e9e9; text-align: left;  background: #fff;  }
.select-items {position: absolute; top: 100%; left: 0; right: 0; z-index: 99; border: 1px solid #e9e9e9;  border-top: none;
	max-height: 270px; overflow: scroll; background: #fff; min-height: 100px}
.select-items:hover {cursor: pointer;}
.select-hide { display: none;}
.select-items div:hover, .same-as-selected {background: #f2f2f2; cursor: pointer;}

.product-order-form {}
.product-order-form ul {}
.product-order-form ul li {height: 46px; background: #fff; border: 1px solid #dbdbdb; margin-bottom: 10px;}
.product-order-form ul li.form-check  {border: none;}
.product-order-form ul li b {display: block; width: 35%; float: left; height: 44px; border-right: 1px solid #dbdbdb;
	line-height: 44px; font-size: 15px; font-weight: 500; padding-left: 15px;}
.product-order-form ul li span {display: block; width: 65%; float: left; height: 44px; }
.product-order-form ul li span input{width: 100%; height: 100%; border: none; box-shadow: none; padding: 0 15px 0 15px; font-size: 15px;}
.product-order-form ul li button {width: 100%; height: 100%;
	background: #f0833a; border: none; box-shadow: none; font-size: 15px; color: #fff;font-weight: 600;}
.product-order-form ul li button:hover {background: #c5692c}
.product-order-form ul li span.phone-mask-input {position: relative;}
.product-order-form ul li span.phone-mask-input input {padding-left: 30px;}
.product-order-form ul li span.phone-mask-input:before {content: '0'; position: absolute; left: 15px; top: 0; height: 44px; line-height: 45px; font-size: 15px}

.main-products-title {padding: 10px 20px; background: #f7f7f7; margin-bottom: 20px; }
.main-products-title h5 { line-height: 30px; overflow: hidden; color: #222222;}
.main-products-title h5 i {display: block; height: 30px; line-height: 30px; float: left; margin-right: 10px; color: #808080;}
.main-products-title h5 i:before {font-size: 30px; }


.main-slogan-section {padding: 50px 0; text-align: center;}
.main-slogan {overflow: hidden; padding: 0 20%; }
.main-slogan span {display: block;height: 80px;margin-bottom: 20px;}
.main-slogan span img {max-height: 100%;}
.main-slogan h1 {font-size: 0;line-height: 0;font-weight: 300;color: #525355;margin-bottom: 0;overflow: hidden;}
.main-slogan h2 {margin-bottom: 20px; font-family: "Marck Script", cursive;}
.main-slogan p {color: #000;font-size: 16px;line-height: 24px;}


.main-icons-info-section {background: #f7f7f7; padding: 50px 0; margin-bottom: 30px;}
.main-icons-info-area {}
.main-icons-info-area ul {}
.main-icons-info-area ul li {float: left; width: 16.66%; text-align: center; height: 120px; padding:10px 20px;  }
.main-icons-info-area ul li + li {border-left: 1px solid #dbdbdb;}
.main-icons-info-area ul li i {display: block; margin-bottom: 12px; }
.main-icons-info-area ul li i:before {font-size: 50px; }
.main-icons-info-area ul li img {margin-bottom: 20px; }
.main-icons-info-area ul li h5 {font-weight: 600; color: #808080; }

.main-categories-section {margin-bottom: 30px; }
.main-categories-area {}
.main-categories-area ul {margin: 0 -15px;}
.main-categories-area ul li {padding: 0 15px; float: left;}
.main-categories-area ul li:nth-child(1) {width: 55%; }
.main-categories-area ul li:nth-child(2) {width: 45%; }
.main-categories-area ul li:nth-child(3) {}
.main-categories-area ul li:nth-child(4) {}

.main-categories-box {height: 280px; position: relative; background: #000;
	transition: all 200ms ease-in;}
.main-categories-box a {display: block; height: 100%; color: #fff; text-decoration: none;}
.main-categories-box img {width: 100%; height: 100%; object-fit: cover;
	transition: all 200ms ease-in;}
.main-categories-box h4 {position: absolute; right: 0; top: 0; height: 100%; background: rgba(0,0,0,0.5);
	width: 200px; padding: 100px 20px; font-size: 26px; text-align: right; font-weight: 500; line-height: 34px;
	transition: all 200ms ease-in;}
.main-categories-box h4 i { display: none; margin-top: 10px;  }
.main-categories-box h4 i:before {}
.main-categories-box:hover img {opacity: 0.7;}
.main-categories-box:hover h4 {background: rgba(0,0,0,0.7);}


.main-bottom-section {}

.main-bottom-area {}
.main-bottom-area ul {margin: 0 -15px; }
.main-bottom-area ul li {float: left; padding: 0 15px;  }
.main-bottom-area ul li:nth-child(1) {width: 57%;}
.main-bottom-area ul li:nth-child(2) {width: 43%;}

.main-bottom-banner {height: 275px; overflow: hidden;}
.main-bottom-banner a {display: block; text-decoration: none;}
.main-bottom-banner img {width: 100%; height: 100%; object-fit: cover; }

.main-promotion-film {height: 275px; position: relative; overflow: hidden;}
.main-promotion-film a {display: block; height: 100%; text-decoration: none; color: #fff;}
.main-promotion-film img {width: 100%; height: 100%; object-fit: cover;}
.main-promotion-film h5 {position: absolute; right: 0; top: 0; height: 100%; background: rgba(0,0,0,0.5);
	width: 200px; padding: 100px 20px; font-size: 26px; text-align: right; font-weight: 500; line-height: 34px; }
.main-promotion-film i {position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px}
.main-promotion-film i:before {font-size: 80px;}
.main-promotion-film:hover i {color: #bd0000;}