@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+Da+2:wght@400;500;600;700;800&family=DM+Serif+Display&family=Lexend+Exa&display=swap');



html, body { /* height: 100%; */}

body {
	background: #e6e6e6;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	position: relative;
	font-weight : 400;
	/* background-size: cover; */
}

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


/* -------------------------------------------------------------------------------------*/
/*      POPUP AREA                                                                      */
/* -------------------------------------------------------------------------------------*/
.popup-area {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999999;background: rgba(0,0,0,0.8);}
.popup-area.active {display: block;}
.popup {width: 700px; margin: 100px auto 0 auto; }
.popup-head {background: #fff;overflow: hidden;text-align: center; border-bottom: 1px solid #dbdbdb;}
.popup-head img {max-width: 100%;height: auto;max-height: 700px;object-fit: contain;}
.popup-head iframe {width: 100% !Important; }
.popup-bottom {height: 80px; background: #fff; position: relative; padding-right: 50px;}
.popup-bottom h5 {padding: 20px; font-size: 20px; font-family: 'Rajdhani', sans-serif; font-weight: 600;}
.close-popup {position: absolute; right: 15px; top: 15px; width: 50px; height: 50px; border: 1px solid #adadad; }
.close-popup i {display: block; height: 48px; line-height: 48px; text-align: center;}
.close-popup i:before {font-size: 20px;}
.close-popup:hover {color: #e83731; cursor: pointer;}


/*** Cookies Area ****/
.cookies-information-area {position: fixed; bottom: 0; left: 0; width: 100%; background: #f7f7f7; z-index: 99999; padding: 30px 50px;
	box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.5);}
.close-cookies-area {position: absolute; right: 40px; top: 20px;}
.close-cookies-area i {}
.close-cookies-area i:before {font-size: 20px;}
.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: #50781d; padding: 5px 20px; color: #fff;}




/* -------------------------------------------------------------------------------------*/
/*      HEADER                                                                          */
/* -------------------------------------------------------------------------------------*/
header {position: relative;height: 260px;}
.home-page header {}


.header-top-area {height: 60px;background: #f1f1f1;}

.header-top {height: 60px; position: relative;  overflow: hidden; }

.top-logo {float: left; width: 30%; height: 60px; line-height: 60px;}
.top-logo a {display: block; height: 100%;}
.top-logo img {max-height: 30px;}

.header-top > ul {float: right;height: 60px;padding-top: 10px;}
.header-top > ul > li {float: left; }

.header-contact-info {height: 40px; padding-right: 30px;}
.header-contact-info ul {}
.header-contact-info ul li {float: left; height: 40px; line-height: 40px; font-size: 12px; position: relative; }
.header-contact-info ul li a {display: block; color: #000; text-decoration: none; padding: 0 15px;}
.header-contact-info ul li i {display: block; float: left; height: 40px; line-height: 40px; margin-right: 10px;}
.header-contact-info ul li i:before {font-size: 16px;}
.header-contact-info ul li:before {content:''; position: absolute; left: 0; top: 5px; width: 1px; height: 30px; background: #c5c5c5}
.header-contact-info ul li:first-child:before {display: none;}
.header-contact-info ul li:hover {background: #fff;}
.header-contact-info ul li:hover:before {display: none;}
.header-contact-info ul li:hover + li:before {display: none;}

.header-lang-area {}
.header-lang-area ul {}
.header-lang-area ul li {float: left;height: 40px;line-height: 38px;text-align: center;}
.header-lang-area ul li img {height: 20px;width: 30px;}
.header-lang-area ul li a {display: block;  text-decoration: none; padding: 0 10px;}
.header-lang-area ul li.active {background: #fff;}
.header-lang-area ul li:hover {background: #fff;  }
.header-lang-area ul li:hover a {}


.header {height: 130px; background: #fff; }

.logo {height: 130px; line-height: 130px;}
.logo a {
	display: block;
	height: 100%;
}
.logo img {max-width: 100%;max-height: 70%;}

.header-links-area {/* position: absolute; *//* right: 30px; *//* top: 35px; */padding-top: 45px;}
.header-links-area > ul {
	float: right;
}
.header-links-area > ul > li {float: left; position: relative; padding: 0 5px;}

.header-search-button {width: 50px; height: 50px;border: 2px solid #9bc84c; border-radius: 50%; color: #9bc84c;}
.header-search-button i {display: block; height: 48px; line-height: 48px; text-align: center;  }
.header-search-button i:before {font-size: 25px;}
.header-search-button i:last-child {display: none;}
.header-search-button.active i:first-child {display: none;}
.header-search-button.active i:last-child {display: block;}
.header-search-button:hover, .header-search-button.active {background: #ffffff;color: #464646;cursor: pointer;border-color: #fff;}

.header-search-area {
	height: 130px;
	padding-top: 40px;
}
.header-search {
	border: 2px solid #dedede;
	background: #fff;
	height: 50px;
	border-radius: 0;
	overflow: hidden;
	position: relative;
}
.header-search.active {display: block;}
.header-search form {width: 100%; height: 100%; }
.header-search i {position: absolute; left: 20px; top: 0; height: 48px; line-height: 48px; color: #bfbfbf}
.header-search i:before {font-size: 25px;}
.header-search input {width: 100%;height: 100%;border: none;background: no-repeat;box-shadow: none;padding: 0 40px 0 70px;font-size: 15px;}
.header-search button {
	position: absolute;
	right: 3px;
	top: 3px;
	width: 100px;
	height: 40px;
	background: #4078bc;
	border: none;
	box-shadow: none;
	border-left: 1px solid #dedede;
	color: #fff;
}
.header-search button i {}
.header-search button i:before {font-size: 24px;}
.header-search button:hover {background: #1459a6; color: #fff; }

.header-social-area {position: relative;}
.header-social-area > i {display: block; width: 50px; height: 50px; line-height: 48px;  border: 2px solid #f3af28; border-radius: 50%;
	text-align: center; color: #f3af28;}
.header-social-area > i:before  {font-size: 25px;}
.header-social-area > ul {
	position: absolute;
	top: 27px;
	left: 0px;
	width: 50px;
	/* border: 1px solid #f3af28; */
	border-radius: 0 0 25px 25px;
	border-top: none;
	padding-top: 15px;
	overflow: hidden;
	display: none;
	z-index: 99999;
	/* background: #f3af42; */
}
.header-social-area > ul > li {height: 40px;background: #f3af42;}
.header-social-area > ul > li:last-child {border: none;}
.header-social-area > ul > li > a {display: block; color: #fff; text-decoration: none; }
.header-social-area > ul > li i {display: block;height: 40px;line-height: 40px;text-align: center;}
.header-social-area > ul > li i:before {font-size: 18px;}
.header-social-area > ul > li b {display: block; height: 35px; line-height: 35px; text-align: center; font-size: 18px;}
.header-social-area > ul > li:hover {background: #dc9f3d}
.header-social-area:hover > ul {display: block;}
.header-social-area:hover {cursor: pointer; }
.header-social-area:hover > i {background: #f3af28; color: #fff; border-radius: 50% 50% 0 0}


.header-bottom-area {height: 70px;background: #4078bc;/* position: relative; */}
.header-bottom {
	position: relative;
}

.header-menu-area {height: 140px;padding-top: 45px;margin-right: -30px;}

.top-menu {height: 50px;}
.top-menu > ul {float: right;}
.top-menu > ul > li {height: 50px; float: left; border-bottom: 1px solid #004070; overflow: hidden; }
.top-menu > ul > li + li {border-left: 1px solid #004070; }
.top-menu > ul > li > a {display: block; padding: 0 15px; color: #fff;}
.top-menu > ul > li > a > i {display: block; height: 49px; line-height: 49px; float: left;}
.top-menu > ul > li > a > i:before {font-size: 17px;}
.top-menu > ul > li > a > b {display: block; height: 49px; line-height: 49px; float: right; font-weight: 400; margin-left: 10px; font-size: 14px;}

.top-menu > ul > li:nth-child(2) {}
.top-menu > ul > li:nth-child(2) a {color: #fff; padding: 8px 15px;}
.top-menu > ul > li:nth-child(2) i {width: 31px;height: 33px;line-height: 33px;background: #2774b1;text-align: center;}
.top-menu > ul > li:nth-child(2) i:before {}

.top-menu > ul > li > ul {}
.top-menu > ul > li > ul li {height: 49px;  float: left; padding: 15px 0; font-weight: 600;}
.top-menu > ul > li > ul li a {display: block; height: 20px; line-height: 20px; color: #fff; text-decoration: none; padding: 0 15px;  }
.top-menu > ul > li > ul li + li a{border-left: 1px solid #2774b1;}
.top-menu > ul > li > ul li.active a {color: #2774b1;}

.header-menu {height: 70px;padding-left: 20px;text-align: left;/* font-family: 'Lexend Exa', sans-serif; */width: 83%;float: left;}
.header-menu > ul {float: left;position: relative;/* display: inline-block; */}
.header-menu > ul > li {float: left;height: 70px;line-height: 70px;/* background: #10489b; */position: relative;font-size: 14px;font-weight: 500;}
.header-menu > ul > li:hover {background: #1459a6; }
.header-menu > ul > li:hover > a {color: #fff; }
.header-menu > ul > li > a {display: block;height: 100%;color: #fff;padding: 0 15px;text-decoration: none;}
.header-menu > ul > li > a > i {}
.header-menu > ul > li > a > i:before {}
.header-menu > ul > li.products-menu {position: initial;}
.header-menu > ul > li > ul {
	position: absolute;
	left: 0;
	top: 70px;
	background: #fff;
	width: 240px;
	display: none;
	z-index: 10000;
	box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
}
.header-menu > ul > li:hover > ul {display: block;}
.header-menu > ul > li > ul > li {height: 45px; line-height: 45px; text-align: left; font-size: 13px;}
.header-menu > ul > li > ul > li > a {display: block; color: #; padding: 0 15px; color: #000000; text-decoration: none;}
.header-menu > ul > li > ul > li:hover > a {color: #fff;}
.header-menu > ul > li > ul > li:hover {background: #1459a6;}

.header-menu > ul > li:hover .products-dropdown {display: block; }
.products-dropdown li {text-align: left;}

.products-dropdown {position: absolute;left: 0;top: 70px;width: 100%;z-index: 10000;padding: 20px 30px;background: #fff;display: none;box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);}
.products-dropdown ul {margin: 0 -10px 20px; overflow: hidden; position: relative; padding-bottom: 220px;}
.products-dropdown ul li {height: 48px; background: #fff; float: left; width: 50%; padding: 0 20px;
	transition: all 100ms ease-in;}
.products-dropdown ul li:nth-child(1n) {padding-left: 0;}
.products-dropdown ul li:nth-child(2n) {padding-right: 0;}
.products-dropdown ul li a:hover {background: #f1f1f1; color: #000;}
.products-dropdown ul li a {display: block; height: 100%; color: #000; text-decoration: none;  border-top: 1px solid #dbdbdb; padding-left: 20px;}
.products-dropdown ul li:nth-child(1) a, .products-dropdown ul li:nth-child(2) a {border-top: none;}
.products-dropdown ul li i {display: none;width: 12%;height: 48px;line-height: 48px;text-align: left;float: left;color: #b2806b;padding-left: 5px;}
.products-dropdown ul li i:before {font-size: 18px; transition: all 100ms ease-in;}
.products-dropdown ul li:hover i:before {font-size: 22px;}
.products-dropdown ul li b {display: block; width: 100%; height: 48px; line-height: 48px; float: left; font-weight: 400; }
.products-dropdown ul li span {position: absolute; width: 100%; height: 200px; overflow: hidden; bottom: 0; left: 0;  opacity: 0; transition: all 50ms ease-in;}
.products-dropdown ul li span img {width: 100%; height: 100%; object-fit: cover;}
.products-dropdown ul li.active span {opacity: 1;}

.prodcuts-dropdown-banner {height: 210px; }
.prodcuts-dropdown-banner img {width: 100%; height: 100%; object-fit: contain;}


.header-categories-menu {
	width: 17%;
	float: left;
	/* position: relative; */
	padding-top: 10px;
}
.header-categories-menu h5 {
	display: block;
	height: 60px;
	color: #3c3c3c;
	background: #fff;
	overflow: hidden;
}
.header-categories-menu h5:hover {}
.header-categories-menu h5 i {
	display: block;
	height: 60px;
	line-height: 60px;
	text-align: center;
	float: left;
	padding-left: 10px;
}
.header-categories-menu h5 i:before {font-size: 30px;}
.header-categories-menu h5 b {display: block;height: 60px;line-height: 60px;font-weight: 600;float: left;padding-left: 10px;}
.header-categories-menu h5 span {display: block;height: 60px;line-height: 60px;float: left;padding-left: 10px;}
.header-categories-menu h5 span:before {font-size: 25px;}

.header-categories-menu > ul {
	position: absolute;
	width: 32%;
	background: #fff;
	padding: 0 0;
	z-index: 9999;
	left: 0;
	top: 70px;
	min-height: 560px;
	box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
	display: none;
	border-bottom: 1px solid #dbdbdb;
}
.home-page .header-categories-menu > ul {display: block; box-shadow: none;}
.header-categories-menu > ul > li {/* overflow: hidden; */font-size: 15px;height: 50px;line-height: 49px;border-top: 1px solid #dcdcdc;position: relative;}
.header-categories-menu > ul > li > a {color: #3c3c3c;display: block;text-decoration: none;padding: 0 25px;}
.header-categories-menu > ul > li i {display: block;float: left;height: 49px;line-height: 49px;margin-right: 10px;}
.header-categories-menu > ul > li i:before {font-size: 22px;}
.header-categories-menu > ul > li b {font-weight: 400;line-height: 49px;display: block;height: 49px;}
.header-categories-menu > ul li:hover {background: #4078bc;}
.header-categories-menu > ul li:hover > a {color: #fff;}
.header-categories-menu > ul > li:hover > i {color: #fff;}
.header-categories-menu > ul > li:hover i:before {font-size: 25px;}
.header-categories-menu > ul > li span {position: absolute; right: 0; top: 0; height: 44px; line-height: 44px; right: 25px; transition: all 100ms ease-in;}
.header-categories-menu > ul > li span:before {font-size: 24px;}
.header-categories-menu > ul > li:hover > a > span {right: 20px;}
.header-categories-menu > ul > li:hover > a > span:before {font-size: 30px;}

.header-categories-menu:hover > ul > li > a > span {}
.header-categories-menu:hover > ul {display: block;}

.header-categories-menu > ul > li > ul {
	position: absolute;
	width: 100%;
	background: #f5f5f5;
	padding: 0 0;
	z-index: 9999;
	left: 100%;
	top: -1px;
	min-height: 560px;
	border-left: 1px solid #dbdbdb;
	display: none;
	height: auto;
	min-height: auto;
}
.header-categories-menu > ul > li > ul > li {font-size: 15px;height: 50px;line-height: 49px;border-top: 1px solid #dcdcdc;position: relative;}
.header-categories-menu > ul > li > ul > li a {color: #3c3c3c;display: block;text-decoration: none;padding: 0 25px;}
.header-categories-menu > ul > li > ul > li span {}
.header-categories-menu > ul > li li:hover > a > span {right: 20px;}
.header-categories-menu > ul > li li:hover > a > span:before {font-size: 30px;}
.header-categories-menu > ul > li:hover > ul {display: block;}

.mobile-top {height: auto;min-height: 50px;display: none;position: relative;background: #4078bc;}

.mobile-menu-area {}
.mobile-menu-button {height: 50px;line-height: 50px;/* position: absolute; */width: 15%;/* left: 0; *//* top: 0; */display: none; /*background: #51a1d8;*/ float: left;
	border-bottom: 1px solid rgba(255,255,255,0.2); border-left: 1px solid rgba(255,255,255,0.2)}
.mobile-menu-button i {display: block;height: 50px;line-height: 50px;text-align: center;color: #fff;}
.mobile-menu-button i:before {font-size: 30px;}
.mobile-menu-button i:first-child {}
.mobile-menu-button.active i:first-child {display: none;}
.mobile-menu-button i:last-child {display: none;}
.mobile-menu-button.active i:last-child {display: block;}
.mobile-menu-button.active {background: #4078bc;}

.mobile-menu {padding: 50px 0 10px 0;overflow: hidden;display: none;}
.mobile-menu > ul {
	position: absolute;
	z-index: 99999;
	width: 100%;
	background: #4078bc;
	left: 0;
}
.mobile-menu ul li {
	height: auto;
	font-size: 15px;
	border-top: 1px solid rgba(255,255,255,0.3);
	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 rgba(255,255,255,0.3);}
.mobile-menu ul li a {display: block; height: 100%; padding: 6px 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: 40px;}
.mobile-menu ul li.active li {display: block;}
.mobile-menu.active {display: block;}
.mobile-menu ul li {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.active:after {display: none;}

.mobile-menu ul li.products-menu {}
.mobile-menu > ul > li.active .products-dropdown {display: block;}

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: 50px; line-height: 50px; color: #fff; background: #2691d0; text-decoration: none; padding-right: 12px;}
a.fast-button i {display: block; float: left; padding: 0 12px; height: 50px; line-height: 50px; font-size: 35px;}

ul.mobile-topmenu {display: none;/* position: absolute; *//* top: 0; *//* right: 0; */width: 85%;float: left;}
ul.mobile-topmenu li {
	float: left;
	height: 50px;
	width: 16.66%;
	/*background: #dbdbdb; */
	text-align: center;
	line-height: 50px;
	color: #fff;
	border-left: 1px solid rgba(0,0,0,0.1);
	/* border-bottom: 1px solid rgba(255,255,255,0.2); */
}
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: 50px; line-height: 50px;}
ul.mobile-topmenu li i:before {font-size: 30px;}
ul.mobile-topmenu li i img {max-width: 30px; margin-top: -4px}
ul.mobile-topmenu li.active {display: none;}
ul.mobile-topmenu li span {display: block; }

.mobile-search-button {}
.mobile-search-button i:first-child {}
.mobile-search-button.active i:first-child {display: none}
.mobile-search-button i:last-child {display: none;}
.mobile-search-button.active i:last-child {display: block;}

.mobile-search-area {position: absolute;left: 0;width: 100%;top: 50px;height: 50px;background: #4078bc;display: none;z-index: 9999;}
.mobile-search-area.active {display: block;}
.mobile-search-area input {width: 100%; padding: 0 60px 0 20px; background: none; border: none; border-radius: 0; box-shadow: none;}
.mobile-search-area button {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	position: absolute;
	right: 0;
	top: 0;
	color: #ffffff;
	width: 50px;
	height: 50px;
	border-left: 1px solid #b92a25;
}
.mobile-search-area button i {}
.mobile-search-area button i:before {
	font-size: 20px !important;
}
.mobile-search-area input::placeholder {color: #fff;}

/*
ul.mobile-topmenu li:nth-child(1) {background: #178ed8;}
ul.mobile-topmenu li:nth-child(2) {background: #0880ca;}
ul.mobile-topmenu li:nth-child(3) {background: #0173ba;}
ul.mobile-topmenu li:nth-child(4) {background: #01629f;}
ul.mobile-topmenu li:nth-child(5) {background: #005387;}
ul.mobile-topmenu li:nth-child(6) {background: #005387;}
ul.mobile-topmenu li:nth-child(7) {background: #103f69;} */
ul.mobile-topmenu li:last-child  {border-right: 1px solid rgba(255,255,255,0.2)}

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

.banners-section {margin-bottom: 30px
}
.main-banner-area {padding-left: 32%;height: 560px;overflow: hidden;margin-bottom: 20px;background: #fff;}
.main-banner-slider {position: relative; }
.main-banner-slider li {}

.main-banner-slider .bx-wrapper .bx-controls-direction a {width: 50px; height: 50px; top: auto; bottom: 35px; border-radius: 0;}
.main-banner-slider .bx-wrapper .bx-prev {left: auto; right: 90px; background: #000 url(../img/icons/icon-min-prev-black.png) no-repeat center center;}
.main-banner-slider .bx-wrapper .bx-next {right: 35px; background: #000 url(../img/icons/icon-min-next-black.png) no-repeat center center;}

.main-banner-slider .bx-wrapper .bx-prev:hover {background: #333333 url(../img/icons/icon-min-prev-black.png) no-repeat center center;}
.main-banner-slider .bx-wrapper .bx-next:hover {background: #333333 url(../img/icons/icon-min-next-black.png) no-repeat center center;}

.main-banner {height: 560px;padding-top: 0;position: relative;}
.main-banner a {display: block; height: 100%; color: #fff; text-decoration: none;}
.main-banner-photo {/* width: 50%; *//* height: 560px; *//* line-height: 490px; *//* text-align: right; *//* float: left; */}
.main-banner-photo img {width: 100%;height: 100%;object-fit: cover;display: inline-block;}
.banner-caption {position: absolute; left: 35px; bottom: 35px; background: rgba(0,0,0,0.6); width: 50%; padding: 30px; }
.banner-caption h4 {font-size: 28px;  margin-bottom: 10px; color: #fff; font-weight: 600;
	font-family: 'Baloo Da 2', cursive;}
.banner-caption p {font-size: 14px; font-weight: 500; line-height: 20px;}

.mini-banner-area {margin-left: -10px;}
.mini-banner {height: 170px; background: #28292b; position: relative; overflow: hidden; }
.mini-banner a {display: block; height: 100%; text-decoration: none; color: #fff;}
.mini-banner img {position: absolute; right: 0; top: 0; max-width: 195px; max-height: 100%; }
.mini-banner-caption {height: 170px; width: 60%; padding: 25px; }
.mini-banner-caption h4 {font-size: 28px; font-style: italic; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #fff;}
.mini-banner-caption p {font-size: 14px; line-height: 18px;}

.mini-banner:nth-child(1) {background: #28292b;}
.mini-banner:nth-child(2) {margin-top: 10px; background: #195ec3;}
.mini-banner:nth-child(3) {margin-top: 10px; background: #10489b;}
.mini-banner:nth-child(1):hover {background: #636363;}
.mini-banner:nth-child(2):hover {background: #0c4aa5;}
.mini-banner:nth-child(3):hover {background: #033073;}

.main-link-boxes {margin-bottom: 20px;}
.main-link-box {height: 90px; background: #fff; }
.main-link-box:hover {background: #f3f3f3;}
.main-link-box a {display: block; color: #000; text-decoration: none;}
.main-link-box i {display: block; width: 22%; height: 90px; line-height: 90px; text-align: center; float: left;}
.main-link-box i:before {font-size: 45px; }
.main-link-box h5 {display: block; width: 78%; height: 90px; float: left; padding-top: 25px; font-size: 16px; font-weight: 600;}
.main-link-box h5 b {display: block; font-weight: 500; font-size: 15px; padding-top: 5px; }


.products-section {margin-bottom: 20px;}

.products-area {background: #fff; padding: 0 25px}

.products-area-head {height: 61px;background: #fff;border-bottom: 1px solid #dbdbdb;}
.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: 15px;position: relative;}
.products-area-tabmenu ul li + li {/* margin-left: 20px; */}
.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 #dbdbdb;}
.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 10px;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-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: #365912; }
.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;}
.products-list-area ul {}
.products-list-area ul li {height: 71px; background: #fff; float: left; width: 33.33%; border-bottom: 1px solid #d6a390;
	transition: all 100ms ease-in;}
.products-list-area ul li:nth-child(3n+1) { border-left: none;}
.products-list-area ul li:hover {background: #fff9f6;}
.products-list-area ul li a {display: block; height: 100%; color: #000; text-decoration: none; }
.products-list-area ul li i {display: block;width: 15%;height: 70px;line-height: 70px;text-align: center;float: left;color: #bf8c79;}
.products-list-area ul li i:before {font-size: 40px; transition: all 100ms ease-in;}
.products-list-area ul li:hover i:before {font-size: 35px;}
.products-list-area ul li b {display: block; width: 80%; height: 70px; line-height: 70px; float: left; font-weight: 400; font-size: 15px;
	padding-left: 10px;}
.products-list-area ul li span {display: block;width: 20%;height: 70px; line-height: 68px; text-align: center;float: left;overflow: hidden; background: #fff;}
.products-list-area ul li span img {width: 90%; height: 90%; object-fit: cover;}

.main-contents-section {margin-bottom: 0;height: 280px;background: #ffffff;padding: 30px 0;position: relative; margin-bottom: 20px;}
.main-contents-section:before {content:''; position: absolute; width: 100%; height: 7px; left: 0; top: -7px; background: url('../img/bg/serrated-top.png'); display: none;}
.main-contents-section:after {content:''; position: absolute; width: 100%; height: 7px; left: 0; bottom: -7px; background: url('../img/bg/serrated-bottom.png'); display: none;}


.main-products-list-area {padding: 20px 0; }

.main-categories-all {overflow: hidden;text-align: center;position: absolute;right: 20px;top: -52px;}
.main-categories-all a {display: inline-block;/* background: #f1f1f1; */padding: 10px 0;color: #000;/* text-decoration: none; */font-size: 14px;}
.main-categories-all a:hover {}

.main-news-area {height: 210px;padding: 30px 0 0 50px;position: relative;overflow: hidden;}
.main-news-area > span {display: block; height: 30px; padding-top: 5px; color: #4a4a4a; font-size: 11px;}
.main-news-area > span a {display: inline-block; margin-left: 10px; padding-left: 10px; border-left: 1px solid #a2a2a2; color: #4a4a4a;}
.main-news-slider {height: 150px;position: relative;}
.main-news-slider li {}
.main-news {height: 150px; }
.main-news a {display: block;color: #000;text-decoration: none;}
.main-news a:hover {color: #545454;}
.main-news h4 {font-family: 'DM Serif Display', serif; font-size: 22px; line-height: 25px; margin-bottom: 10px; overflow: hidden;
	display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main-news p {font-size: 13px; margin-bottom: 5px; line-height: 18px; overflow: hidden;
	display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.main-news span {display: block; font-size: 12px;}

.main-broshure {height: 210px;position: relative;/* overflow: hidden; */}
.main-broshure a {display: block; height: 100%; color: #000; text-decoration: none; padding: 30px; }
.main-broshure img {position: absolute;right: 0;top: 0;transition: all 200ms ease-in;width: 230px;}
.main-broshure:hover img {transform: scale(1.1);}
.main-broshure-title {width: 40%;}
.main-broshure-title h4 {
	font-family: 'DM Serif Display', serif;
	font-size: 22px;
	line-height: 25px;
	margin-bottom: 10px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.main-broshure-title p {font-size: 13px; margin-bottom: 5px; line-height: 18px;}

.main-videos-slider {}
.main-video {height: 210px;position: relative;/* background: #10489b; */overflow: hidden;padding: 30px 0;}
.main-video:hover {cursor: pointer;}
.main-video a {display: block; height: 100%; text-decoration: none; color: #000;}
.main-video-title {width: 40%; height: 160px;  float: left; }
.main-video-title h4 {font-family: 'DM Serif Display', serif; font-size: 22px; line-height: 25px; margin-bottom: 10px; overflow: hidden;
	display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.main-video-title b {font-size: 13px; margin-bottom: 5px; line-height: 18px; font-weight: 400;}
.main-video-title p {font-size: 13px; margin-bottom: 5px; line-height: 18px;}
.main-video-photo {width: 60%; height: 160px;  float: left; overflow: hidden;}
.main-video-photo img {max-width: 100%;max-height: 100%; transition: all 200ms ease-in;}
.main-video:hover .main-video-photo img {transform: scale(1.1);}
.main-video i {position: absolute; width: 60px; height: 60px; border: 7px solid #fff; left: 35%; bottom: 30px; border-radius: 50%; background: #ca0303; color: #fff;
	line-height: 46px; text-align: center; }
.main-video i:before {font-size: 30px; }


.main-brands-area {height: 210px; position: relative;  overflow: hidden; padding: 30px;}
.main-brands-title {width: 45%; float: left; height: 150px;}
.main-brands-title h4 {
	font-family: 'DM Serif Display', serif;
	font-size: 22px;
	line-height: 25px;
	margin-bottom: 10px;
	/* overflow: hidden; */
	/* display: -webkit-box; */
	/* -webkit-line-clamp: 2; */
	/* -webkit-box-orient: vertical; */
}
.main-brands-title p {font-size: 13px; margin-bottom: 5px; line-height: 18px;}

.main-brands-slider {width: 55%;float: left;height: 150px;padding-top: 45px;}
.main-brands-slider li {}
.main-brands-slider li span {display: block;height: 150px;text-align: right;line-height: 150px;}
.main-brands-slider li span img {max-width: 90%; max-height: 90%; display: inline-block !important;}



/*** Inner Pages ***/

.contents-section {background: #fff; padding: 20px 0 50px 0;}

.left-side {padding: 25px;background: #1459a6;}
.left-side h2 {font-size: 17px; color: #fff; padding-bottom: 20px; margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.7); font-weight: 600;}
.left-menu {}
.left-menu ul {}
.left-menu ul li {font-size: 16px;position: relative;}
.left-menu ul li.active {font-weight: 600;}
.left-menu ul li:before {content: ''; position: absolute; left: -15px; width: 0; height: 1px; top: 50%;  background: #fff;
	transition: all 200ms ease-in;}
.left-menu ul li a {display: block; color: #fff; text-decoration: none; padding: 5px 0;}
.left-menu ul li:hover:before, .left-menu ul li.active:before  {width: 10px;}

.left-categories-menu {padding: 15px 25px 25px 25px; border: 1px solid #dbdbdb;}
.left-categories-menu h4 {font-size: 14px; font-weight: 400; margin-bottom: 5px;}
.left-categories-menu h3 {font-family: 'Baloo Da 2', cursive; font-size: 26px; color: #4078bc; position: relative;
	padding: 0 50px 15px 0; margin-bottom: 15px; border-bottom: 1px solid #dbdbdb; }
.left-categories-menu h3 i {position: absolute; right: 0; top: 0; }
.left-categories-menu h3 i:before {font-size: 40px; }
.left-categories-menu ul {}
.left-categories-menu ul li {font-weight: 500;}
.left-categories-menu ul li + li {margin-top: 10px;}
.left-categories-menu ul li a {display: block; color: #000; text-decoration: none; position: relative; transition: all 100ms ease-in;}
.left-categories-menu ul li a:hover {color: #4078bc; padding-left: 10px;}
.left-categories-menu ul li a:before {content:''; position: absolute; left: 0; top: 50%; width: 0; height: 1px; background: #4078bc;
	transition: all 100ms ease-in;}
.left-categories-menu ul li a:hover:before {width: 5px;}

.left-categories-menu + .left-side-link-box {margin-top: 20px;}

.left-side-link-box {border: 1px solid #dbdbdb; }
.left-side-link-box:hover {background: #f1f1f1;}
.left-side-link-box a {display: block; padding: 25px; color: #000; text-decoration: none; }
.left-side-link-box i {display: block; line-height: 70px;}
.left-side-link-box i:before {font-size: 70px;}
.left-side-link-box h5 {font-size: 16px; font-weight: 600; line-height: 22px;}
.left-side-link-box p {font-size: 14px; }

.left-side-link-box + .left-side {margin-top: 20px; display: none;}

.right-side {padding: 25px 0 0 10px;}

.title-area {height: 65px; margin-bottom: 30px; position: relative; border-bottom: 1px solid #cacaca; }
.title-area:before {content: '';position: absolute;width: 30%;height: 3px;background: #4078bc;left: 0;bottom: -2px;}
.title-area h1 {font-size: 20px; font-weight: 600; margin-bottom: 5px; text-transform: capitalize;}

.product-sort-area {height: 45px; overflow: hidden;}
.product-sort-area ul {}
.product-sort-area ul li {width: 25%;float: left;height: 45px;line-height: 45px;background: #f4f1f1;text-align: center;font-size: 15px;font-weight: 500;}
.product-sort-area ul li a {display: block; color: #000; text-decoration: none;}
.product-sort-area ul li:hover {background: #dedede;}
.product-sort-area ul li.active {background: #dedede;}

.product-sort-area + .products-list {margin-top: 20px;}

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

.detail-breadcrumb {margin-bottom: 20px; }
.detail-breadcrumb .share {height: 20px; }
.detail-breadcrumb .share span, .detail-breadcrumb .share span i {height: 20px; line-height: 20px;}


.share {height: 60px; position: absolute; right: 0; top: 0;}
.share span {
	display: block;
	height: 60px;
	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: 60px; line-height: 60px; 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; }
.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-facebook5 {color: #0d488d;}
.share ul li:hover i.icon-twitter7 {color: #46afd2;}
.share ul li:hover i.icon-linkedin222 {color: #1557a5;}
.share ul li:hover i.icon-whatsapp {color: #6a9219;}
.share ul li:hover i.icon-mail7 {color: #eb6136;}

.content-area {}

.page-photo {height: auto; overflow: hidden; margin-bottom: 30px;}
.page-photo img {width: 100%; height: 100%; object-fit: cover;}

.content-detail {}
.content-detail p {font-size: 14px; line-height: 20px; margin-bottom: 10px;}
.content-detail img {max-width: 100%;}
.content-detail iframe {max-width: 100% !important;}

.content-detail table {margin: 0 auto;}
.content-detail tr {}
.content-detail td {
	border: 1px solid #dbdbdb;
	padding: 10px;
}


.categories-list {overflow: hidden; }
.categories-list ul {}
.categories-list ul li {
	height: 320px;
	background: #fff;
	float: left;
	width: 33.33%;
	border-left: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	transition: all 100ms ease-in;
}
.categories-list ul li:nth-child(3n+1) { border-left: none;}
.categories-list ul li:nth-child(1), .categories-list ul li:nth-child(2), .categories-list ul li:nth-child(3) {border-top: none;}
.categories-list ul li:hover {}
.categories-list ul li a {display: block; height: 100%; color: #000; text-decoration: none; padding: 0 15px;}
.categories-list ul li i {display: block; width: 20%; height: 68px; line-height: 68px; text-align: center; float: left; color: #10489b;}
.categories-list ul li i:before {font-size: 25px; transition: all 100ms ease-in;}
.categories-list ul li:hover i:before {font-size: 22px;}
.categories-list ul li b {display: block;  height: 50px; line-height: 50px; font-weight: 400; font-size: 16px; }
.categories-list ul li span {display: block;  height: 270px;overflow: hidden;}
.categories-list ul li span img {width: 100%; height: 100%; object-fit: contain;
	transition: all 100ms ease-in;}
.categories-list ul li:hover img {transform: scale(1.1);}

.product-description-area {/* margin-bottom: 30px; */font-size: 16px;line-height: 25px;}
.product-description-area p {font-size: 16px;line-height: 25px;margin-bottom: 10px;}
.product-description-area span {display: block;margin-bottom: 5px;height: 230px;overflow: hidden;}
.product-description-area span img {width: 100%; }

.products-list {}
.products-list ul {margin: 0 -10px;}
.products-list ul li {width: 50%; float: left; padding: 0 10px;}
.product-box {height: 220px; border: 1px solid #cacaca; position: relative; margin-bottom: 20px; overflow: hidden;}
.product-box a {display: block;height: 100%;color: #000;text-decoration: none;padding: 25px;}
.product-box h4 {font-size: 20px;/* margin-bottom: 10px; */line-height: 28px;width: 50%;float: left;height: 170px;font-weight: 600;}
.product-box i {display: block;width: 40px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #000;margin-top: 10px;}
.product-box i:before {font-size: 20px;}
.product-box:hover i {background: #000; color: #fff;}
.product-box span {display: block;width: 50%;float: left;height: 170px;line-height: 170px;text-align: right;}
.product-box span img {width: 90%;height: 100%;object-fit: cover;}


.full-detail-page {}

.product-details-area {padding: 30px;border: 1px solid #dbdbdb;margin-bottom: 30px;}

.product-information {}
.product-information h2 {font-size: 15px; font-weight: 400; margin-bottom: 10px;}
.product-information h2 a {color: #4078bc;}
.product-information h1 {font-weight: 500; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dbdbdb;}

.product-information .product-price {padding: 0;}

.product-details-area .content-detail-photos {padding: 0; border: none;}
.product-details-area .content-detail-photos-slider {border: none;}

.content-detail-photos {margin-bottom: 20px;border: 1px solid #dbdbdb;padding: 0 30px 30px 30px;}
.content-detail-photos-slider {margin-bottom: 20px;height: 470px;position: relative;border-bottom: 1px solid #dbdbdb;}
.content-detail-photos-slider li {height: 450px;overflow: hidden;position: relative; padding: 30px 0;}
.content-detail-photos-slider li a {color: rgba(0,0,0,0.5); text-decoration: none;}
.content-detail-photos-slider img {width: 100%;height: 100%;object-fit: contain;}
.content-detail-photos-slider li p {
	height: 20px; line-height: 20px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 999999;
}
.content-detail-photos-slider li p i {display: block; height: 20px; line-height: 20px; float: left; margin-right: 10px;}
.content-detail-photos-slider li p i:before {font-size: 20px; transition: all 100ms ease-in;}
.content-detail-photos-slider li:hover i:before {}

.content-detail-photos-slider .bx-wrapper .bx-controls-direction a {display: none;}
.content-detail-photos-slider:hover .bx-wrapper .bx-controls-direction a {display: block;}

.content-detail-photos-slider-pager {width: 100%; overflow: hidden; padding: 0 50px;}
.content-detail-photos-slider-pager .bx-wrapper {margin: 0 !important; }
.content-detail-photos-slider-pager ul {}
.content-detail-photos-slider-pager ul li {}
.content-detail-photos-slider-pager ul li a {display: block;height: 100px;opacity: 0.6;}
.content-detail-photos-slider-pager ul li i {position: absolute; width: 40px; height: 40px; background: #ce2f2b; left: 50%; top: 50%; margin: -20px 0 0 -20px;
	border-radius: 50%; text-align: center; line-height: 40px; color: #fff;
	-webkit-box-shadow: 0px 0px 25px 4px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 25px 4px rgba(255,255,255,1);
	box-shadow: 0px 0px 25px 4px rgba(255,255,255,1);}
.content-detail-photos-slider-pager ul li i:before {font-size: 30px; transition: all 100ms ease-in;}
.content-detail-photos-slider-pager ul li a:hover {opacity: 0.8; cursor: pointer;}
.content-detail-photos-slider-pager ul li a.active {opacity: 1;}
.content-detail-photos-slider-pager ul li img {width: 100%;height: 100%;object-fit: contain;}

.content-detail-photos-slider-pager .bx-wrapper .bx-controls-direction a {width: 50px; height: 100px; top: 0; margin: 0;border-radius: 0;}
.content-detail-photos-slider-pager .bx-wrapper .bx-prev {left: -50px;}
.content-detail-photos-slider-pager .bx-wrapper .bx-next {right: -50px;}
.content-detail-photos-slider-pager .bx-wrapper .bx-prev:hover {}
.content-detail-photos-slider-pager .bx-wrapper .bx-next:hover {}

.similar-product-area {padding-top: 50px;}
.similar-products-title {height: 40px; position: relative; margin-bottom: 20px;}
.similar-products-title:before {content:''; position: absolute; width: 100%; height: 1px; background: #dbdbdb; left: 0; top: 50%; z-index: 1;}
.similar-products-title h5 { position: absolute; height: 40px; line-height: 40px; color: #4078bc; font-size: 18px; background: #fff; padding-right: 30px; z-index: 2;}
.similar-product-area ul {}
.similar-product-area ul li {height: 40px; font-size: 15px;line-height: 40px; }
.similar-product-area ul li a {display: block; color: #000; text-decoration: none; }
.similar-product-area ul li i {display: block; height: 40px; float: left; line-height: 40px; margin-right: 15px}
.similar-product-area ul li i:before {font-size: 20px}


.map-box {height: 250px;overflow: hidden;margin-bottom: 20px;}
.map-box iframe {width: 100% !Important; height: 100% !Important;}

.main-contact-info { }
.main-contact-info h2 {font-size: 20px;font-weight: 600;margin-bottom: 10px;}
.main-contact-info ul {}
.main-contact-info ul li {padding: 10px 0;border-top: 1px solid #f1f1f1;font-size: 14px;}
.main-contact-info ul li:last-child {border-bottom: 1px solid #f1f1f1;}
.main-contact-info ul li span {
	font-weight: 600;
}
.main-contact-info ul li b {font-weight: 400;color: #000;}

.contact-informations {}
.contact-informations table {}
.contact-informations table th {
	padding: 12px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	background: #f4f4f4;
}
.contact-informations table td {font-family: 'Oswald', serif; font-size: 17px; font-weight: 300;  padding: 12px !important;}

.list-style-three {height: 320px;border: 1px solid #dbdbdb;margin-bottom: 20px;transition: all 100ms ease-in;}
.list-style-three:hover {box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.1);}
.list-style-three a {display: block;height: 100%;color: #000;text-decoration: none;padding: 0;}
.list-style-three-photo {height: 170px;margin-bottom: 10px;}
.list-style-three-photo img {width: 100%;height: 100%;object-fit: contain;}
.list-style-three-title {padding: 0 10px;height: 60px;}
.list-style-three-title h4 {font-size: 16px;/* margin-bottom: 5px; */font-weight: 500;line-height: 20px; margin-bottom: 2px;}
.list-style-three-title p {
	margin-bottom: 5px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.list-style-three-title span {display: block; font-size: 12px; color: #3b9fda;}

.product-price {height: 55px;padding: 5px 10px;}
.product-price span {
	display: block;
	width: 30%;
	height: 50px;
	float: left;
	background: #f00;
	color: #fff;
	line-height: 50px;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
}
.product-price h5 {display: block;width: 70%;height: 50px;float: left;padding: 3px 10px;font-weight: 500;}
.product-price h5 p {font-size: 18px;line-height: 20px;}
.product-price h5 b {display: block;font-size: 20px;line-height: 20px; font-weight: 500;}
.product-price.product-discount-price h5 p {text-decoration: line-through;}

.event-box {height: 400px; border: 1px solid #dbdbdb; margin-bottom: 20px;}
.event-box:hover {background: #f9f9f9}
.event-box a {display: block; height: 100%;  color: #000; text-decoration: none; padding: 15px;}
.event-box-photo {height: 180px; margin-bottom: 20px;}
.event-box-photo img {width: 100%; height: 100%; object-fit: cover; }
.event-box-title {}
.event-box-title h5 {font-size: 20px;color: #808080;margin-bottom: 10px;}
.event-box-title h6 {font-size: 14px; color: #6d6d6d; margin-bottom: 10px; }
.event-box-title h4 {font-size: 20px; color: #383838; margin-bottom: 5px;}
.event-box-title p {max-height: 60px; overflow: hidden; line-height: 20px;}

.news-box {height: 340px; border: 1px solid #dbdbdb; margin-bottom: 20px;}
.news-box:hover {background: #f9f9f9}
.news-box a {display: block; height: 100%;  color: #000; text-decoration: none; padding: 15px;}
.news-box-photo {height: 180px; margin-bottom: 20px;}
.news-box-photo img {width: 100%; height: 100%; object-fit: cover; }
.news-box-title {}
.news-box-title h5 {font-size: 20px;color: #808080;margin-bottom: 10px;}
.news-box-title h6 {font-size: 14px; color: #6d6d6d; margin-bottom: 10px; }
.news-box-title h4 {font-size: 20px; color: #383838; margin-bottom: 5px;}
.news-box-title p {max-height: 60px; overflow: hidden; line-height: 20px;}
.news-box-title span {display: block; overflow: hidden; line-height: 20px;}

.detail-photos-area {margin-bottom: 20px;}
.detail-photos-slider {overflow: hidden;}
.detail-photos-slider li {height: 460px;}
.detail-photos-slider li img {display: inline-block !Important; width: 100%; height: 100%; object-fit: contain;}

.detail-information-area {border: 1px solid #dbdbdb; margin-bottom: 20px;}
.detail-information-area ul {overflow: hidden;}
.detail-information-area ul li {float: left; width: 33%; padding: 10px 20px; height: 60px; }
.detail-information-area ul li + li {border-left: 1px solid #dbdbdb;}
.detail-information-area ul li b {display: block; }
.detail-information-area ul li span {}

.detail-video-area { overflow: hidden;}
.detail-video-area iframe {width: 100% !Important; margin-bottom: 20px;}


.list-style-four {height: 360px;border: 1px solid #dbdbdb; margin-bottom: 20px;}
.list-style-four a {display: block; height: 100%;  color: #000; text-decoration: none; padding: 15px;}
.list-style-four-photo {height: 250px; margin-bottom: 20px; }
.list-style-four-photo img {width: 100%; height: 100%; object-fit: cover; }
.list-style-four-title {height: 100px; }
.list-style-four-title h4 { margin-bottom: 5px; }
.list-style-four-title p {margin-bottom: 5px;}
.list-style-four-title span {display: block; font-size: 12px;}

.photo-box {height: 300px; border: 1px solid #dbdbdb; margin-bottom: 20px;}
.photo-box a {display: block; height: 100%;  color: #000; text-decoration: none; padding: 15px;}
.photo-box img {width: 100%; height: 100%; object-fit: cover; }

.faq-area {}
.faq-area ul {}
.faq-area ul li {border: 1px solid #ededed; margin-bottom: 20px; font-size: 17px; font-weight: 500;  overflow: hidden;}
.faq-area ul li a {display: block; padding: 16px; border-bottom: 1px solid #ededed; text-decoration: none; color: #000;}
.faq-area ul li p {padding: 15px;}

/**** Documents Box ***/
.document-box {height: 420px;position: relative;overflow: hidden;margin-bottom: 20px;border: 1px solid #ddd;}
.document-box:hover {background: #f9f9f9;}
.document-box a {display: block; color: #000; text-decoration: none; padding: 15px}
.document-box h4 {font-size: 14px; padding: 10px 0; line-height: 16px; max-height: 100px; overflow: hidden;  margin-bottom: 10px; font-weight: 400;
	color: #3e3e3e;}
.document-box span {font-style: italic; font-size: 12px; color: #479b96;}
.document-box-photo {height: 330px;overflow: hidden;}
.document-box-photo img {width: 100%;height: 100%;object-fit: cover;}
.document-box:hover h4 {border-color: #479b96;}


/**** Brand Box ***/
.brand-box {height: 180px;position: relative;overflow: hidden;margin-bottom: 20px;border: 1px solid #dbdbdb;}
.brand-box:hover {background: #f9f9f9;}
.brand-box a {display: block; color: #000; text-decoration: none; padding: 15px}
.brand-box h4 {font-size: 14px; padding: 15px 0 0 0; line-height: 16px; max-height: 100px; overflow: hidden;  margin-bottom: 10px; font-weight: 400;
	color: #3e3e3e;}
.brand-box span {font-style: italic; font-size: 12px; color: #479b96;}
.brand-box-photo {height: 100px;overflow: hidden;border-bottom: 1px solid #dbdbdb;text-align: center;line-height: 100px;}
.brand-box-photo img {max-width: 80%; max-height: 80%; }
.brand-box:hover h4 {border-color: #479b96;}

.form-banner {height: 200px; margin-bottom: 10px; }
.form-banner img {width: 100%; height: 100%; object-fit: cover; }

.form-desc {margin-bottom: 10px;}
.form-desc p {
	font-size: 14px;
	font-weight: 400;
}

.label-form {overflow: hidden}
.label-form > ul {}
.label-form > ul > li {width: 100%; float: left; margin-bottom: 15px; position: relative; }
.label-form > ul > h3 {font-size: 16px;; padding: 10px 0; border-bottom: 1px solid #d8d8d8; margin-bottom: 10px;}
.label-form > ul > li.product-form-full {width: 100%; min-height: 50px; height: auto;}
.label-form > ul > li.product-form-full > span {height: auto; min-height: 50px;}
.label-form > ul > li > b {display: block;font-size: 13px;font-weight: 500;}
.label-form > ul > li > b > span {float: right; color: #6279c4;}
.label-form > ul > li > span {display: block; width: 100%; height: auto;min-height: 50px; overflow: hidden;}
.label-form > ul > li > span > input {width: 100%;height: 50px;border: none;padding: 0 20px;background: none;border: 1px solid #f2f2f2;border-radius: 0;font-size: 14px;}
.label-form > ul > li > span input[type="file"] {padding-top: 13px;}
.label-form > ul > li > span input[type="radio"],.label-form > ul > li > span input[type="checkbox"] {width: 15px;height: 15px;margin-right: 10px;}
.label-form > ul > li > span > div > input {width: 100%; height: 50px; border: none; padding: 0 20px; background: none;}
.label-form > ul > li > span > select {width: 100%; height: 50px; border: none; padding: 0 20px; background: none;  border: 1px solid #f2f2f2; border-radius: 5px; }
.label-form > ul > li > span > select.multiple-select {height: 150px; padding: 15px;}
.label-form > ul > li > span > select.birthdate-month, .label-form > ul > li > span > select.birthdate-date {width: 10%;float: left;}
.label-form > ul > li > span > textarea {
	width: 100%;
	max-width: 100%;
	height: 150px;
	max-height: 200px;
	border: none;
	padding: 20px;
	background: none;
	border: 1px solid #f2f2f2;
	border-radius: 0;
}
.label-form > ul > li > span .select2-container .select2-selection--single {height: 48px; border: none;}
.label-form > ul > li > span .select2-container--default .select2-selection--single .select2-selection__arrow {top: 10px; }
.label-form > ul > li > span .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 48px; }
.label-form > ul > li > button {width: 27%;height: 50px;border-radius: 0;background: #363636;color: #fff;box-shadow: none;border: none;float: right;font-size: 17px;}
.label-form > ul > li > button:hover {background: #0e0e0e; }
.label-form > ul > li > span > label {width: 24%; float: left;  border: 1px solid #f2f2f2; border-radius: 5px; margin-left: 1.3%; height: 50px; padding: 10px;
	font-weight: 500;	margin-bottom: 10px}
.label-form > ul > li > span > label:nth-child(1), .label-form > ul > li > span > label:nth-child(4n+1) {margin-left: 0;}
.label-form > ul > li > span > label input {width: 15px;}
.label-form > ul > li label {font-weight: 400; font-size: 14px;}
.label-form > ul > li label input {}


.label-form .select2-container--default .select2-selection--multiple {
	background-color: white;
	border: 1px solid #f2f2f2;
	border-radius: 5px;
	cursor: text;
	min-height: 50px;
	height: auto;
}

.label-form .select2-container--default.select2-container--focus .select2-selection--multiple {border: 1px solid #cecece;}
.label-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: #f1f1f1;
	padding: 5px 10px;
	border: 1px solid #dbdbdb;
}
.label-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {margin-right: 5px}

.detail-offer-button {
	overflow: hidden;
}
.detail-offer-button a {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	background: #195ec3;
	color: #fff;
	float: right;
	text-decoration: none;
}
.detail-offer-button a i {
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	margin-right: 10px;
}
.detail-offer-button a i:before {
	font-size: 20px;
}
.detail-offer-button a:hover {background: #1b4686;}


.main-slogan-section {height: 175px; background: #36590b;); margin-bottom: 50px;}
.main-slogan {background: url('../img/bg/map.png') no-repeat left center; overflow: hidden;}
.main-slogan h5 {width: 50%; height: 175px; float: left; font-size: 32px; font-weight: 300; color: #fff; text-align: left;
	padding: 30px 20px 30px 23%; font-family: 'DM Serif Display', serif;}
.main-slogan p {width: 50%;height: 145px;float: left;color: #fff;font-size: 14px;line-height: 19px;padding: 30px 30px 0 0;overflow: hidden;}

.detail-buttons {height: 50px;}
.detail-buttons ul {overflow: hidden;  }
.detail-buttons ul li {width: 33.33%;float: left;height: 50px;line-height: 50px;background: #4078bc;border-left: 1px solid #fff;}
.detail-buttons ul li:hover {background: #9c1d19;}
.detail-buttons ul li a {display: block; color: #fff; padding: 0 15px; text-decoration: none; }
.detail-buttons ul li i {display: block; height: 50px; line-height: 50px; float: left; margin-right: 10px; }
.detail-buttons ul li i:before {font-size: 20px;}

.detail-buttons .product-price {width: 30%; float: left; padding-top: 0;}

.product-tab-area {
	padding: 0 30px;
	border: 1px solid #dbdbdb;
}
.product-tab-area .tab-content p {font-size: 16px; margin-bottom: 10px}

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; */
	text-transform: uppercase;
}
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: #ed3833;}
ul.product-tab-menu li.active {border-bottom: 3px solid #ed3833;}
ul.product-tab-menu li.active, ul.product-tab-menu li.active a {color: #ed3833;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 .content-video {height: 600px}

.product-features {/* border: 1px solid #dbdbdb; *//* padding: 10px 20px 20px 20px; *//* margin-bottom: 20px; */}
.product-features h5 {font-size: 16px; font-weight: 600;  color: #aaa;   padding: 15px 0 10px 0; }
.product-features ul {overflow: hidden;}
.product-features ul li {height: 40px;line-height: 40px;width: 50%;float: left;border-bottom: 1px solid #dbdbdb;font-size: 14px;}
.product-features ul li b {font-weight: 600; margin-right: 10px;}
.product-features ul li b:after {content: ':'; }
.product-features ul li span {}

.detail-video-area h5 {font-size: 16px; font-weight: 600;  color: #aaa; padding: 15px 0 10px 0;}

.references-cover-photo {text-align: center; margin-bottom: 30px;}
.references-cover-photo img {width: 100%; }

.contact-information {padding: 20px; border: 1px solid #f2f2f2; margin-bottom: 20px}

.contact-form {padding: 30px;border: 1px solid #f2f2f2; margin-bottom: 20px;}
.contact-form h5 {font-size: 20px;font-weight: 600;margin-bottom: 10px;}
.contact-form p {font-size: 14px; margin-bottom: 20px}
.contact-form .label-form > ul > li {margin-bottom: 20px;}
.contact-form .label-form > ul > li b {margin-bottom: 5px;}

.contact-link-box {}
.contact-link-box ul {}
.contact-link-box ul li {background: #a5a5a5;}
.contact-link-box ul li:hover {background: #565656;}
.contact-link-box ul li a {display: block; padding: 20px; color: #fff; text-decoration: none;}
.contact-link-box ul li h5 {font-size: 20px;font-weight: 600;margin-bottom: 5px;}
.contact-link-box ul li p {}

.main-references-area {margin-bottom: 20px;height: 152px;overflow: hidden;padding: 0 40px;margin: 0 -40px;}
.main-references-slider {
	height: 152px;
	padding: 15px 15px;
	position: relative;
	background: #fff;
}
.main-references-slider:before {content: '';position: absolute;left: 15px;top: 15px;width: 1px;height: 120px;background: #fff;z-index: 999;}
.main-references-slider ul {overflow: hidden;}
.main-references-slider li {height: 120px; line-height: 120px; border-left: 1px solid #dbdbdb; text-align: center; }
.main-references-slider li a {display: block;}
.main-references-slider li img {
	display: inline;
	max-height: 100%;
	max-width: 120px;
}

.main-references-slider .bx-wrapper .bx-controls-direction a {width: 50px;height: 50px;top: auto;bottom: 35px;border-radius: 50%;opacity: 1;border: 8px solid #e6e6e6;}
.main-references-slider .bx-wrapper .bx-controls-direction a:hover {border:2px solid #e6e6e6;}
.main-references-slider .bx-wrapper .bx-prev {left: -40px;/* right: 90px; */background: #fff url(../img/icons/icon-min-prev-black.png) no-repeat center center;}
.main-references-slider .bx-wrapper .bx-next {right: -40px;background: #fff url(../img/icons/icon-min-next-black.png) no-repeat center center;}


a.all-references-button {position: absolute; right: 10px; top: 5px; color: #000;}

.pagination-area {height: 40px;}
.pagination-area ul {display: inline-block;}
.pagination-area ul li {width: 40px; height: 40px; float: left; border: 1px solid #dbdbdb; border-radius: 50%; text-align: center; line-height: 38px;}
.pagination-area ul li a {display: block; height: 100%; color: #000; text-decoration: none;}
.pagination-area ul li + li {margin-left: 10px;}
.pagination-area ul li:hover {background: #f3f3f3;}
.pagination-area ul li.active {background: #4078bc; border-color: #4078bc;}
.pagination-area ul li.active a {color: #fff;}

/* -------------------------------------------------------------------------------------*/
/* 		FOOTER																			               */
/* -------------------------------------------------------------------------------------*/
footer {/* border-top: 1px solid #fff; */}

.footer-top {height: 75px; background: #10489b; }
.mail-bulten-area {}
.mail-bulten-area h5 {height: 75px; line-height: 75px; font-weight: 500; color: #fff; float: left; width: 25%; }
.mail-bulten {height: 75px; float: left; width: 75%; position: relative; padding-top: 15px; position: relative; }
.mail-bulten input {width: 100%; height: 45px; border: none; box-shadow: none; padding: 0 50px 0 20px;  }
.mail-bulten button {position: absolute; width: 45px; height: 45px; right: 0; top: 15px; border: none; background: none; box-shadow: none;
	border-radius: 0; }
.mail-bulten button i { display: block;}
.mail-bulten button i:before {font-size: 40px;}

.footer-social-area {}
.footer-social-area h5 {height: 75px; float: right; height: 75px; line-height: 75px; font-weight: 500; color: #fff;}
.footer-social {height: 75px;/* margin-left: 30px; */}
.footer-social ul {}
.footer-social ul li {float: left;height: 75px;line-height: 75px; font-size: 25px}
.footer-social ul li a {display: block; color: #828282; text-decoration: none; padding: 0 10px}
.footer-social ul li a:hover {color: #224671;}
.footer-social ul li i {display: block; height: 75px; line-height: 75px; }
.footer-social ul li i:before {font-size: 25px;}

.footer-area {background: #fff;border-top: 1px solid #dbdbdb;}
.footer {height: 285px;border-bottom: 1px solid #eaeaea;margin-bottom: 15px;padding: 30px 0;}
.footer-aboutus {height: 220px;border-right: 1px solid #dbdbdb;padding-right: 30px;}
.footer-aboutus h5 {color: #4078bc; font-family: 'DM Serif Display', serif; font-size: 19px; padding-bottom: 20px;}
.footer-aboutus p {font-size: 15px;line-height: 24px;}
.footer-aboutus p a {}
.footer-logo {margin-bottom: 30px;}
.footer-logo a {}
.footer-logo img {max-width: 100%;}

.footer-menu {height: 220px;overflow: hidden;/* border-right: 1px solid #dbdbdb; */padding-right: 80px;}
.footer-menu > ul {display: block; overflow: hidden; width: 100%;}
.footer-menu > ul > li {float: left;height: 250px;padding-left: 40px;font-size: 15px;}
.footer-menu > ul > li:first-child {padding-left : 0;}

.footer-menu > ul > li > a {
	font-weight: 500;
	color: #383838;
	padding-left: 15px;
	position: relative;
	padding-bottom: 15px;
	display: block;
	position: relative;
	font-family: 'DM Serif Display', serif;
	font-size: 19px;
}
.footer-menu > ul > li:hover > a:before {height : 6px;}

.footer-menu > ul > li > ul {}
.footer-menu > ul > li > ul > li {position: relative; font-size : 13px; }
.footer-menu > ul > li > ul > li a {display: block; padding: 2px 0 2px 15px; color: #272727; text-decoration : none;}
.footer-menu > ul > li > ul > li a:before {content: ''; position: absolute; left: 0; width: 0; height: 2px; top: 50%;
	background: #4078bc; transition : all 100ms ease-in;}
.footer-menu > ul > li > ul > li:hover a:before {width : 10px;}

.footer-contact {height: 220px;padding: 0 0 0 45px;border-left: 1px solid #dbdbdb;margin-left: -75px;}
.footer-contact > i {display: block; width: 30%; height: 205px; float: left; }
.footer-contact > i:before {font-size: 75px; line-height: 75px;}
.footer-contact > h4 {color: #383838;font-family: 'DM Serif Display', serif;font-size: 19px;padding-bottom: 15px;}

.footer-contact-info {height: 205px;}
.footer-contact-info ul {}
.footer-contact-info ul li {font-size: 15px;overflow: hidden;height: 35px;line-height: 35px;}
.footer-contact-info ul li a {color: #525252;display: block;height: 100%;}
.footer-contact-info ul li i {display: block;height: 35px;float: left;line-height: 35px;margin-right: 10px;color: #989898;}
.footer-contact-info ul li i:before {font-size: 20px;}
.footer-contact-info ul li:last-child {line-height:20px;}


.footer-lang-area {height: 205px; padding: 0 0 0 15px; margin-bottom: 30px;}
.footer-lang {height: 50px; position: relative;  margin-bottom: 30px;}
.footer-lang h5 {width: 50%; height: 50px; float: left; border: 1px solid #dbdbdb; line-height: 48px; padding-left: 25px; font-weight: 400; font-size: 13px;}
.select-lang-button {width: 50%;height: 50px;float: left;border: 1px solid #dbdbdb;background: #f2f2f2;border-left: none;line-height: 48px;padding-left: 25px;display: block;}
.select-lang-button i {display: block; float: right; height: 48px; line-height: 48px; padding-right: 15px;}
.select-lang-button i:before {font-size: 25px;}

.select-lang {position: absolute; width: 50%; background: #f2f2f2; right:0; top: 50px; border: 1px solid #dbdbdb; border-top: none; display: none;  }
.select-lang-button:hover .select-lang {display: block; }
.select-lang ul {}
.select-lang ul li {line-height: 20px;}
.select-lang ul li:hover {background: #dbdbdb;}
.select-lang ul li + li {border-top: 1px solid #dbdbdb;}
.select-lang ul li a {display: block; padding: 10px 25px; color: #000; text-decoration: none;}

.cookie-text {font-size: 11px; line-height: 14px; margin-bottom: 20px}

.secure-logo {text-align: right; }
.secure-logo img {}


.footer-bottom {margin-bottom: 10px}

.footer-bottom-menu {}
.footer-bottom-menu ul {}
.footer-bottom-menu ul li {font-size: 11px; float: left; padding: 0 10px; }
.footer-bottom-menu ul li:first-child {padding-left: 0; }
.footer-bottom-menu ul li + li {border-left: 1px solid #dbdbdb;}
.footer-bottom-menu ul li a {color: #000; }

.signature {}
.signature a {float: right; color: #ff9c00;}