@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+Tamma+2:wght@400;600;800&family=Glegoo:wght@400;700&family=Quicksand:wght@300;400;500;600;700&family=Suez+One&display=swap');





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

body {
background: #ffffff;
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;
/* max-width: 24rem; */
width: 400px;
left: 30px;
border-radius: 10px;
bottom: 30px;
z-index: 99999;
color: #2d4156;
border-radius: 10px;
background-color: #FFF;
box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
-webkit-box-shadow: 0 0 20px 0 rgb(62 28 131 / 10%);
}
.close-cookies-area {position: absolute; width: 30px; height: 30px; right: 0; top: 0;  border-radius: 10px; display: none;}
.close-cookies-area i {display: block; height: 30px; line-height: 30px; text-align: center; }
.close-cookies-area i:before {font-size: 16px;}
.close-cookies-area:hover { background:#f1f1f1; cursor: pointer;}
.cookies-information {
padding: 30px 30px 70px 30px;
font-size: 13px;
line-height: 20px;
text-align: center;
}
.cookies-information p {margin-bottom: 10px; font-size: 14px; }
.cookies-information b {}
.cookies-information a {color: #000; text-decoration: none; }
.cookies-confirmation {
position: absolute;
bottom: 20px;
left: 50%;
font-size: 14px;
background: #77c09c;
height: 35px;
line-height: 35px;
color: #fff;
border-radius: 50px;
text-transform: uppercase;
width: 120px;
margin-left: -60px;
text-align: center;
}
.cookies-confirmation:hover {cursor: pointer; background: #3d7b5c;}
.cookies-links {padding: 10px 0;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;margin: 15px 0 5px 0;}




/* -------------------------------------------------------------------------------------*/
/*      HEADER                                                                          */
/* -------------------------------------------------------------------------------------*/
.home-page .header {margin-bottom: 30px;}
header {position: relative; padding-top: 30px;}
.home-page header {}


.header-top-area {height: 40px; background: #dedede;}
.header-top {height: 40px; position: relative;  overflow: hidden; }
.header-top > ul {float: right;}
.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;}
.header-area {
padding-bottom: 20px;
border-bottom: 1px solid #cacaca;
}
.home-page .header-area {padding: 0; border: none;}

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

.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: #652579;
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: #a52420; 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: #c90909;/* 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;}

.lang-button {position: absolute;right: 0;top: 20px;}
.lang-button a {
display: inline-block;
height: 40px;
line-height: 40px;
color: #fff;
text-decoration: none;
background: #652579;
border-radius: 20px;
width: 60px; text-align: center;
font-size: 14px;
/* color: #000; */
/* border: 1px solid #dbdbdb; */
}
.lang-button a.active {display: none;}
.lang-button a:hover {opacity: 0.8;}

.mobile-lang-button {position: absolute;right: 62px;top: 40px;display: none;font-family: 'Baloo Tamma 2', cursive;}
.mobile-lang-button a {
display: inline-block;
height: 40px;
line-height: 46px;
color: #fff;
text-decoration: none;
background: #9a2d2b;
border-radius: 20px;
width: 50px;
text-align: center;
font-size: 22px;
/* color: #000; */
/* border: 1px solid #dbdbdb; */
}
.mobile-lang-button a.active {display: none;}
.mobile-lang-button a:hover {opacity: 0.8;}

.header-menu {height: 80px;/* padding-left: 0; *//* text-align: left; *//* font-family: 'Lexend Exa', sans-serif; *//* width: 100%; *//* float: left; */padding-top: 20px;margin-left: -30px;padding-right: 70px;position: relative;}
.header-menu > ul {float: right;position: relative;/* display: inline-block; */}
.header-menu > ul > li {float: left;height: 40px;line-height: 40px;/* background: #10489b; */position: relative;font-size: 14px;font-weight: 500;}
.header-menu > ul > li:hover {background: #652579;  }
.header-menu > ul > li.has-dropdown:hover {}
.header-menu > ul > li:hover > a {color: #fff; }
.header-menu > ul > li > a {display: block;height: 100%;color: #000;padding: 0 11px;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.offer-menu-button {margin-left: 10px;background: #652579;border-radius: 25px;}
.header-menu > ul > li.offer-menu-button:hover {opacity: 0.8;}
.header-menu > ul > li.offer-menu-button a {color:#fff; padding: 0 20px; }
.header-menu > ul > li > ul {
position: absolute;
left: 0;
top: 40px;
background: #ffffff;
width: 240px;
display: none;
z-index: 10000;
box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.15);
border-radius: 0 20px 20px 20px;
overflow: hidden;
}
.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: #652579;}

.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: 45px;line-height: 44px;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: 45px;line-height: 45px;margin-right: 10px;}
.header-categories-menu > ul > li i:before {font-size: 22px;}
.header-categories-menu > ul > li b {font-weight: 400;line-height: 45px;display: block;height: 45px;}
.header-categories-menu > ul li:hover {background: #652579;}
.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: 45px;line-height: 44px;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: #c90909; */}

/**** Mobile Menu ***/
.mobile-menu-button {width: 50px;top: 35px;right: 0;position: absolute;height: 50px;display: none;color: #9a2d2b;}
.mobile-menu-button span {position: absolute;width: 30px;height: 30px;left: 0;top: 26px;border-top: 3px solid #4a4a4a;}
.mobile-menu-button span:before {content:'';position: absolute;width: 40px;height: 3px;right: 0;top: 10px;background: #4a4a4a;}
.mobile-menu-button span:after {content:'';position: absolute;width: 24px;height: 3px;right: 0;bottom: 0;background: #4a4a4a;}
.mobile-menu-button i {height: 50px;line-height: 48px;display: block;}
.mobile-menu-button i:before {font-size: 40px; }


.mobile-menu-area {
display: none;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #9a2d2b;
z-index: 99999;
overflow: scroll;
}
.mobile-menu-header {height: 75px;border-bottom: none;overflow: hidden;padding: 0 25px;margin-bottom: 20px;}
.mobile-menu-header ul {width: 80%; height: 50px; float: left; padding-top: 15px; }
.mobile-menu-header ul li {float: left; height: 20px; line-height: 20px; font-size: 15px;  }
.mobile-menu-header ul li:first-child a {padding-left: 0;}
.mobile-menu-header ul li + li {border-left: 1px solid rgba(255,255,255,0.7);}
.mobile-menu-header ul li a {color: #fff; text-decoration: none; display: block; padding: 0 10px;}
.mobile-menu-header i {display: block; height: 50px; line-height: 50px; color: #fff; float: right; padding-top: 20px;}
.mobile-menu-header i:before {font-size: 25px;}

.mobile-menu-logo {height: 75px;width: 70%;float: left;line-height: 70px;padding-top: 10px;}
.mobile-menu-logo a {}
.mobile-menu-logo img {max-width: 100%;max-height: 50px;}

.mobile-menu {padding: 0;border-bottom: 1px solid rgba(255,255,255,0.3);}
.mobile-menu > ul {}
.mobile-menu > ul > li {color: #fff;font-size: 19px;text-align: left;font-weight: 500;border-top: 1px solid rgba(255,255,255,0.5);}
.mobile-menu > ul > li > a {display: block; text-decoration: none; color: #fff; }
.mobile-menu > ul > li + li {border-top: 1px solid rgba(255,255,255,0.5);}
.mobile-menu > ul > li i {}
.mobile-menu > ul > li.header-apply-button {}
.mobile-menu > ul > li.header-apply-button > a {display: inline-block;padding-right: 30px; position: relative;}
.mobile-menu > ul > li.header-apply-button > a:before {display: none; content:''; position: absolute; width: 16px; height: 2px; background: #fff; right: 0; top: 13px; }
.mobile-menu > ul > li.header-apply-button > a:after {display: none; content:''; position: absolute; width: 2px; height: 16px; background: #fff; right: 7px; top: 6px;  }
.mobile-menu > ul > li.header-apply-button.active > a:after {display: none;}
.mobile-menu > ul > li.header-apply-button > a > i {position: absolute; right: 0; top: 0; height: 28px; line-height: 28px; }
.mobile-menu > ul > li.header-apply-button > a > i:before {font-size: 30px;}
.mobile-menu > ul > li.header-apply-button.active > a > i {transform: rotate(180deg);}

.mobile-menu > ul > li > ul {display: none;}
.mobile-menu > ul > li.active > ul {display: block;}
.mobile-menu > ul > li > ul > li {
font-weight: 300;
/* height: auto; */
position: relative;
/* overflow: hidden; */
}
.mobile-menu > ul > li > ul > li:before {content:''; position: absolute; left: 0; width: 10px; height: 1px; background: #fff; top: 50%; margin-top: -1px;}
.mobile-menu > ul > li > ul > li > a {color: #fff;padding: 5px 20px;display: block;}

.mobile-menu > ul > li.header-live-button i {display: none; }

.mobile-menu-social {padding: 20px 0;border-bottom: 1px solid rgba(255,255,255,0.3);}
.mobile-menu-social ul {width: 100%; text-align: center; }
.mobile-menu-social ul li {display: inline-block;}
.mobile-menu-social ul li a {color: #fff;padding: 0 5px;text-decoration: none;display: block;}
.mobile-menu-social ul li i {
display: block;
height: 35px;
line-height: 35px;
}
.mobile-menu-social ul li i:before {font-size: 25px;}

.mobile-menu-footer {padding: 30px 20px;}
.mobile-menu-footer > ul { overflow: hidden;}
.mobile-menu-footer > ul > li {}
.mobile-menu-footer > ul > li ul { margin-left: 20px; }
.mobile-menu-footer > ul > li ul li {width: 50%; float: left;}
.mobile-menu-footer > ul > li ul li:before {content: "-"; color: white; font-weight: bold; display: inline-block;  width: 10px;margin-left: -10px;}
.mobile-menu-footer > ul > li ul li a {color: #fff; }

.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; */width: 100%;overflow: hidden;
border-bottom: 1px solid rgba(0,0,0,0.1);}
ul.mobile-topmenu li {
float: left;
height: 50px;
width: 16.66%;
/*background: #dbdbdb; */
text-align: center;
line-height: 50px;
color: #000;
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: 24px;}
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; }

ul.mobile-topmenu li:nth-child(1) a {color: #9a2d2b;}
ul.mobile-topmenu li:nth-child(2) a {color: #52b2c0;}
ul.mobile-topmenu li:nth-child(3) a {color: #9a2d2b;}
ul.mobile-topmenu li:nth-child(4) a {color: #e2ab33;}
ul.mobile-topmenu li:nth-child(5) a {color: #1b579b;}
ul.mobile-topmenu li:nth-child(6) {color: #67ab4b;}

.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: #652579;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 {margin-bottom: 30px;}

.banners-section {margin-bottom: 30px
}

.banners-area {margin: 0 -75px 40px -75px;}
.main-banner-area {padding-left: 32%;height: 560px;overflow: hidden;margin-bottom: 30px;background: #fff;}
.main-banner-slider {position: relative;border-radius: 50px 0 0 0;overflow: hidden;}
.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: 530px;padding-top: 0;position: relative;}
.main-banner a {display: block; height: 100%; color: #fff; text-decoration: none;}
.main-banner-photo {/* width: 50%; */height: 530px;/* 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 Tamma 2', cursive;}
.banner-caption p {font-size: 14px; font-weight: 500; line-height: 20px;}

.mini-banner-area {height: 530px; overflow: hidden; background: #696969; margin-left: -20px;}
.mini-banner {height: 265px;background: #EBAD14;position: relative;overflow: hidden;}
.mini-banner a {display: block;height: 100%;text-decoration: none;color: #000;padding: 0 30px;}
.mini-banner-caption {height: 265px;width: 50%;/* padding: 25px; */padding: 40px 0;float: left;}
.mini-banner-caption b {display: block; font-weight: 400; font-size: 14px; margin-bottom: 5px;}
.mini-banner-caption h4 {font-size: 27px;/* font-style: italic; */padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dotted #5f5f5f;font-weight: 400;line-height: 33px;font-family: 'Suez One', serif;}
.mini-banner-caption p {font-size: 14px; line-height: 18px;}
.mini-banner-photo {height: 265px;width: 50%; ;float: left; text-align: center; line-height: 265px; padding-left: 20px; overflow: hidden;}
.mini-banner-photo img {max-width: 100%; max-height: 100%; transition: all 200ms ease-in;}


.mini-banner:hover {opacity: 0.9;}
.mini-banner:hover img {transform: scale(1.1);}

.mini-banner:nth-child(1) {background: #EBAD14;}
.mini-banner:nth-child(2) {/* margin-top: 10px; */background: #00ADBA;}
.mini-banner:nth-child(2) .mini-banner-caption {float: right;}
.mini-banner:nth-child(2) .mini-banner-photo {padding-right: 20px; padding-left: 0;}


.main-link-boxes {margin-bottom: 30px;}
.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: 30px;}

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

.products-area-head {height: 72px;background: #fff;border: 1px solid #e4e4e4;padding: 0 0 0 30px;}
.products-area-tabmenu {width: 70%;float: left;height: 70px;}
.products-area-tabmenu ul {}
.products-area-tabmenu ul li {width: auto;float: left;height: 70px;font-size: 16px;position: relative;}
.products-area-tabmenu ul li + li {}
.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 #e73a31;}
.products-area-tabmenu ul li.active b { }
.products-area-tabmenu ul li.active i { }
.products-area-tabmenu ul li:hover {cursor: pointer; background: #efefef;}
.products-area-tabmenu ul li a {display: block;height: 100%;color: #000;text-decoration: none;padding: 0 25px;border: none;height: 72px;}
.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: 70px;line-height: 70px;float: left;font-weight: 500;text-transform: uppercase;}

.products-search-area {width: 30%;float: left;height: 70px;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-products-list-area {padding: 20px 0 0 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-contents-section {margin-bottom: 30px;}

.main-news-area {height: 420px;padding: 25px 25px 0 25px;background: #195ec3;position: relative;overflow: hidden;}
.main-news-area > span {display: block; height: 30px; padding-top: 5px; color: #fff; font-size: 11px;}
.main-news-area > span a {display: inline-block; margin-left: 10px; padding-left: 10px; border-left: 1px solid #fff; color: #fff;}
.main-news-slider {height: 360px;position: relative;}
.main-news-slider li {}
.main-news {height: 350px;}
.main-news-photo {height: 200px; margin-bottom: 15px; overflow: hidden;}
.main-news-photo img {width: 100%; height: 100%; object-fit: cover;}
.main-news a {display: block;color: #fff;text-decoration: none;}
.main-news a:hover {color: #eaeaea;}
.main-news h4 {
font-family: 'Suez One', serif;
font-size: 22px;
line-height: 25px;
margin-bottom: 10px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-weight: 300;
}
.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;background: #f7bd45;overflow: hidden;margin-bottom: 20px;}
.main-broshure a {display: block;height: 100%;color: #fff;text-decoration: none;padding: 25px;}
.main-broshure img {position: absolute;right: 10px;top: 10px;transition: all 200ms ease-in;}
.main-broshure:hover img {transform: scale(1.1);}
.main-broshure-title {width: 40%;}
.main-broshure-title h4 {font-family: 'Bree Serif', serif; font-size: 22px; line-height: 25px; margin-bottom: 10px; overflow: hidden;
display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main-broshure-title p {font-size: 13px; margin-bottom: 5px; line-height: 18px;}

.main-video {height: 210px;position: relative;background: #000000;overflow: hidden;}
.main-video:hover {cursor: pointer;}
.main-video a {display: block; height: 100%; text-decoration: none; color: #fff;}
.main-video img {width: 100%;height: 100%;object-fit: cover;transition: all 200ms ease-in;opacity: 0.7;}
.main-video:hover img {transform: scale(1.1);}
.main-video-title {position: absolute; height: 30px; left: 20px; bottom: 20px; color: #fff; }
.main-video-title i {display: block; height: 30px; line-height: 30px; float: left; margin-right: 10px;  }
.main-video-title i:before {font-size: 30px; }
.main-video-title h4 {font-size: 14px; font-weight: 500; }
.main-video-title b {font-weight: 400; font-size: 12px;}


.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: 'Suez One', 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;}
.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: #652579;}
.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: #652579;
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: #652579; padding-left: 10px;}
.left-categories-menu ul li a:before {content:''; position: absolute; left: 0; top: 50%; width: 0; height: 1px; background: #652579;
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: 5px 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: #652579;left: 0;bottom: -2px;}
.title-area h1 {font-size: 20px; font-weight: 600; margin-bottom: 5px; text-transform: capitalize;}

.product-list-title {text-align: center;}
.product-list-title .breadcrumb ul {display: inline-block;}
.product-list-title:before {left: 50%; margin-left: -15%;}

.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-info {overflow: hidden; margin-bottom: 10px;}
.content-detail-info ul {margin-left: -15px; }
.content-detail-info ul li {float: left; height: 20px; position: relative; line-height: 20px; color: #686666; padding: 0 15px;}
.content-detail-info ul li:before {content: ''; position: absolute; left: -3px; top: 7px; width: 6px; height: 6px; background: #4bb846; border-radius: 50%;
display: none; }
.content-detail-info ul li + li {}
.content-detail-info ul li + li:before {display: block; }

.content-detail {}
.content-detail p {font-size: 18px !important;line-height: 24px !important;margin-bottom: 10px;}
.content-detail p span {font-size: 18px !important;line-height: 26px !important}
.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: 25%;
border-left: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
transition: all 100ms ease-in;
}
.categories-list ul li:nth-child(4n+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 {background: #f3f3f3;}
.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;text-align: center;}
.categories-list ul li span {display: block;height: 260px;}
.categories-list ul li span img {width: 100%; height: 100%; object-fit: contain; }

.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: #652579;}
.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: auto;position: relative;border-bottom: 1px solid #dbdbdb;}
.content-detail-photos-slider li {height: auto;overflow: hidden;position: relative;padding: 0 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: cover; */}
.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 .bx-wrapper .bx-controls-direction a {border-radius: 50%; }
.content-detail-photos-slider .bx-wrapper .bx-next {right: 20px;}
.content-detail-photos-slider .bx-wrapper .bx-prev {left: 20px;}

.content-detail-photos-slider .bx-wrapper .bx-pager {width: 100%; text-align: center; z-index: 999; bottom: 20px; padding-top: 0;  }
.content-detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a {
border: none;
background: #ffffff;
margin: 0 10px;
transition: all 100ms ease-in;
}
.content-detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #9d292b;}
.content-detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #9d292b;width: 50px;border-radius: 10px;}
.content-detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a.active {}
.content-detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a:before {}
.content-detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a.active:before {}
.content-detail-photos-slider.single-slide .bx-wrapper .bx-pager.bx-default-pager a {display: none;}


.content-detail-photos-slider-pager {width: 100%;overflow: hidden;padding: 0 0;}
.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: 125px;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: cover;}

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

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

.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: #652579; 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 20px;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 20px;}
.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: 420px;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: 0;}
.event-box-photo {height: 200px;/* margin-bottom: 20px; */}
.event-box-photo img {width: 100%; height: 100%; object-fit: cover; }
.event-box-title {
padding: 15px;
}
.event-box-title h5 {font-size: 18px;color: #000;margin-top: 20px;padding-top: 20px;position: relative;}
.event-box-title h6 {font-size: 14px; color: #6d6d6d; margin-bottom: 10px; }
.event-box-title h4 {font-size: 20px;color: #000;margin-bottom: 10px;}
.event-box-title p {max-height: 60px; overflow: hidden; line-height: 20px;}
.event-box-title h5:before {content:''; position: absolute; left: 0; top: 0; height: 1px; background: #000; width: 100px;  }

.news-box {height: 380px; 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: 20px;}
.news-box-photo {height: 180px;}
.news-box-photo img {width: 100%; height: 100%; object-fit: cover; }
.news-box-title {height: 160px; padding-top: 20px; position: relative;}
.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: 10px;
display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news-box-title p {max-height: 60px; overflow: hidden; line-height: 20px;
display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.news-box-title span {display: block; overflow: hidden; line-height: 20px;}
.news-box-title ul {position: absolute; left: -15px; bottom: 0; }
.news-box-title ul li {float: left; height: 20px; position: relative; line-height: 20px; color: #4c4c4c; padding: 0 15px; }
.news-box-title ul li:before {content: ''; position: absolute; left: -3px; top: 7px; width: 6px; height: 6px; background: #4bb846; border-radius: 50%;
display: none; }
.news-box-title ul li + li {}
.news-box-title ul li + li:before {display: block; }

.detail-photos-area {margin-bottom: 20px;}
.detail-photos-slider {overflow: hidden; position: relative;}
.detail-photos-slider li {height: 600px;}
.detail-photos-slider li img {display: inline-block !Important;width: 100%;height: 100%;object-fit: cover;}
.detail-photos-slider .bx-wrapper .bx-controls-direction a {border-radius: 50%;}

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

.detail-photos-slider .bx-wrapper .bx-controls-direction a {border-radius: 50%; }
.detail-photos-slider .bx-wrapper .bx-next {right: 20px;}
.detail-photos-slider .bx-wrapper .bx-prev {left: 20px;}

.detail-photos-slider .bx-wrapper .bx-pager {width: 100%; text-align: center; z-index: 999; bottom: 20px; padding-top: 0;  }
.detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a {
border: none;
background: #ffffff;
margin: 0 10px;
transition: all 100ms ease-in;
}
.detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #9d292b;}
.detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #9d292b;width: 50px;border-radius: 10px;}
.detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a.active {}
.detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a:before {}
.detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a.active:before {}
.detail-photos-slider.single-slide .bx-wrapper .bx-pager.bx-default-pager a {display: none;}

.detail-information-area {border: 1px solid #dbdbdb; margin-bottom: 20px;}
.detail-information-area ul {overflow: hidden;}
.detail-information-area ul li {float: left; width: 25%; 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-information-area ul li:nth-child(1) {width: 50%; }

.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;position: relative; background: #f3f3f3;
transition: all 100ms ease-in;}
.faq-area ul li a + p {background: #f3f3f3;}
.faq-area ul li a.collapsed {background: #fff;}
.faq-area ul li a.collapsed + p {background: #fff;}
.faq-area ul li p {padding: 15px; transition: all 100ms ease-in;}
.faq-area ul li a.collapsed i {transform: rotate(0deg);}
.faq-area ul li a i:before {font-size: 20px; }
.faq-area ul li a i {position: absolute; right: 20px; top: 20px;
transform: rotate(180deg); transition: all 100ms ease-in;
}

/**** 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: 220px;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: 140px;overflow: hidden;border-bottom: 1px solid #dbdbdb;text-align: center;line-height: 100px;}
.brand-box-photo img {width: 100%;height: 100%;object-fit: contain;}
.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: #67ab4b;color: #fff;box-shadow: none;border: none;float: right;font-size: 17px;}
.label-form > ul > li > button:hover {background: #457f2d; }
.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 > ul > li.offer-select-products > span {
position: relative;
padding-left: 150px;
border: 1px solid #f2f2f2;
}
.label-form > ul > li.offer-select-products > span p {position: absolute;left: 8px;top: 8px;z-index: 9999;width: 122px;background: #eeeeee;height: 35px;line-height: 35px;border-radius: 6px;/* text-align: center; */font-size: 15px;padding-left: 31px;color: #000;}
.label-form > ul > li.offer-select-products > span p i {
position: absolute;
left: 10px;
top: 0;
height: 35px;
line-height: 35px;
font-size: 28px;
font-style: inherit;
/* padding-left: 15px; */
}
.label-form > ul > li.offer-select-products > span p:before {content: ''; position: absolute; right: -8px; top: 10px;
border-style: solid;
border-width: 8px 0 8px 8px;
border-color: transparent transparent transparent #eeeeee;}


.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: none;}
.label-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: #f1f1f1;
padding: 10px 10px;
border: 1px solid #dbdbdb;
}
.label-form .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {margin-right: 5px;color: #000;}

.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 {margin-bottom: 50px;padding: 50px 20%;text-align: center;}
.main-slogan {overflow: hidden; }
.main-slogan h5 {font-size: 32px; line-height: 40px; font-weight: 300; color: #652579; font-family: 'Suez One', serif; margin-bottom: 10px;}
.main-slogan p {color: #000;font-size: 16px;line-height: 24px;font-family: 'Glegoo', serif;}

.detail-buttons {height: 50px;}
.detail-buttons ul {overflow: hidden;  }
.detail-buttons ul li {width: 33.33%;float: left;height: 50px;line-height: 50px;background: #652579;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 {}


.references-section {margin-bottom: 30px; }
.main-references-area {/* margin-bottom: 20px; */height: 190px;/* overflow: hidden; *//* padding: 0 40px; *//* margin: 0 -40px; */}
.main-references-slider {
height: 190px;
padding: 25px;
position: relative;
/* background: #f4f4f4; */
border: 1px solid #dbdbdb;
}
.main-references-slider:before {}
.main-references-slider ul {overflow: hidden;}
.main-references-slider li {height: 140px;/* line-height: 160px; */text-align: center;}
.main-references-slider li a {display: block;height: 100%;}
.main-references-slider li img {
display: inline-block;
/* max-height: 100%; */
/* max-width: 120px; */
width: 100%;
height: 100%;
object-fit: contain;
}

.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; display: none;}
.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;}
.main-references-slider:hover .bx-wrapper .bx-controls-direction a {display: block;}

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: #652579; border-color: #652579;}
.pagination-area ul li.active a {color: #fff;}


.main-services-list-area {padding: 20px 0 0 0;}
.main-services-list-area .row {margin: 0;}
.main-services-list-area .col-md-3 {padding: 0; }
.main-services-list-area .service-box {margin-bottom: 0; }

.service-box {height: 200px; background: #6cac4e;  text-align: center; margin-bottom: 20px;
transition: all 200ms ease-in; }
.service-box a {display: block;height: 100%;color: #fff;text-decoration: none;padding: 40px;}
.service-box i {display: block; height: 70px; line-height: 70px; margin-bottom: 10px;}
.service-box i:before {font-size: 60px;
transition: all 200ms ease-in; }
.service-box h4 {font-weight: 600;font-size: 18px;line-height: 24px;font-family: 'Glegoo', serif;}
.service-box:hover {}
.service-box:hover i:before {font-size: 65px;}

.main-services-list-area .col-md-3:nth-child(1) .service-box {background: #6cac4e;}
.main-services-list-area .col-md-3:nth-child(2) .service-box {background: #ecad14;}
.main-services-list-area .col-md-3:nth-child(3) .service-box {background: #01adbb;}
.main-services-list-area .col-md-3:nth-child(4) .service-box {background: #00599b;}
.main-services-list-area .col-md-3:nth-child(5) .service-box {background: #652579;}
.main-services-list-area .col-md-3:nth-child(6) .service-box {background: #d40e4b;}
.main-services-list-area .col-md-3:nth-child(7) .service-box {background: #df0073;}
.main-services-list-area .col-md-3:nth-child(8) .service-box {background: #ed6f3c;}
.main-services-list-area .col-md-3:nth-child(9) .service-box {background: #428BCA;}
.main-services-list-area .col-md-3:nth-child(10) .service-box {background: #86C425;}
.main-services-list-area .col-md-3:nth-child(11) .service-box {background: #A0785F;}
.main-services-list-area .col-md-3:nth-child(12) .service-box {background: #652579;}

.call-form-section {/* height: 140px; */overflow: hidden;margin-bottom: 0px;padding: 60px 0 20px 0;}
.call-form-info {
height: 140px;
}
.call-form-info i {display: block;width: 15%;height: 140px;line-height: 120px;float: left;}
.call-form-info i img {max-width: 100%;}
.call-form-info i:before {font-size: 70px;}
.call-form-title {width: 85%;height: 140px;float: left;padding: 10px 30px;}
.call-form-title h4 {font-size: 20px; margin-bottom: 20px;}
.call-form-title p {font-size: 14px;}

.call-form {height: 140px; }
.call-form ul {}
.call-form ul li {height: 90px; width: 40%; float: left; }
.call-form ul li:last-child {width: 14%; }
.call-form ul li + li {margin-left: 3%;}
.call-form ul li b {display: block; height: 25px; line-height: 25px; font-weight: 400; color: #737373;}
.call-form ul li span {display: block; height: 65px;}
.call-form ul li span input {width: 100%;height: 100%;border-radius: 0;box-shadow: none;border: 1px solid #dbdbdb;padding: 0 15px;}
.call-form ul li span button {width: 100%; height: 100%; box-shadow: none; border-radius: 0; background: #ececec; border: 1px solid #dbdbdb; color: #a6a6a6;}
.call-form ul li span button i {}
.call-form ul li span button i:before {font-size: 40px;}
.call-form ul li span button:hover {background: #fff;}
.call-form ul li:last-child span {}

.form-checkbox {}
.form-checkbox label {display: block;width: 7%;float: left;padding: 10px;height: 50px;position: relative;font-weight: 400;border: 1px solid #fff;border-top: none;border-left: none;line-height: 18px;overflow: hidden;}
.form-checkbox label input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;opacity: 0;margin: 0;}
.form-checkbox label a {text-decoration: none;font-size: 12px;font-weight: 400;display: inline-block;padding-top: 5px;}
.form-checkbox label:hover {cursor: pointer;}
.form-checkbox label:before {content: '';position: absolute;left: 0;top: 10px;width: 30px;height: 30px;background: #fff;z-index: 1;border: 1px solid #dbdbdb;}
.form-checkbox label:after {content: '';position: absolute;left: 7px;top: 17px;width: 16px;height: 16px;border: 1px solid #a6a6a6;z-index: 2;display: none;}
.form-checkbox label.active:after {display: block;background: #4da949;}
.form-checkbox label:hover:after {display: block; }
.form-checkbox b {display: block; width: 92%; float: left; padding-top: 15px; font-weight: 400; font-size: 12px;}

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

.detail-references-area {margin-top: 70px; }
.detail-references-area h4 {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dbdbdb;}
.detail-references-slider {position: relative; }
.detail-references-slider ul {}
.detail-references-slider ul li {}
.detail-references-slider ul li a {}
.detail-references-slider ul li img {}

.detail-references-slider .bx-wrapper .bx-controls-direction a {width: 30px; height: 30px; top: -45px; border-radius: 0; opacity: 0.5;}
.detail-references-slider .bx-wrapper .bx-prev {left: auto; right: 30px; background: url(../img/icons/icon-min-prev-black.png) no-repeat center center;}
.detail-references-slider .bx-wrapper .bx-next {right: 0; background: url(../img/icons/icon-min-next-black.png) no-repeat center center;}
.detail-references-slider .bx-wrapper .bx-controls-direction a:hover {opacity: 1;}

.map-box {
padding-right: 20px;
height: 540px;
/* padding-top: 20px; */
margin-bottom: 50px;
}
.map-box iframe {
width: 100%;
height: 100%;
}

.contact-info {}
.contact-info ul {}
.contact-info ul li {
padding: 20px 0;
}
.contact-info ul li:first-child {padding-top: 0;}
.contact-info ul li b {
display: block;
font-size: 17px;
}
.contact-info ul li p {
font-size: 19px;
margin-bottom: 5px;
}
.contact-info ul li a {
display: inline-block;
color: #9d292c;
height: 20px;
line-height: 20px;
overflow: hidden;
font-weight: 600;
font-size: 18px;
}
.contact-info ul li a:last-child { }
.contact-info ul li i {
display: block;
height: 20px;
line-height: 20px;
float: right;
padding-left: 5px;
}
.contact-info ul li i:before {font-size: 16px; }
.contact-info ul li + li {border-top: 1px solid #dbdbdb}

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

.footer-top {height: 130px;background: #652579;}
.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 {
height: 130px;
overflow: hidden;
padding: 35px 10px 0 0;
}
.footer-social-area h5 {height: 75px; float: right; height: 75px; line-height: 75px; font-weight: 500; color: #fff;}
.footer-social {/* height: 75px; */float: right;margin-left: 30px;}
.footer-social ul {}
.footer-social ul li {float: left;height: 60px;border-radius: 50%;}
.footer-social ul li a {display: block;color: #fff;text-decoration: none;padding: 0 15px;}
.footer-social ul li i {display: block;height: 60px;li: 60px;line-height: 60px;}
.footer-social ul li i:before {font-size: 30px;}
.footer-social ul li:hover {background: #c73028;}

.footer-area {background: #fff; }
.footer {height: 275px; border-bottom: 1px solid #dbdbdb; margin-bottom: 15px; padding: 35px 0;}
.footer-aboutus {height: 205px; border-right: 1px solid #dbdbdb; padding-right: 30px;}
.footer-aboutus p {font-size: 12px;line-height: 18px;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;}
.footer-aboutus p a {}
.footer-logo {/* margin-bottom: 20px; */height: 130px;line-height: 130px;}
.footer-logo a {}
.footer-logo img {max-width: 100%;max-height: 80px;}

.footer-contact-phone {height: 130px; padding: 45px 0 0 15px; }
.footer-contact-phone h4 {font-size: 14px; font-weight: 500; color: #fff;}
.footer-contact-phone a {display: block; color: #fff; text-decoration: none; }
.footer-contact-phone b {display: block; font-size: 20px; font-weight: 500;}

.footer-contact {height: 205px; border-right: 1px solid #dbdbdb; padding: 0 35px 0 15px}
.footer-contact > i {display: block; width: 30%; height: 205px; float: left; }
.footer-contact > i:before {font-size: 75px; line-height: 75px;}

.footer-contact-info {width: 100%;height: 205px;float: left;}
.footer-contact-info h4 {font-size: 14px;margin-bottom: 5px;padding-top: 10px;}
.footer-contact-info ul {}
.footer-contact-info ul li {font-size: 18px; overflow: hidden;}
.footer-contact-info ul li > i {display: block;width: 30%;float: left;height: 100px;text-align: center;}
.footer-contact-info ul li > i:before {font-size: 60px; }
.footer-contact-info ul li div {display: block;height: 100px;width: 70%;float: left;/* background: #dbdbdb; */}
.footer-contact-info ul li a {color: #000; }
.footer-contact-info ul li a i {color: #537b08;}
.footer-contact-info ul li a i:before {}
.footer-contact-info b {font-weight: 400;}

.footer-contact-info ul li:nth-child(1) {}
.footer-contact-info ul li:nth-child(2) {margin-bottom: 20px;}
.footer-contact-info ul li:nth-child(3) {font-size: 14px; margin-bottom: 20px;}
.footer-contact-info ul li:nth-child(4) {font-size: 14px;}
.footer-contact-info ul li:nth-child(5) {font-size: 14px;}

.footer-contact-info ul li:nth-child(1) div {padding-top: 10px}

.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: left;}
.secure-logo img {}


.footer-bottom {}

.footer-bottom-menu {height: 50px; text-align: center; overflow: hidden; padding-top: 10px;}
.footer-bottom-menu ul {display: inline-block; }
.footer-bottom-menu ul li {font-size: 12px; float: left; padding: 0 10px; height: 30px; line-height: 30px;}
.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;}

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