@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Raleway:300,400,500,600,700,800|Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;600;800;900&display=swap');

body {background: #f1f0ea; font-family: 'Montserrat', sans-serif; font-size: 13px;  position: relative; padding-bottom: 0px; font-weight: 400;}

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

.mb-20 {margin-bottom: 20px !Important;}
.mt-20 {margin-top: 20px !Important;}


/* -------------------------------------------------------------------------------------*/
/* 		HEADER																			*/
/* -------------------------------------------------------------------------------------*/
header {margin-bottom: 20px;}
.header-top {height: 40px; overflow: hidden;}
.top-leftmenu {}
.top-leftmenu ul {}
.top-leftmenu ul li {float: left;height: 40px;line-height: 40px;font-weight: 400;font-size: 12px;max-width: 345px;}
.top-leftmenu ul li + li {border-left: 1px solid #dbdbdb;}
.top-leftmenu ul li a {display: block; padding: 0 15px; color: #000; text-decoration: none;}
.top-leftmenu ul li.active {background: #f17d30;}
.top-leftmenu ul li.active a {}
.top-leftmenu ul li b {display: block;font-weight: 400;padding: 0 15px;max-width: 345px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.top-rightmenu {height: 40px;}
.top-rightmenu ul {float: right;}
.top-rightmenu ul li {height: 40px; line-height: 40px; float: left; color: #000; padding: 0 5px; }
.top-rightmenu ul li a {color: #000; display: block; }
.top-rightmenu ul li i {display: block; height: 40px; line-height: 40px;}
.top-rightmenu ul li i:before {font-size: 20px;}
.top-rightmenu ul li + li {margin-left: 5px;}

.header-center {height: 115px; background: #fff; }
.header {height: 115px; background: url('../img/bg/header-slogan.png') no-repeat top 10px right;}
.logo {height: 115px; line-height: 115px; }
.logo a {}
.logo img {}


.header-buttons {height: 115px; padding: 32px 0; }
.header-buttons ul {float: right; }
.header-buttons ul li {float: left; height: 40px; margin-left: 10px; background: #ff0000; border-radius: 7px; }
.header-buttons ul li a {display: block; color: #fff; height: 100%; padding: 3px 20px; }
.header-buttons ul li i {display: block; height: 34px; line-height: 34px; float: left; margin-right: 10px;}
.header-buttons ul li i:before {font-size: 20px;}
.header-buttons ul li span {display: block; float: left; height: 34px;}
.header-buttons ul li span b {display: block; font-weight: 400; font-size: 11px; color: #000;}

.header-buttons ul li:last-child {background: #a9a9a9;}
.header-buttons ul li:last-child span {line-height: 34px; }

.header-bottom {height: 65px; background: #ed3833;}

.header-categories-menu {position: relative; height: 65px; }
.header-categories-menu > a {display: block; height: 100%; color: #fff; text-decoration: none; line-height: 65px; font-size: 18px; font-weight: 600;}
.header-categories-menu > a > i {display: block; float: left; height: 65px; line-height: 65px; width: 40px; text-align: center; }
.header-categories-menu > a > i:before {
	font-size: 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;
}
.header-categories-menu > a > i.flaticon-menu-1 {}
.header-categories-menu > a > i.flaticon-menu-1:before {font-size: 27px;}
.header-categories-menu > a > i.flaticon-close {position: absolute; left: 0; top: 0;}
.header-categories-menu > a > i.flaticon-close:before {font-size: 0;}

.header-categories-menu:hover > a > i.flaticon-menu-1:before {font-size: 0;}
.header-categories-menu:hover > a > i.flaticon-close:before {font-size: 22px;}
.header-categories-menu:hover {background: #b40404;}

.header-categories-menu > ul {position: absolute; left: 0; top: 65px; background: #b40404; width: 240px; display: none; z-index: 99999;}
.header-categories-menu:hover > ul {display: block;}
.header-categories-menu > ul > li {
	font-size: 15px;
}
.header-categories-menu > ul > li:hover {background: #fff;}
.header-categories-menu > ul > li:hover > a {color: #777;}
.header-categories-menu > ul > li:before {}
.header-categories-menu > ul > li > a {display: block; padding: 10px 20px; color: #fff;  text-decoration: none;}
.header-categories-menu > ul > li > ul {position: absolute;width: 250px;background: #fff;top: 0;left: 100%;display: none;min-height: 100%;border-bottom: 1px solid #dfdfdf;}
.header-categories-menu > ul > li:hover > ul {display: block; }
.header-categories-menu > ul > li > ul > li {}
.header-categories-menu > ul > li > ul > li:hover {background: #dfdfdf;}
.header-categories-menu > ul > li > ul > li:hover > a {color: #1b1b1b;}
.header-categories-menu > ul > li > ul > li:before {}
.header-categories-menu > ul > li > ul > li > a {display: block; padding: 10px 20px; color: #777777; text-decoration: none;}
.header-categories-menu > ul > li > ul > li > ul {position: absolute;width: 250px;background: #dfdfdf;top: 0;left: 100%;display: none;min-height: 100%;}
.header-categories-menu > ul > li > ul > li:hover > ul {display: block;}
.header-categories-menu > ul > li > ul > li > ul > li {}
.header-categories-menu > ul > li > ul > li > ul > li:hover {background: #b42824;}
.header-categories-menu > ul > li > ul > li > ul > li:hover a {color: #fff;}
.header-categories-menu > ul > li > ul > li > ul > li:before {}
.header-categories-menu > ul > li > ul > li > ul > li > a {display: block; padding: 10px 20px; color: #1b1b1b; text-decoration: none;}

.header-search-area {height: 65px; padding: 10px 0; position: relative; }
.header-search-area input {width: 100%; height: 100%; padding: 0 70px 0 20px; background: #b40404; border-radius: 10px; border: none; font-size: 15px;
	box-shadow: none; color: #fff; }
.header-search-area ::placeholder {color: #fff;}
.header-search-area button {position: absolute; right: 0; top: 10px; border-radius: 10px; width: 50px; height: 45px; background: #b40404;
	border: none; box-shadow: none; color: #fff;}
.header-search-area button i {}
.header-search-area button i:before {font-size: 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}
.header-search-area button:hover i:before {font-size: 25px;}

.header-demand-button {height: 65px; line-height: 45px; }
.header-demand-button a {display: block; height: 100%; color: #fff; text-decoration: none; font-weight: 600; font-size: 16px; padding: 10px 0;}
.header-demand-button a i {display: block; float: left; width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 50%;
	background: #fff; margin: 0 10px;}
.header-demand-button a i:before {font-size: 30px; color: #ed3833;}

.header-content-menu {height: 65px;position: relative;z-index: 99999; width: 65px; float: right;}
.header-content-menu > a {display: block; height: 100%; color: #fff; padding: 0 0 0 0;}
.header-content-menu > a > i {display: block; height: 65px; line-height: 65px; float: right; width: 100%; text-align: center;}
.header-content-menu > a > i:before {font-size: 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;}
.header-content-menu > a > i.flaticon-menu {}
.header-content-menu > a > i.flaticon-menu:before {font-size: 40px;}
.header-content-menu > a > i.flaticon-user {position: absolute; right: 0; top: 0;}
.header-content-menu > a > i.flaticon-user:before {font-size: 0; }

.header-content-menu:hover > a > i.flaticon-menu:before {font-size: 0;}
.header-content-menu:hover > a > i.flaticon-user:before {font-size: 30px;}
.header-content-menu:hover {background: #b40404;}

.header-content-menu > ul {position: absolute; right: 0; top: 65px; background: #b40404; width: 200px; display: none; padding: 10px 0;}
.header-content-menu:hover > ul {display: block;}
.header-content-menu > ul > li {text-align: right; }
.header-content-menu > ul > li > a {display: block; padding: 5px 20px; color: #fff;  }

/* -------------------------------------------------------------------------------------*/
/* 		SECTION																			*/
/* -------------------------------------------------------------------------------------*/
section {margin-bottom: 20px;}

.banner-section {margin-bottom: 20px;}
.main-slider {position: relative; height: 410px;}
.main-slider li {height: 410px;}
.main-slider li p {position: absolute; left: 0; bottom: 0; width: 100%; z-index: 9999999; padding: 15px; background: rgba(0,0,0,0.5); color: #fff; font-size: 20px;}
.main-slider img {width: 100%;height: 100%;object-fit: cover;}

.main-demand-list {height: 410px; background: #fff; padding: 0 20px 20px 20px; ;}
.main-demand-list h5 {height: 50px;line-height: 50px;margin-bottom: 0;border-bottom: 1px solid #dbdbdb;font-weight: 600;}
.main-demand-list h5 i {display: block; height: 50px; line-height: 50px; float: left; margin-right: 10px;}
.main-demand-list h5 i:before {
	font-size: 20px;
}
.main-demand-list h5 a {float: right; color: #000; font-size: 12px; font-weight: 400;}
.main-demand-list ul {}
.main-demand-list ul li {padding: 12px 0;font-size: 16px;}
.main-demand-list ul li + li {border-top: 1px solid #eaeaea; }
.main-demand-list ul li a {display: block; color: #000; }
.main-demand-list ul li a b {display: block;font-size: 12px;font-weight: 400;color: #808080;}

.main-products-section {background: #fff;margin-bottom: 20px;padding: 20px;height: auto;}
.main-services-section {background: #fff;margin-bottom: 20px;padding: 20px;height: auto;}

.main-products-tab-area {}
.main-products-tab-head {height: 50px; background: #bfbfbf; margin-bottom: 20px;}
.main-products-tab-head ul {}
.main-products-tab-head ul li {float: left; width: 33.33%; height: 50px; line-height: 50px; border-top: 1px solid #a0a0a0;}
.main-products-tab-head ul li + li {border-left: 1px solid #a0a0a0; }
.main-products-tab-head ul li a {color: #fff; padding: 0 30px; display: block; height: 100%; }
.main-products-tab-head ul li.active {background: #fff;}
.main-products-tab-head ul li.active a {color: #000;}
.main-products-tab-head ul li:hover {}

.main-products-tab-content {}
.main-products-tab-content .main-tab-content {display: none;}
.main-products-tab-content .main-tab-content.active {display: block;}

.main-products-list {}

.product-box {height: 300px; border: 1px solid #e4e4e4; margin-bottom: 20px; position: relative;}
.product-box > a {display: block; height: 100%; padding: 10px; color: #000; }
.product-box > a > b {color: #adadad;}

.product-box-photo {height: 130px; line-height: 130px; text-align: center; border-bottom: 1px solid #e4e4e4; margin-bottom: 10px;}
.product-box-photo img {max-width: 100%; max-height: 100%; object-fit: cover}

.product-box > a > h4 {font-size: 15px; font-weight: 500; line-height: 18px; margin-bottom: 10px;
	overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product-box > a > p {font-size: 15px; font-weight: 700; margin-bottom: 10px;}
.product-box > a > p > span {display: block; float: right; font-weight: 400; font-size: 12px; color: #bcbcbe; position: relative;}
.product-box > a > p > span:before {content:''; position: absolute; right: 0; top: 8px; height: 1px; width: 100%; background: #b42824;}

.product-box-button {height: 40px; position: absolute; bottom: 10px; left: 5%; width: 90%; z-index: 9999;}
.product-box-button button {width: 75%; height: 100%; float: left; background: #ed3833; border-radius: 5px; border: none; box-shadow: none;
	color: #fff; }
.product-box-button button i {}
.product-box-button button i:before {}
.product-box-button span {
	display: block;
	width: 23%;
	background: #b42824;
	float: right;
	height: 40px;
	line-height: 40px;
	color:#fff;
	border-radius: 5px;
	text-align: center;
}
.product-box-button span b {}
.product-box-button:hover button {background: #b42824;}

.main-thin-banner {margin-bottom: 20px;}
.main-thin-banner img {width: 100%;}


.companies-section {height: 270px; background: #fff; padding: 20px; margin-bottom: 20px;}
.companies-section h4 {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dbdbdb;}

.companies-slider {}
.companies-slider li {}

.company-box {height: 180px;  border: 1px solid #e4e4e4;}
.company-box a {display: block; height: 100%; color: #000; padding: 20px;}
.company-box-logo {height: 110px; line-height: 110px; border-bottom: 1px solid #e4e4e4; margin-bottom: 10px;}
.company-box-logo img {max-width: 100%; max-height: 100%; }
.company-box h5 {}

.recommended-products-section {height: 420px; background: #fff; padding: 20px;}
.recommended-products-section h4 {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dbdbdb;}

/* Basket Area */
.basket-section {padding: 20px 0;}
.basket-leftside {}
h3.basket-title {height: 50px;background: #d2cfc3;line-height: 50px;color: #fff;padding: 0 15px;font-weight: 400;font-size: 15px;margin-bottom: 10px;}
h3.basket-title i {display: block; float: left; margin-right: 10px; line-height: 50px; }
h3.basket-title i:before {font-size: 20px;}
.basket-content-area {background: #fff;overflow: hidden;padding: 20px;}
ul.basket-products-list {padding: 0;}
ul.basket-products-list > li {height: auto; padding: 10px 0; border-bottom: 1px solid #dedede; overflow: hidden; position: relative;}
ul.basket-products-list > li:first-child {padding: 0;}
ul.basket-products-list > li > a {position: absolute; right: 0; top: 10px; color: #d7d7d7; text-decoration: none;}
ul.basket-products-list > li > a i:before {font-size: 20px;}
ul.basket-products-list > li > a:hover {color: #9f9f9f;}
ul.basket-products-list > li > ul {}
ul.basket-products-list > li > ul > li {float: left; padding: 10px; font-weight: 500;  color: #000;}
ul.basket-products-list > li > ul > li input {height: 40px; text-align: center;  border: 1px solid #dbdbdb; width: 100%;}
ul.basket-products-list > li > ul > li > b {display: block; height: 140px; width: 20%; float: left; overflow: hidden; }
ul.basket-products-list > li > ul > li > b a {display: block; }
ul.basket-products-list > li > ul > li > b img {width: 100%; height: 100%;object-fit: cover;}
ul.basket-products-list > li > ul > li > span {display: block; height: 140px; width: 80%; float: left; padding: 10px;  }
ul.basket-products-list > li > ul > li > span h4 {font-size: 16px; font-weight: 600;  margin-bottom: 5px;}
ul.basket-products-list > li > ul > li > span h4 a {display: block; color: #000; text-decoration: none; }
ul.basket-products-list > li > ul > li > span h5 {font-size: 14px; font-weight: 500;  margin-bottom: 5px;}
ul.basket-products-list > li > ul > li > span h5 a {display: block; color: #000; text-decoration: none;}
ul.basket-products-list > li > ul > li > span p {font-size: 16px;}



ul.basket-products-list > li:first-child  {color: #036ba6; font-size: 12px;}
ul.basket-products-list > li > ul > li:nth-child(1) {width: 60%;}
ul.basket-products-list > li > ul > li:nth-child(2){width: 10%;}
ul.basket-products-list > li > ul > li:nth-child(3) {width: 20%; text-align: center; }
ul.basket-products-list > li > ul > li:nth-child(4){width: 10%; text-align: right;}

.basket-rightside {}
.amount-content-area {background: #f3f3f3;padding: 20px;overflow: hidden;}
ul.amount-list {}
ul.amount-list li {margin-bottom: 5px;}
ul.amount-list li b {display: block;font-weight: 300;font-size: 15px; margin-bottom: 5px}
ul.amount-list li span {display: block;font-size: 25px;font-weight: 600;}

.next-step-button {height: 75px;background: #f17c3a;line-height: 75px;text-align: center;font-size: 18px;color: #fff;}
.next-step-button a {display: block; height: 100%; color: #fff; text-decoration: none;}
.form-error-area {height: 30px; line-height: 30px; background: #ae2c23; color: #fff; text-align: center;}
span.amount_error {color: #ff0000; padding-bottom: 10px; font-size: 14px; display: block;}




.inner-page-order-list {background: #fff;padding: 10px 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;}

.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}

.basket-adress-area {min-height: 500px;}
.adress-list-area {position: relative; }
.adress-list-area h5 {margin-bottom: 10px;}
.adress-box {height: 150px; border: 1px solid #dbdbdb; border-radius: 10px; padding: 20px; position: relative;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 77%, rgba(241,241,241,1) 100%); }
.adress-box:hover {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 53%, rgba(241,241,241,1) 100%);

}
.adress-box h4 {font-size: 16px; margin-bottom: 5px;  }
.adress-box p {margin-bottom: 5px; }
.adress-box p a {}
.adress-box i {position: absolute; right: 0; top: 0; height: 148px; line-height: 148px; width: 40px; text-align: center; border-left: 1px solid #f1f1f1;
	color: #989898;}
.adress-box i:before {font-size: 20px; }

.adress-select-menu {position: absolute; width: 100%; height: 300px; border: 1px solid #dbdbdb; border-top: none; overflow-y: scroll;
	display: none;
	border-radius: 0 0 10px 10px; left: 0; top: 170px;
	background: rgb(255,255,255);}
.adress-select-box {height: 130px; border-bottom: 1px solid #dbdbdb; padding: 20px; position: relative;}
.adress-select-box h4 {font-size: 16px; margin-bottom: 5px; }
.adress-select-box p {margin-bottom: 5px;}
.adress-select-box a {}
.adress-select-box button {position: absolute; width: 100%; height: 65%; left: 0; top: 0; opacity: 1; text-align: right; background: none;
	box-shadow: none; border: none; border-radius: 0; font-size: 0;}
.adress-select-box i {position: absolute; right: 20px; top: 30px; color: #729d2a; display: none;}
.adress-select-box i:before {font-size: 20px;}
.adress-select-box button:hover i {display: block;}

.adress-select-menu.active {display: block;}

/*---------------------------------------------*/
/* CATEGORÄ°ES                                  */
/*---------------------------------------------*/
.breadcrumb {margin-bottom: 20px; overflow: hidden;}
.breadcrumb ul {}
.breadcrumb ul li {float: left; font-size: 13px; font-weight: 400; color: #8f8d83; padding: 0 5px;}
.breadcrumb ul li a {color: #000; }
.breadcrumb ul li:before {content: '>'; color: #8f8d83; font-size: 13px; margin-right: 5px;}
.breadcrumb ul li:first-child:before {display: none;}
.breadcrumb ul li:first-child {padding-left: 0;}

.contents-area {background: #fff; padding: 20px;}

.title-style-one {margin-bottom: 20px;}
.title-style-one h1 {color: #ff0000; font-weight: 600; font-size: 16px;}

.box{height: 142px;background: linear-gradient(-27deg, #fff 50%,#e8e8e8 50%);border:1px solid #cfcfcf;margin-bottom: 20px;position: relative;}
.box a {display: block;height: 100%;text-decoration: none;color: #000;}
.box:hover{box-shadow: 10px 2px 10px -2px rgba(0,0,0,0.75);}
.box-text{width: 65%; float: left;  height: 140px; color: #000;  padding: 60px 20px 0 10px; text-transform: uppercase;}
.box-text h6 {font-size: 20px; font-weight: 600;}
.box-icon {width: 35%; float: left;  height: 140px; text-align: right; color: #ff0000;}
.box-icon i {display: block; height: 140px; line-height: 140px;}
.box-icon i:before {font-size: 60px;}

.inner-thin-banner {}
.inner-thin-banner img {width: 100%;}

/*---------------------------------------------*/
/* PRODUCTS                                    */
/*---------------------------------------------*/
section{}
.detail-seacrh{}
.detail-category{background-color: #fff;}
.detail-category ul{padding: 10px;}
.detail-category ul li{background-color: #fff;  font-size: 14px; position: relative;}
.detail-category ul li + li {border-top:1px solid #f1f0ea;}
.detail-category ul li a{color: #000; display: block;text-decoration: none; padding: 5px;}
.detail-category ul li i {position: absolute; right: 0; top: 6px;}
.detail-category ul li i:before {font-size: 18px;}

.inner-deamnd-list{height: 500px;margin-bottom: 10px; margin-top: 20px;}

.category-banner-slider{height: 280px; position: relative; overflow: hidden; margin-bottom: 20px;}
.category-banner-slider ul {}
.category-banner-slider ul li {height: 280px;}
.category-banner-slider ul li a {display: block;height: 100%;text-decoration: none;}
.category-banner-slider ul li img {width: 100%;height: 100%;object-fit: cover;}

.product-category-border {margin-bottom: 20px; overflow: hidden;}
.product-category-border ul{}
.product-category-border ul li{width: 10%; height: 60px; float: left; background: #fff;  }
.product-category-border ul li:hover {background: #ff0000;}
.product-category-border ul li:hover a {color: #fff;}
.product-category-border ul li + li {border-left: 1px solid #f1f0ea;}
.product-category-border ul li a{display: block; height: 100%;  text-decoration: none;color: #ff0000;}
.product-category-border ul li i {display: block; height: 60px; line-height: 60px; text-align: center;}
.product-category-border ul li i:before{font-size: 30px;}

.products-area{background-color: #fff; padding: 20px;}

.title-icon-style {padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #dbdbdb;}
.title-icon-style h1 {font-size: 18px; height: 20px; line-height: 20px;}
.title-icon-style h1 i {display: block; float: left; height: 20px; line-height: 20px; margin-right: 10px; }
.title-icon-style h1 i:before {font-size: 20px; }

.product-top-area {background : #fff; border : 1px solid #e2e2e2; padding : 20px; border-radius : 10px; margin-bottom : 30px;}
.detail-page-photos { }
.detail-page-photos-slider {margin-bottom : 6px; /* width: 85%; *//* float: left; */height : 450px;background : #fff;border : 1px solid #e2e2e2;border-radius : 10px;}
.detail-page-photos-slider li {height : 450px; line-height : 450px; text-align : center; }
.detail-page-photos-slider img {max-width : 80%; max-height : 90%; display : inline-block !Important; }
.detail-page-photos-slider-pager {width : 100%; /* overflow: hidden; *//* width: 15%; *//* float: left; *//* padding-right: 20px; */}
.detail-page-photos-slider-pager .bx-wrapper {margin : 0 !important; }
.detail-page-photos-slider-pager ul {}
.detail-page-photos-slider-pager ul li {}
.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%;}

.product-rightside {padding : 0px 0;}
.product-brand {height : 60px; margin-bottom : 20px }
.product-brand a {}
.product-brand img {max-width : 100%; max-height : 100%;}
.product-links {}
.product-links ul {margin : 0 -10px;}
.product-links ul li {width : 50%; float : left; padding : 10px;}
.product-link-box {height : 130px; border : 1px solid #1c75bb; border-radius : 10px; text-align : center;}
.product-link-box a {display : block; height : 100%; text-decoration : none;}
.product-link-box i {display : block; padding : 20px 0;}
.product-link-box i:before {font-size : 40px; }

h1.product-title {font-family : 'Oswald', sans-serif;font-size : 20px;font-weight : 400;color : #515151;margin-bottom : 8px;}
.product-info-area {background : #fff; padding : 15px;}
.product-info-area > h2 {font-weight : 300; font-size : 12px; color : #9d9d9d; 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-info-area > ul {margin-top : 15px;}
.product-info-area > ul > li {padding : 7px 0;border-top : 1px solid #f5f5f5; /* overflow: hidden; */}
.stock-status {font-size : 13px; font-weight : 600}
.product-price {height : 30px;line-height : 30px;}
.product-price span {display : block;float : left;margin-right : 10px;font-size : 18px;}
.product-price b {display : block; float : left; margin-right : 10px; font-size : 18px}
.product-extra-feature {overflow : hidden; }
.product-extra-feature ul {margin : 0 -10px;}
.product-extra-feature ul li {width : 25%; float : left; padding : 0 10px; }
.extra-feature {height : 120px; border : 1px solid #ebebe9; position : relative;}
.extra-feature:hover, .extra-feature.active {background : #f3f3f3; cursor : pointer;}
.extra-feature h5 {font-weight : 400; text-align : center; font-size : 14px; }
.extra-feature h5 b {display : block; font-size : 13px; font-weight : 500;}
.extra-feature-photo {margin-bottom : 10px; height : 60px; line-height : 60px;}
.extra-feature-photo img {max-width : 100%; max-height : 100%; }
.extra-feature input {position : absolute;width : 100%;height : 100%;z-index: 99;left : 0;top : 0;opacity : 0;}
.extra-feature input:hover {cursor : pointer;}
.extra-feature i {position : absolute; bottom : 5px; right : 5px; color : #458646; display : none;}
.extra-feature i:before {font-size : 12px}
.extra-feature.active i {display : block; }
.special-color-area {display : none;}
.special-color-area.active {display : block;}
.number-input {width : 100%; height : 50px;}
.number-input > button {
	background : none;
	box-shadow : none;
	border     : 1px solid #dedede;
	width      : 50px;
	height     : 50px;
	margin     : 0;
	padding    : 0;
	font-size  : 25px;
}
.number-input > input {
	background : none;
	box-shadow : none;
	border     : 1px solid #dedede;
	width      : 100px;
	height     : 50px;
	margin     : 0;
	padding    : 0;
	text-align : center;
	font-size  : 25px;
}
.order-product-text {height : 40px;}
.order-product-text input {height :40px; width : 100%; padding : 0 10px;}
.feature-select {
	height   : 50px;
	position : relative;
}
.feature-select:hover {
	cursor     : pointer;
	background : #f5f5f5
}
.feature-select > span {
	display       : block;
	height        : 48px;
	line-height   : 48px;
	padding       : 0 20px;
	border        : 1px solid #ebebe9;
	border-radius : 5px;
}
.feature-select > span > i {
	display     : block;
	float       : right;
	height      : 50px;
	line-height : 50px;
}
.feature-select > span > i:before {
	font-size : 20px
}
.feature-select > ul {
	position      : absolute;
	left          : -1px;
	top           : 48px;
	width         : 100%;
	padding       : 10px 10px;
	background    : #fff;
	border        : 1px solid #ebebe9;
	z-index       : 999;
	display       : none;
	border-radius : 5px;
}
.feature-select:hover > ul {
	display : block;
}
.feature-select > ul > li {
	margin-bottom : 2px;
}
.feature-select > ul > li > label {
	display       : block;
	padding       : 4px 5px;
	font-weight   : 500;
	position      : relative;
	border-radius : 5px;
}
.feature-select > ul > li > label:hover {
	background : #f5f5f5;
	cursor     : pointer;
}
.feature-select > ul > li > label > input {
	width  : 13px;
	height : 13px;
}
.feature-select > ul > li > label > b {
	position   : absolute;
	right      : 10px;
	top        : 5px;;
	width      : 40px;
	height     : 15px;
	background : #2575bd;
	border     : 1px solid #ebebe9;
}
.feature-select > ul > li > label img {position : absolute; right : 0; height : 20px; top : 3px; }
.product-colors {height : 50px}
.product-colors > i {display : inline-block;color : #adadad;margin-right : 10px;float : left;height : 50px;line-height : 50px;}
.product-colors > i:before {font-size : 37px;}
.product-colors > ul {}
.product-colors > ul > li {float : left;width : 45px;height : 45px;background : #adadad;margin-left : 3px;border : 1px solid #adadad;position : relative;border-radius : 50%; position : relative;}
.product-colors > ul > li input {position : absolute; width : 100%; height : 100%; z-index : 99999; opacity : 0;}
.product-colors > ul > li > span {position : absolute;top : -27px; /* height: 11px; *//* line-height: 11px; */background : #fff;border : 1px solid #dbdbdb;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-colors > ul > li:hover > span {display : block;}
.product-colors > ul > li input:hover {cursor : pointer;}
.product-colors > ul > li.active {border : 4px solid #adadad;}
.product-info-area > ul > li > button {width : 100%; height : 50px; background : #fed857; border : none; box-shadow : none; font-size : 15px;}
.product-info-area > ul > li > button i {margin-right : 5px;}
.product-info-area > ul > li > button i:before {font-size : 20px;}
.list-add {}
.list-add button {background : #f0efef; border : 1px solid #e4e4e4; box-shadow : none; font-size : 12px; padding : 5px 12px;}
.list-add button i {}
.list-add button i:before {font-size : 16px;}
.list-add button:first-child i {color : #499ad9;}
.list-add button:last-child i {color : #7ac934;}

.product-center-area {margin-bottom : 30px;}
.product-features {height : 500px; overflow-y: scroll; background : #fff; border : 1px solid #e2e2e2; border-radius : 10px; padding : 20px; margin-bottom : 30px;}
.product-features h5 {padding : 10px; border-bottom : 1px solid #e2e2e2;}
.product-features-list {}
.product-features-list ul {}
.product-features-list ul li {padding: 3px 0;}
.product-features-list ul li b {display: block; font-size: 10px; color: #499ad9; font-weight: 500; }
.product-features-list ul li span {}
.product-features-list ul li + li {border-top: 1px solid #efefef;}
.product-feature {height : 80px; text-align : center; margin-bottom : 20px; border : 1px solid #e2e2e2; border-radius : 10px;}
.product-feature i {display : block; height : 40px; line-height : 40px; margin-bottom : 5px; }
.product-feature i:before {}
.product-feature i img {}
.product-feature h6 {height : 20px; line-height : 20px; font-weight : 400; }
.product-feature h6 b {font-weight : 400;}
.product-feature h6 span {font-weight : 400;}

.product-description {height : 500px; background : #fff; border : 1px solid #e2e2e2; border-radius : 10px; padding : 20px; margin-bottom : 30px;}
.product-description h5 {padding : 10px; margin-bottom : 10px; border-bottom : 1px solid #e2e2e2;}
.product-description-body {}
.product-description-body p {margin-bottom : 10px;}

.object-list-area {}
.object-style-one {border: 1px solid #e2e2e2; margin-bottom: 20px;}
.object-style-one a {display: block; height: 100%; text-decoration: none; color: #000; padding: 15px;}
.object-style-one h4 {font-size: 16px; font-weight: 600; padding-bottom: 10px; border-bottom: 1px solid #e2e2e2; margin-bottom: 10px;}
.object-style-one ul {overflow:hidden; width: 100%;}
.object-style-one ul li {float: left; width: 50%; float: left;}
.object-style-one ul li:first-child {text-align: left;}
.object-style-one ul li:last-child {text-align: right;}

.detail-extra-file {}
.detail-extra-file h4 {font-family : 'Oswald', sans-serif;font-size : 14px;font-weight : 400;color : #515151;margin-bottom : 10px;}

.detail-object-photos-slider {margin-bottom: 50px;}
.detail-object-photos-slider li {height: 142px; border: 1px solid #e2e2e2; overflow: hidden; border-radius: 5px;}
.detail-object-photos-slider li a {display: block; height: 100%; }
.detail-object-photos-slider li img {width: 100%; height: 100%; object-fit: contain; }

.detail-object-files-slider {margin-bottom: 50px; text-align: left;}
.detail-object-files-slider .bx-wrapper {margin: 0 0 !Important;}
.detail-object-files-slider li {height: 142px; border: 1px solid #e2e2e2; overflow: hidden; border-radius: 5px;}
.detail-object-files-slider li a {display: block; height: 100%; }
.detail-object-files-slider li img {width: 100%; height: 100%; object-fit: contain; }

.detail-offer-form {padding: 15px; border: 1px solid #e2e2e2; border-radius: 10px; }
.detail-offer-form h4 {margin-bottom: 10px; font-size: 14px; }
.detail-offer-form ul {}
.detail-offer-form ul li {margin-bottom: 10px;}
.detail-offer-form ul li b {display: block; font-weight: 400; font-size: 12px;}
.detail-offer-form ul li span {display: block;}
.detail-offer-form ul li span input {width: 100%; height: 40px; border: 1px solid #e2e2e2; border-radius: 5px; padding: 0 10px;}
.detail-offer-form ul li span textarea {width: 100%; height: 80px; border: 1px solid #e2e2e2; border-radius: 5px; padding: 10px;}
.detail-offer-form ul li button {width : 100%; height : 50px; background : #fed857; border : none; box-shadow : none; font-size : 15px; border-radius: 5px;}

.page-body {padding: 20px; background: #fff; }
.page-body p {font-size: 14px; }
.page-body h3 {}


.main-products-area {padding: 20px;background: #fff;border-radius: 5px;min-height: 400px;}

.page-heading {height: 52px; border-bottom: 1px solid #e0dfd6; position: relative; margin-bottom: 20px;}
.page-title {height: 36px; line-height: 36px; font-size: 18px; color: #841b18; font-weight: 700;}
.page-title b {font-weight: 400; color: #000;}
.page-image {margin-bottom: 20px;}
.page-image img {max-width: 100%;}
.page-body {}
.page-body p {overflow: hidden; font-size: 14px; margin-bottom: 15px;}

/*** Contact Page****/
.contact-page {}
.maps-box {margin-bottom: 20px;}
.maps-box img {width: 100%;}
.maps-box iframe {width: 100% !Important;}
.main-contact-info {border: 1px solid #efefef; overflow: hidden;  margin-bottom: 30px;}
.main-contact-info h3 {height: 50px; line-height: 50px; border-bottom: 1px solid #efefef; text-align: center; font-weight: 400; font-size: 18px;
	background: #f6f4f4; color: #000;}
.main-contact-info h3 i {line-height: 48px; display: inline-block; height: 48px; padding-right: 10px;}
.main-contact-info h3 i:before {font-size: 20px; }
.main-contact-info ul {overflow: hidden; }
.main-contact-info ul li {width: 50%; height: 60px; float: left; border-bottom: 1px solid #efefef; padding: 0 7px;}
.main-contact-info ul li:nth-child(odd) {border-right: 1px solid #efefef; }
.main-contact-info ul li b {display: block;font-size: 11px;height: 22px;line-height: 22px;color: #bbbbbb;font-weight: 600;}
.main-contact-info ul li span {display: block; font-size: 16px; line-height: 18px; padding-top: 3px;}
.main-contact-info ul li:first-child span {font-size: 14px; margin-top: -5px; }
.main-contact-info p {width: 100%; height: 40px; }
.main-contact-info p span {display: block; height: 40px; line-height: 40px; width: 50%; float: left; }
.main-contact-info p span a {display: block; height: 100%; padding: 0 7px; color: #3a3a3a; }
.main-contact-info p span:first-child {border-right: 1px solid #efefef; }

/* -------------------------------------------------------------------------------------*/
/* 		FOOTER																			*/
/* -------------------------------------------------------------------------------------*/
footer {}
.footer-top {height: 75px; background: #ff0000;}
.footer-social {height: 75px; position: relative;}
.footer-social span {display: block; float: left; height: 75px; line-height: 75px; color: #fff; font-size: 15px;}
.footer-social ul {display: block; float: right;}
.footer-social ul li {height: 75px; float: left; }
.footer-social ul li a {display: block; color: #fff; text-decoration: none; padding: 0 15px;}
.footer-social ul li i {display: block; height: 75px; line-height: 75px; }
.footer-social ul li i:before {font-size: 25px;}

.footer-center {height: 320px; background: #021e26; border-bottom: 1px solid rgba(255,255,255,0.2);}
.footer {}
.footer-menu {padding-top: 40px; margin-right: -100px;}
.footer-menu > ul {}
.footer-menu > ul > li {float: left; padding-right: 40px; width: 20%;}
.footer-menu > ul > li > a {color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 500; display: block; margin-bottom: 20px;
	text-decoration: none;}
.footer-menu > ul > li > ul {}
.footer-menu > ul > li > ul > li {margin-bottom: 3px; font-weight: 300; position: relative; font-size: 12px; line-height: 15px;}
.footer-menu > ul > li > ul > li:before {content: ''; position: absolute; left: -5px; width: 0; height: 1px; background: #fff; top: 50%;
	-webkit-transition: all 200ms 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; }
.footer-menu > ul > li > ul > li > a {color: #fff; text-decoration: none; display: block;}
.footer-menu > ul > li > ul > li:hover:before {width: 10px; left: -15px;}

.mail-subscription {height: 40px; background: #fff; width: 80%; float: right; position: relative; border: 1px solid #cfcfcf; margin-top: 40px;}
.mail-subscription input {width: 100%; height: 100%; background: none; border: none; box-shadow: none; border-radius: 0; padding: 0 50px 0 10px; }
.mail-subscription button {position: absolute; width: 50px; height: 38px; top: 0; right: 0; background: #fff; border: none; border-left: 1px solid #cfcfcf;
	box-shadow: none; border-radius: 0;}
.mail-subscription button i {}
.mail-subscription button i:before {font-size: 30px;}


.footer-bottom {height: 45px; background: #021e26;}
.copyright {overflow: hidden; font-size: 11px; font-weight: 300; opacity: 0.8;}
.copyright p {width: 50%; float: left; color: #fff; height: 45px; line-height: 45px; }
.copyright p b {color: #ff0000;}
.copyright a {width: 50%; float: right; text-align: right; color: #ff9c00; height: 45px; line-height: 45px;}