@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=Roboto+Slab:wght@100;200;400;600;800&family=Suez+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+Da+2:wght@400;500;600;700;800&display=swap');


/*

font-family: 'Baloo Tamma 2', cursive;
font-family: 'Roboto Slab', serif;
font-family: 'Quicksand', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: 'Suez One', serif;

*/




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

body {
    background: #ffffff;
    font-family: 'Quicksand', 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 */



/*** 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; }
.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;
}
.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; font-size: 14px;  background: #428bca; padding: 5px 20px; color: #fff;
    border-radius: 5px; }
.cookies-confirmation:hover {cursor: pointer; background: #2098d1;}



/* -------------------------------------------------------------------------------------*/
/*      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 {width: 80%; height: 80%;}

.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: #77b733;
    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;}

.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;}
.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: 18px;font-weight: 700;}
.header-menu > ul > li:hover {background: #77b733;  }
.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: #852c84;border-radius: 25px;}
.header-menu > ul > li.offer-menu-button:hover {opacity: 0.8; background: #79bc16}
.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);
    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: 17px;}
.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: #77b733;}

.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: #77b733;}
.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: #82008f;}
.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: #1800ad;
    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: 60px;width: 100%;}

.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 {}
.mobile-menu > ul > li > ul > li > a {color: #fff;}

.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; }
.mobile-menu-social ul li i {}
.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: #4eb189;}
ul.mobile-topmenu li:nth-child(2) a {color: #52b2c0;}
ul.mobile-topmenu li:nth-child(3) a {color: #4eb189;}
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: #77b733;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: 16.66%;
    height: 50px;
    border-left: 1px solid rgba(0,0,0,0.1);
}
.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 0 40px 0;}
.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;margin: 0 -75px 0 -75px;}
.main-banner-slider li {}

.main-banner-slider .bx-wrapper .bx-controls-direction a {width: 40px;height: 40px;top: auto;bottom: 35px;border-radius: 50%;}
.main-banner-slider .bx-wrapper .bx-prev {left: 50%;/* right: 90px; */margin-left: -42px;background: #000 url(../img/icons/icon-min-prev-black.png) no-repeat center center;}
.main-banner-slider .bx-wrapper .bx-next {right: 50%;margin-right: -42px;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: 670px;padding-top: 0;position: relative;}
.main-banner a {display: block; height: 100%; color: #fff; text-decoration: none;}
.main-banner-photo {display: block;/* width: 50%; */height: 670px;/* line-height: 490px; *//* text-align: right; *//* float: left; */}
.main-banner-photo img {width: 100%;height: 100%;object-fit: cover;display: inline-block;border-radius: 25px;}
.banner-caption {position: absolute;left: 30%;bottom: 120px;/* background: rgba(0,0,0,0.6); */width: 40%;/* padding: 30px; */text-align: center;}
.banner-caption h4 {
    font-size: 40px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: 800;
    font-family: 'Baloo Da 2', cursive;
}
.banner-caption p {font-size: 18px;font-weight: 500;line-height: 25px;}

.mini-banner-area {height: 200px;overflow: hidden;background: #696969;}
.mini-banner {height: 200px;background: #02b188;position: relative;overflow: hidden; width: 50%; float: left;}
.mini-banner a {display: block;height: 100%;text-decoration: none;color: #fff;padding: 0 60px;}
.mini-banner-caption {height: 200px;width: 60%;/* padding: 25px; */padding: 20px 0;float: left;}
.mini-banner-caption b {display: block; font-weight: 400; font-size: 14px; margin-bottom: 5px;}
.mini-banner-caption h4 {font-size: 17px;/* font-style: italic; *//* padding-bottom: 10px; */margin-bottom: 5px;/* border-bottom: 1px dotted #fff; */font-weight: 400;line-height: 30px;}
.mini-banner-caption p {font-size: 28px;line-height: 32px;font-weight: 500;}
.mini-banner-photo {display: none;height: 200px;width: 40%;float: left;text-align: center;line-height: 200px;overflow: hidden;}
.mini-banner-photo img {width: 100%;height: 100%;object-fit: contain;display: inline-block;border-radius: 25px;}


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

.mini-banner:nth-child(1) {background: #76b729;}
.mini-banner:nth-child(2) {/* margin-top: 10px; */background: #831f82;}
.mini-banner:nth-child(2) a {color: #fff;}


.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; background: #ede8e8; padding: 55px 0 65px 0; }

.products-area {/* padding: 0 25px */}

.products-area-title {text-align: center; margin-bottom: 30px;}
.products-area-title h2 {font-size: 14px; font-weight: 600;  }
.products-area-title h3 {font-size: 30px; font-weight: 600; }

.products-area-head {height: 52px;/* background: #fff; *//* border: 1px solid #e4e4e4; */padding: 0 0 0 0;margin-bottom: 30px;}
.products-area-tabmenu {width: 100%;display: flex;justify-content: center;height: 50px;}
.products-area-tabmenu ul {}
.products-area-tabmenu ul li {width: auto;float: left;height: 50px;font-size: 20px;position: relative;font-weight: 800;}
.products-area-tabmenu ul li + li {
    margin-left: 50px;
}
.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 #82008f;}
.products-area-tabmenu ul li.active b { }
.products-area-tabmenu ul li.active i { }
.products-area-tabmenu ul li:hover {cursor: pointer; }
.products-area-tabmenu ul li:hover a {color: #82008f;}
.products-area-tabmenu ul li a {display: block;height: 100%;color: #000;text-decoration: none;padding: 0 0;border: none;height: 52px;}
.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: 50px;line-height: 50px;float: left;font-weight: 800;/*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-branches-list-area {
    overflow-x: scroll;
}
.main-branches-list-area .row {
    width: max-content;
}
.main-branches-list-area .row .col-md-3 {
    width: 270px;
}

.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 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: 40px 0 30px 0;}

.left-side {padding: 25px;/* background: #77b733; */border: 1px solid #dbdbdb;}
.left-side h2 {font-size: 17px;color: #000;padding-bottom: 20px;margin-bottom: 15px;border-bottom: 1px solid #dbdbdb;font-weight: 600;}
.left-side h1 {font-size: 22px;color: #000;padding-bottom: 20px;margin-bottom: 15px;border-bottom: 1px solid #dbdbdb;font-weight: 600;}
.left-side h1 b {display: block; font-size: 14px; font-weight: 400; padding-top: 5px;}
.left-side h2 b {display: block; font-size: 14px; font-weight: 400; padding-top: 5px;}
.left-menu {}
.left-menu ul {}
.left-menu ul li {font-size: 16px;position: relative;}
.left-menu ul li.active {font-weight: 800; display: none;}
.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: #000;text-decoration: none;padding: 5px 0;}
.left-menu ul li:hover:before, .left-menu ul li.active:before  {width: 10px;}
.left-menu ul li:hover a {color: #77b733; font-weight: 600;}

.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: 24px;
    color: #000;
    position: relative;
    padding: 0 50px 15px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #dbdbdb;
}
.left-categories-menu h3 b {display: block; font-weight: 400; font-size: 16px; padding-top: 10px; }
.left-categories-menu h3 i {position: absolute; right: 0; top: 0; color: #77b733;}
.left-categories-menu h3 i:before {font-size: 50px; }
.left-categories-menu ul {}
.left-categories-menu ul li {font-weight: 500; font-size: 15px; 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: #77b733; padding-left: 10px;}
.left-categories-menu ul li a:before {content:''; position: absolute; left: 0; top: 50%; width: 0; height: 1px; background: #77b733;
    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: 0 0 0 10px;}

.title-area {/* height: 85px; */margin-bottom: 30px;position: relative;border-bottom: 1px solid #cacaca;padding-bottom: 45px;}
.title-area h1 {font-size: 26px; font-weight: 600; margin-bottom: 5px; text-transform: capitalize; line-height: 26px;}
.title-area > i {position: absolute;left: 0;top: 0;height: 60px;line-height: 45px;color: #008bd2;}
.title-area > i:before {font-size: 40px; }
.title-area > i + h1 {padding-left: 60px; }
.title-area > i + h1 + .breadcrumb {padding-left: 60px;}
.title-area p {position: absolute; right: 100px; width: 30%; font-size: 16px; top: 0;  }

.right-side .title-area {padding-bottom: 17px; }

.title-area.service-title-area > i {color: #76b729;}
.title-area.service-title-area > h1 {color: #76b729;}

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

.pagination {text-align: center; }
.pagination ul {display: inline-block; }
.pagination ul li {width: 40px; height: 40px; margin: 0 5px 10px 5px; float: left; border: 1px solid #c3c3c3; text-align: center; line-height: 38px;
    transition: all 100ms ease-in; }
.pagination ul li a {display: block; height: 100%; text-decoration: none; color: #000; }
.pagination ul li.active, .pagination ul li.active:hover {background: #00a4b5; border-color: #00a4b5;}
.pagination ul li.active a {color: #fff;}
.pagination ul li:hover {background: #f2f2f2;}
.pagination ul li i {display: block; height: 38px; line-height: 38px; }
.pagination ul li i:before {font-size: 14px;}

.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: 18px; line-height: 20px; margin-bottom: 10px;}
.content-detail img {max-width: 100%;}
.content-detail iframe {max-width: 100% !important;}

.content-detail ul {list-style: inherit; padding-left: 30px; margin-bottom: 10px;  }

.content-detail blockquote {display: block; position: relative;margin: 20px 0;  position: relative;}
.content-detail blockquote p {margin: 0; display: inline-block; padding: 10px; }
.content-detail blockquote i {display: none;}
.content-detail blockquote i:before {font-size: 24px;}
.content-detail blockquote:before {content: "\ea3d"; font-family: 'icomoon' !important; color: #77b733; }
.content-detail blockquote:after {content: "\ea3e"; font-family: 'icomoon' !important; color: #77b733;}
/* .content-detail blockquote:before {font-family: 'icomoon' ; content: "\ea3d"; left: 12px; top: 12px; position: absolute; color: #8e140f; font-size: 24px;}
.content-detail blockquote:after {font-family: 'icomoon'; content: "\ea3e"; right: 12px; bottom: 12px; position: absolute; color: #8e140f; font-size: 24px;}
*/

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

.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 {margin: 0 -10px; }
.categories-list ul li {
    float: left;
    width: 25%;
    padding: 0 10px;
    transition: all 100ms ease-in;
}
.categories-list ul li a:hover {background: #f3f3f3;}
.categories-list ul li a {display: block; height: 350px; border: 1px solid #dbdbdb; 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 a: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: 260px; margin-bottom: 10px; }
.categories-list ul li span img {width: 100%; height: 100%; object-fit: contain; }

.product-description-area {/* margin-bottom: 30px; */font-size: 18px;line-height: 25px;margin-bottom: 20px;}
.product-description-area p {font-size: 18px;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 .service-box {border: 1px solid #dbdbdb;}
.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: #77b733;}
.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: #f3f3f3; margin: 0 10px;
    transition: all 100ms ease-in;}
.content-detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #a3b64b;}
.content-detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #a3b64b; 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-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: #77b733; 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: 18px;}
.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 {border-radius: 15px;height: 420px;/*border: 1px solid #dbdbdb;*/margin-bottom: 20px;transition: all 100ms ease-in;background: #fff;position: relative;}
.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: 30px;}
.list-style-three-photo {height: 210px;margin-bottom: 20px;}
.list-style-three-photo img {width: 100%;height: 100%;object-fit: cover;}
.list-style-three-title {
    padding: 260px 30px 0 30px;
    /* height: 60px; */
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 150ms ease-in;
    overflow: hidden;
}
.list-style-three-title h4 {font-size: 16px;/* margin-bottom: 5px; */font-weight: 800;line-height: 20px;margin-bottom: 2px;font-family: 'Baloo Da 2', cursive;font-size: 20px;line-height: 21px;padding: 0 20px;
    transition: all 150ms ease-in;}
.list-style-three-title p {
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 150ms ease-in;
}
.list-style-three-title span {display: block;font-size: 15px;color: #000000;margin-bottom: 5px;
    transition: all 150ms ease-in;}
.list-style-three-title > i {display: block;height: 50px;line-height: 50px;text-align: center;float: none;color: #fff;}
.list-style-three-title > i:before {font-size: 40px; }

.list-style-three-title:hover {background: #e30613; padding-top: 100px;}
.list-style-three-title:hover h4 {color: #fff; margin-bottom: 50px; }
.list-style-three-title:hover .product-price span {color: #fff; border-color: #fff;}
.list-style-three-title:hover span {color: #fff !important;}
.list-style-three-title:hover .product-price h5 {color: #fff;}

.product-price {height: 70px;padding: 5px 20px;margin-bottom: 5px;}
.product-price span {
    display: block;
    width: 30%;
    height: 50px;
    float: left;
    border: 1px solid #e30613;
    color: #ffff;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    transition: all 150ms ease-in;
    background: #e30613;
}
.product-price h5 {display: block;width: 70%;height: 50px;float: left;padding: 3px 10px;font-weight: 700;font-family: 'Baloo Da 2', cursive;/* line-height: 50px; */
    transition: all 150ms ease-in;}
.product-price h5 p {font-size: 18px;line-height: 20px;display: none;}
.product-price h5 b {display: block;font-size: 25px;line-height: 45px;font-weight: 900;}
.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: 360px; /*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: 240px; 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; position: relative;}
.detail-photos-slider li {height: 100%;}
.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-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: #e9e5d9; margin: 0 10px;
    transition: all 100ms ease-in; height: 14px; width: 14px;}
.detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #ffffff;}
.detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #ffffff; width: 80px; 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 .bx-wrapper .bx-controls-direction a {opacity: 0; transition: all 100ms ease-in;}
.detail-photos-slider .bx-wrapper .bx-prev {left: -20px;}
.detail-photos-slider .bx-wrapper .bx-next {right: -20px; }
.detail-photos-slider:hover .bx-wrapper .bx-controls-direction a {opacity: 1;}
.detail-photos-slider:hover .bx-wrapper .bx-prev {left: 20px;}
.detail-photos-slider:hover .bx-wrapper .bx-next {right: 20px; }


.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;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: 18px;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: 18px;}
.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: 18px;}
.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 0;/* text-align: center; */}
.main-slogan {width: 100%; display: inline-block; }
.main-slogan h5 {
    font-size: 45px;
    line-height: 50px;
    font-weight: 300;
    color: #000;
    /* font-family: 'Roboto Slab', serif; */
    margin-bottom: 10px;
    width: 30%;
    float: left;
    padding: 20px 100px 0 0;
    position: relative;
    /*background: url('../img/bg/slogan-icon.png') no-repeat right center;*/
    height: 200px;
}
.main-slogan h5 b {font-weight: 600; }
.main-slogan h5:before {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    background: #77b733;
    border-radius: 50%;
    left: -30px;
    top: -20px;
    z-index: -1;
    display: none;
}
.main-slogan p {color: #000;font-size: 22px;line-height: 28px;font-family: 'glegoo', serif; width: 70%;float: left;font-weight: 400;padding: 40px 10%;}

.detail-buttons {height: 50px;}
.detail-buttons ul {overflow: hidden;  }
.detail-buttons ul li {width: 33.33%;float: left;height: 50px;line-height: 50px;background: #77b733;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: 18px; 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: 190px;/* overflow: hidden; *//* padding: 0 40px; *//* margin: 0 -40px; */}
.main-references-slider {
    height: 190px;
    padding: 25px;
    position: relative;
    background: #f4f4f4;
}
.main-references-slider:before {}
.main-references-slider ul {overflow: hidden;}
.main-references-slider li {height: 140px; line-height: 140px;  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; 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: #77b733; border-color: #77b733;}
.pagination-area ul li.active a {color: #fff;}


.main-services-list-area {padding: 0 0 0 0;}

.service-box {
    border-radius: 15px;
    height: 200px;
    background: #fff;
    margin-bottom: 20px;
    transition: all 100ms ease-in;
    position: relative;
}
.service-box a {
    display: block;
    height: 100%;
    color: #000;
    text-decoration: none;
    padding: 0 25px;
    transition: all 100ms ease-in;
}
.service-box i {display: block; height: 150px; line-height: 150px; float: left;  margin-right: 30px; color: #76b729;
    transition: all 100ms ease-in;}

.service-box i:before {font-size: 60px;}
.service-box h4 {font-weight: 200;font-size: 26px;/*line-height: 24px*/;height: 150px;padding: 25px 0 0 0; word-spacing: 100vw;overflow-wrap: anywhere;}
.service-box:hover {background: #82008f;}
.service-box:hover h4 {font-weight: 600}
.service-box:hover a, .service-box:hover i {color: #fff; }
.service-box:hover a {background: rgba(255,255,255,0); }

.service-box p {
    display: block;
    position: absolute;
    width: 28px;
    height: 28px;
    /* line-height: 24px; */
    text-align: center;
    overflow: hidden;
    top: 25px;
    right: 25px;
}
.service-box p img {width: 100%; position: absolute;top: 0; left: 0;
    transition: all 100ms ease-in; }
.service-box p img:first-child {opacity: 1;}
.service-box p img:last-child {opacity: 0;}
.service-box:hover p img:first-child {opacity: 0;}
.service-box:hover p img:last-child {opacity: 1;}


.service-box span {/* display: block; */width: 90px;height: 90px;/* line-height: 100px; *//* float: left; *//* margin-right: 20px; */position: absolute;right: 25px;bottom: 20px;}
.service-box span img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 100ms ease-in;
}
.service-box span img:first-child {opacity: 1;}
.service-box span img:last-child {opacity: 0;}
.service-box:hover span img:first-child {opacity: 0;}
.service-box:hover span img:last-child {opacity: 1;}

.call-form-section {/* height: 140px; */overflow: hidden;margin-bottom: 40px;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%; */}


.company-information-section {height: auto;padding: 50px 0;}

.company-information-photo {
    text-align: right;
}
.company-information-photo img {max-width: 100%; max-height: 400px;}

.company-information-area {height: auto;padding: 60px 0 0 50px;}

.company-information {padding-right: 0;}
.company-information h3 {font-size: 14px; font-weight: 600; margin-bottom: 10px; }
.company-information h4 {font-size: 40px;font-family: 'Baloo Da 2', cursive;font-weight: 800;padding-right: 250px;}
.company-information ul {display: inline-block;width: 100%;padding: 26px 0;position: relative;overflow: hidden;}
.company-information ul:before {
    content:
            '....................................................................................';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 7px;
}
.company-information ul li {float: left; font-size: 24px;}
.company-information ul li + li {margin-left: 20px; }
.company-information ul li b {color: #77b733;}
.company-information ul li:nth-child(1) b {color: #00a4b6;}
.company-information ul li:nth-child(2) b {color: #831f82;}
.company-information ul li:nth-child(3) b {color: #76b729;}
.company-information ul li:nth-child(4) b {color: #e30613;}

.company-references {border-top: 1px solid #dbdbdb; padding-top: 20px;  display: none;}
.company-references ul {}
.company-references ul li {height: 100px; text-align: center;}
.company-references ul li a {display: block; height: 100%; }
.company-references ul li img {max-width: 100%; max-height: 100%; filter: grayscale(90%); display: inline-block;
}
.company-references ul li:hover img {filter: grayscale(0%);}


.boxes-section {height: auto; background: #c4e0f7; padding: 60px 0; position: relative;}

.boxes-area {height: 90px;position: relative;}
.boxes-area:before {content: '';position: absolute;width: 150px;height: 150px;background: #02b188;border-radius: 50%;right: -70px;top: -70px;display: none;}
.boxes-area:after {content: ''; position: absolute; width: 150px; height: 150px; background: #02b188; border-radius: 50%; left: -70px; bottom: -70px; z-index: -1;}

.link-box {height: 90px;border: 1px solid #c4e0f7;padding: 0 40px;position: relative;text-align: left;color: #000;}
.link-box i {display: block;height: 120px;line-height: 120px;margin-bottom: 20px;color: #9c9c9c;}
.link-box i:before {font-size: 100px;}
.link-box-photo {display: block;height: 120px;line-height: 120px;/* margin-bottom: 20px; */color: #9c9c9c;width: 33%;float: left;height: 90px;line-height: 60px;}
.link-box-photo img {max-width: 100%; max-height: 100%; filter: brightness(200);}
.link-box h4 {font-size: 23px;line-height: 23px;font-weight: 400;position: relative;height: 90px;/* margin-bottom: 20px; *//* overflow: hidden; */width: 67%;float: left;padding: 22px 0 0 15px;}
.link-box p {font-size: 16px;line-height: 20px;padding: 0 30px;height: 80px;margin-bottom: 20px;}
.link-box a {display: block; color: #000; text-decoration: none; }

.link-box a:hover {filter: grayscale(0%);}
.link-box:hover img {filter: grayscale(0%);}

.branch-box {height: 415px; position: relative;}
.branch-box a {display: block; height: 100%; color: #fff; text-decoration: none; }
.branch-box-photo {height: 415px; overflow: hidden; }
.branch-box-photo img {width: 100%; height: 100%; object-fit: cover; }
.branch-box-title {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0,0,0,0.5);
    text-align: center;
    padding: 320px 30px 0 30px;
    transition: all 200ms ease-in;
}
.branch-box-title h5 {font-size: 15px; font-weight: 400; margin-bottom: 5px; }
.branch-box-title h4 {font-size: 24px;font-weight: 600;margin-bottom: 50px;font-family: 'Baloo Da 2', cursive;}
.branch-box-title i {display: block; height: 50px; line-height: 50px; }
.branch-box-title i:before {font-size: 40px; }
.branch-box-title:hover {background: #008bd2; padding-top: 160px; }

.video-box {
    border-radius: 15px;
    height: 150px;
    background: #fff;
    transition: all 100ms ease-in;
    /*border: 1px solid #dbdbdb;*/
}
.video-box a {
    display: block;
    height: 100%;
    text-decoration: none;
    color: #000;
    padding: 0 20px;
    transition: all 100ms ease-in;
}
.video-box i {display: block; height: 150px; line-height: 80px; float: left; margin-right: 20px; color: #831f82;
    transition: all 100ms ease-in;}
.video-box i:before {font-size: 30px; }
.video-box-title {padding: 30px 0 0 0;height: 150px;overflow: hidden;}
.video-box-title h5 {font-weight: 400; font-size: 14px; margin-bottom: 10px; }
.video-box-title h4 {font-weight: 600;font-size: 17px;line-height: 22px;
    display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.video-box:hover {background: #831f82; }
.video-box:hover a {color: #fff;}
.video-box:hover i {color: #fff;}

.branch-detail-links {margin-bottom: 20px; }
.branch-detail-links ul {overflow: hidden; margin: 0 -10px;}
.branch-detail-links ul li {width: 25%; float: left; padding: 0 10px; }
.branch-detail-links ul li a {display: block; height: 60px; border: 1px solid #dbdbdb; line-height: 58px; color: #000; text-decoration: none;
    padding: 0 20px; font-size: 15px; font-weight: 600;
    transition: all 100ms ease-in;}
.branch-detail-links ul li i {display: block; float: left; margin-right: 10px; height: 58px; line-height: 58px; }
.branch-detail-links ul li i:before {font-size: 30px; }
.branch-detail-links ul li a:hover {color: #fff; border-color: #77b733; cursor: pointer; background: #77b733;}

.branch-contents {margin-top: 40px;}
.branch-contents h3 {margin-bottom: 30px; }
.branch-contents .video-box {margin-bottom: 20px;}


/* -------------------------------------------------------------------------------------*/
/*      POPUP AREA                                                                      */
/* -------------------------------------------------------------------------------------*/
.popup-area {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999999;background: rgba(0,0,0,0.8);display:none;text-align: center;}
.popup-area.active {display: block;}
.popup {width: auto;margin: 100px auto 0 auto;display: inline-block; max-width: 80%;}
.popup.video-popup {width: 800px;}
.popup.video-popup .popup-head {height: 450px}
.popup-head {background: #fff;text-align: center;/* border-bottom: 1px solid #dbdbdb; */height: 500px;position: relative;}
.popup-head img {width: auto;height: 100%;object-fit: cover;max-width: 100%;}
.popup-head iframe {width: 100% !Important; height: 100% !Important; }
.popup-bottom {height: auto;/* background: #fff; */position: relative;padding-right: 0;}
.popup-bottom h5 {padding: 10px 0;font-size: 20px;font-family: 'Rajdhani', sans-serif;font-weight: 400;color: #fff;}
.close-popup {position: absolute; right: 0; top: -40px; width: 40px; height: 40px;  background: #fff;}
.close-popup i {display: block; height: 40px; line-height: 40px; text-align: center;}
.close-popup i:before {font-size: 20px;}
.close-popup:hover {background: #f4f4f4; color: #e83731; cursor: pointer;}

.page-slogan {text-align: center; padding: 50px 20% 0 20%; border-top: 1px solid #dbdbdb; margin-top: 30px;}
.page-slogan h3 {font-weight: 400; font-size: 26px; line-height: 36px;}
.page-slogan h3 b {}

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

.footer-top {height: 130px;background: #77b733;}
.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-section {padding: 50px 0 25px 0; border-bottom: 1px solid #dbdbdb;  border-top: 1px solid #dbdbdb;}

.home-page .footer-section {border-top: none;}

.footer-leftside {padding-right: 100px; }
.footer-leftside p {    font-family: 'Roboto Slab', serif; font-size: 16px; font-weight: 300; }
.footer-leftside p + p {margin-top: 5px; }

.footer-leftside-logo {margin-bottom: 40px; }
.footer-leftside-logo a {}
.footer-leftside-logo img {height: 180px;}

.footer-social-section {padding-top: 40px; }
.footer-social-section ul {display: inline-block;}
.footer-social-section ul li {float: left;  }
.footer-social-section ul li a {display: block;text-decoration: none;color: #76b629;}
.footer-social-section ul li i {display: block; height: 30px; line-height: 30px; }
.footer-social-section ul li i:before {font-size: 25px; }
.footer-social-section ul li + li {margin-left: 15px; }
.footer-social-section ul li a:hover {color: #77b733;}

.footer-menu {padding-top: 0px;}
.footer-menu > ul {display: inline-block; width: 100%; }
.footer-menu > ul > li {float: left;  }
.footer-menu > ul > li + li {padding-left: 100px; }
.footer-menu > ul > li > a {font-size: 18px; font-weight: 600; color: #82008f; text-decoration: none; margin-bottom: 15px; display: block;   }
.footer-menu > ul > li > ul {}
.footer-menu > ul > li > ul > li {font-size: 18px; }
.footer-menu > ul > li > ul > li > a {color: #000; text-decoration: none; display: block;padding: 2px 0; }
.footer-menu > ul > li > ul > li > a:hover {color: #0d4da7;}


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