@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Raleway:ital,wght@0,200;0,400;0,600;0,800;1,200;1,400;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;600;700;800;900&display=swap');

/**
font-family: 'Quicksand', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Montserrat', sans-serif;


 */


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

body {background: #fff; font-family: 'Quicksand', sans-serif;  font-size: 13px; position: relative; font-weight: 400; overflow-x: hidden; }

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


/***** Home Page *****/
.homepage .fast-contact-section {display: none}


/* -------------------------------------------------------------------------------------*/
/*      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}
.popup-area.active {display: block;}
.popup {width: 400px;margin: 100px auto 0 auto;}
.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: 600px; */position: relative;}
.popup-head img {width: 100%;height: 100%; object-fit: cover;}
.popup-head iframe {width: 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;}



/* -------------------------------------------------------------------------------------*/
/*      HEADER                                                                          */
/* -------------------------------------------------------------------------------------*/
header {height: 150px;position: relative;}
header:before {content:'';position: absolute;left: 0;bottom: -60px;width: 20%;height: 60px;background: #fff;z-index: 999;display: none;}

.customer-panel-button {position: absolute; right: 0; top: 0; z-index: 9999; height: 150px; border-left: 1px solid #dbdbdb; line-height: 150px;
    font-size: 16px; display: none;}
.customer-panel-button a {display: block; height: 100%; color: #000; text-decoration: none; padding: 0 30px; }
.customer-panel-button i {display: block; float: left; height: 150px; line-height: 150px; margin-right: 10px; }
.customer-panel-button i:before {font-size: 24px; }
.customer-panel-button a:hover {color: #000000;}

.header-top {height: 50px;text-align: right;display: none;}

.header-top-menu {/* display: inline-block; */ height: 50px; float: right;margin-right: 20px;}
.header-top-menu ul {overflow: hidden;}
.header-top-menu ul li {float: left; height: 50px; line-height: 50px; font-weight: 500;}
.header-top-menu ul li a {color: #000; text-decoration: none; display: block; height: 100%;}
.header-top-menu ul li i {display: block; height: 50px; line-height: 50px; float: left; margin-right: 10px; }
.header-top-menu ul li i:before {font-size: 20px; }
.header-top-menu ul li + li {margin-left: 15px; }
.header-top-menu ul li a:hover {color: #3f0806; cursor: pointer; }

.header-top-social {height: 50px; padding-top: 7px; float: right;  }
.header-top-social ul {overflow: hidden;}
.header-top-social ul li {float: left; height: 36px; width: 36px; text-align: center;
    transition: all 100ms ease-in;}
.header-top-social ul li a {display: block; height: 100%; text-decoration: none; color: #fff; }
.header-top-social ul li i {display: block; height: 36px; line-height: 36px; border-radius: 50%; overflow: hidden; background: #000000;
    transition: all 100ms ease-in;}
.header-top-social ul li i:before {font-size: 20px;}
.header-top-social ul li + li {margin-left: 12px; }

.header-top-social ul li i.icon-facebook:hover {background: #475993}
.header-top-social ul li i.icon-twitter3:hover {background: #76a9ea}
.header-top-social ul li i.flaticon-instagram:hover {background: #cf6548}
.header-top-social ul li i.icon-youtube3:hover {background: #f61c0d}
.header-top-social ul li i.icon-linkedin3:hover {background: #0077b7}

.header {
    height: 150px;
}

.logo {height: 150px;line-height: 130px;line-height: 150px;/* margin-right: -40px; */position: relative;}
.logo a {
    display: block;
}
.logo img {display: none; max-width: 90%;}

.lang-tr .logo-tr {display: inline-block;}
.lang-en .logo-en {display: inline-block;}
.lang-ru .logo-en {display: inline-block;}

.logo:before {content:'';position: absolute;left: -60px;bottom: -60px;width: 100%;height: 60px;background: #fff;z-index: 999;display: none;}
.logo:after {
    content:'';
    position: absolute;
    right: 0;
    bottom: -60px;
    z-index: 999;
    border-style: solid;
    border-width: 30px 30px 30px 30px;
    border-color: #fff transparent transparent #fff;
    display: none;
}


.menu-area {height: 150px;position: relative;}

.header-menu {/* font-family: 'Raleway', sans-serif; */display: inline-block;float: left;height: 150px;padding: 50px 0 0 0;}
.header-menu > ul {float: left;}
.header-menu > ul > li {float: left;height: 50px;line-height: 50px;font-weight: 400;position: relative;font-size: 16px;}
.header-menu > ul > li > a {display: block;color: #000000;text-decoration: none;padding: 0 25px;}
.header-menu > ul > li:before {content:''; position: absolute; left: 0; bottom: -6px; width: 100%; height: 0; border-radius: 0; background: #1747a1;
    z-index: 1000; transition: all 200ms ease-in; }
.header-menu > ul > li:hover:before {height: 8px; }
.header-menu > ul > li > ul {}
.header-menu > ul > li > ul > li {}
.header-menu > ul > li > ul > li > a {}


.header-menu > ul > li > ul {position: absolute;left: 0;top: 40px;background: #fff;width: 240px;display: none;z-index: 999;
    box-shadow: 0 0 55px rgba(0, 0, 0, 0.15)}
.header-menu > ul > li:hover > ul {display: block;}
.header-menu > ul > li > ul > li {}
.header-menu > ul > li > ul > li > a {display: block; padding: 0 15px; color: #000; text-decoration: none;}
.header-menu > ul > li > ul > li:hover > a {color: #fff;}
.header-menu > ul > li > ul > li:hover {background: #195ec3;}

.header-menu > ul > li:hover .dropdown-menu {display: block;}

.header-menu > ul > li.active .dropdown-menu ul li:first-child span {opacity: 1;}

.dropdown-menu {position: absolute; left: -20px; top: 50px;width: 500px;z-index: 999;padding: 25px 35px;
    background: #fff; display: none; box-shadow: 0 0 55px rgba(0, 0, 0, 0.15);  }
.dropdown-menu ul {overflow: hidden; position: relative; padding-right: 200px; min-height: 200px; }
.dropdown-menu ul li {transition: all 100ms ease-in; font-weight: 500; line-height: 18px; font-size: 16px; }
.dropdown-menu ul li a {display: block; height: 100%; color: #000; text-decoration: none; padding: 6px 0; }
.dropdown-menu ul li i {display: block; width: 12%; height: 48px; line-height: 48px; text-align: left; float: left; color: #10489b; padding-left: 5px;}
.dropdown-menu ul li i:before {font-size: 18px; transition: all 100ms ease-in;}
.dropdown-menu ul li:hover i:before {font-size: 22px;}
.dropdown-menu ul li span {position: absolute; width: 200px; height: 300px; line-height: 200px; text-align: right;
    overflow: hidden; top: 0; right: 0;  opacity: 0; transition: all 50ms ease-in;}
.dropdown-menu ul li span img {max-width: 90%; max-height: 90%;}
.dropdown-menu ul li.active span {opacity: 1;}
.dropdown-menu ul li.active {font-weight: 700;}

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

.header-lang-menu {
    display: inline-block;
    float: right;
    height: 150px;
    padding-left: 5px;
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
}
.header-lang-menu ul {}
.header-lang-menu ul li {
    float: left;
    height: 150px;
    line-height: 150px;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}
.header-lang-menu ul li:before {content:''; position: absolute; width:1px; height: 0; background: #e2e2e2; top: 0; left: 50%;
    transition: all 250ms ease-in;}
.header-lang-menu ul li a {
    /* display: inline-block; */
    padding: 5px 20px;
    text-decoration: none;
    color: #8e8e8e;
}
.header-lang-menu ul li.active {}
.header-lang-menu ul li.active:before {height: 50px;}
.header-lang-menu ul li:hover:before {height: 50px;}
.header-lang-menu ul li.active a {color: #1747a1;}


.header-other-menu {height: 90px; padding: 20px 0 0 0; margin-left: -50px;}
.header-other-menu > ul {float: right;}
.header-other-menu > ul > li {float: left; height: 42px; line-height: 40px; font-weight: 600; border: 1px solid #dbdbdb; font-size: 13px;
    transition: all 100ms ease-in;}
.header-other-menu > ul > li:hover {background: #000000; border-color: #000000;}
.header-other-menu > ul > li:last-child:hover {background: #e9e5d9; border-color: #e9e5d9;}
.header-other-menu > ul > li:hover a {color: #fff;}
.header-other-menu > ul > li + li {margin-left: 5px; }
.header-other-menu > ul > li > a i {display: block; float: left; margin-right: 5px; height: 40px; line-height: 40px; }
.header-other-menu > ul > li > a i:before {font-size: 18px;}
.header-other-menu > ul > li > a {display: block; height: 100%; padding: 0 9px; color: #000; text-decoration: none;
    transition: all 100ms ease-in;}
.header-other-menu > ul > li > a.active {display: none;}
.header-other-menu > ul > li > a img {width: 20px;}



/**** Mobile Menu ***/
.mobile-top {height: auto;min-height: 50px;display: none;position: relative;/* background: #c90909; */}

.mobile-menu-button {width: 50px;top: 25px;right: 0;position: absolute;height: 50px;display: none;color: #000000;}
.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: 50px;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: #1747a1;
    z-index: 99999;
    overflow: scroll;
}
.mobile-menu-header {height: 120px;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: 125px;width: 70%;float: left;line-height: 70px;padding-top: 10px;}
.mobile-menu-logo a {}
.mobile-menu-logo img {max-width: 100%;max-height: 80px;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: 27px 0;border-bottom: 1px solid rgba(255,255,255,0.3);text-align: center;}
.mobile-menu-social ul {/* width: 100%; */ /* text-align: center; */ display: inline-block;}
.mobile-menu-social ul li {display: block;float: left;}
.mobile-menu-social ul li a {color: #fff; padding: 0 15px; text-decoration: none; display: block;}
.mobile-menu-social ul li i {display: block;height: 40px;line-height: 40px;}
.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: 25%;
    /*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: #828282;}
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.lang-option {font-weight: 500;font-size: 18px;line-height: 51px;overflow: hidden;}
ul.mobile-topmenu li.lang-option.active {font-weight: 800; }


.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: #4fb289;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 {}

.main-banner-slider {height: 700px;position:relative;/* margin-bottom: 100px; */}
.main-banner-slider:before {}
.main-banner-slider ul {}
.main-banner-slider ul li {}

.main-banner-slider .bx-wrapper .bx-pager {
    width: 1260px;
    margin: 0 auto;
    position: relative;
    text-align: right;
    font-size: 0;
    padding: 0;
    margin-top: -62px;
    z-index: 9999;
}
.main-banner-slider .bx-wrapper .bx-pager.bx-default-pager a {
    border: none;
    background: none;
    margin: 0 5px;
    transition: all 100ms ease-in;
    position: relative;
    width: 30px;
    height: 30px;

}
.main-banner-slider .bx-wrapper .bx-pager.bx-default-pager a:before {content:'';width: 13px;height: 13px;background: #000;position: absolute;left: 50%;top: 50%;background: rgba(255,255,255,0.6);border-radius: 50%;margin: -6.5px 0 0 -6.5px;}
.main-banner-slider .bx-wrapper .bx-pager.bx-default-pager a:hover {background: none; border: 1px solid rgba(255,255,255,0.6);}
.main-banner-slider .bx-wrapper .bx-pager.bx-default-pager a.active {border: 1px solid rgba(255,255,255,0.6);}
.main-banner-slider .bx-wrapper .bx-pager.bx-default-pager a.active {}
.main-banner-slider .bx-wrapper .bx-pager.bx-default-pager a:before {}
.main-banner-slider .bx-wrapper .bx-pager.bx-default-pager a.active:before {background: #16469d;}


.banner-section {height: 700px; position: relative; }
.banner-section .container {}
.banner-section video {width: 100%; }

.banner-photo-area {height: 700px; }
.banner-photo-area a {display: block;height: 100%;}
.banner-photo-area img {width: 100%;height: 100%;object-fit: cover;opacity: 0.5;}

.banner-area {position: absolute;left: 0;bottom: 0;width:100%;max-height: 100%; padding-bottom: 100px; }
.banner-area .row {}

.banner-title-area {font-family: 'Montserrat', sans-serif;color: #fff;padding: 0 38% 50px 0;position: relative;}
.banner-title-area h4 {font-size: 16px;font-weight: 400;padding-left: 60px;position: relative;margin-bottom: 30px;}
.banner-title-area h4:before {content:'';position: absolute;left: 0;top: 50%;margin-top: -1px;height: 2px;width: 50px;border-radius: 20px;background: #1847a1;}
.banner-title-area h3 {font-size: 57px;margin-bottom: 30px;font-weight: 900;}
.banner-title-area p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-family: 'Quicksand', sans-serif;
    width: 80%;
}
.banner-button {display: inline-block; width: auto; font-size: 16px; border-radius: 40px; overflow: hidden; }
.banner-button a {height: 50px; /* border: 1px solid #e72b28; */ line-height: 50px; display: inline-block; color: #fff; text-decoration: none; padding: 0 30px;
    border-radius: 40px; transition: all 100ms ease-in;  }
.banner-button i {display: block; float: right; margin-left: 10px; height: 48px; line-height: 48px;}
.banner-button i:before {font-size: 20px;}
.banner-button a:hover {background: rgba(0,0,0,0.2);}

.banner-title-area:before {content: ''; position: absolute; left: 0; bottom: 0; width: 80%; height:3px; background: rgba(255,255,255,0.6); }
.banner-title-area:after {content: ''; position: absolute; left: 0; bottom: -1px; width: 40%; height:5px; background: rgba(255,255,255,1); }




.products-section { height: auto;  position: relative; margin-bottom: 100px;}
.products-section:before {}

.products-section .container {position: initial !important; }
.products-section .row {position: inherit !important; }
.products-section .col-md-3 {position: inherit !important; }


.products-slogan {min-height: 600px; height: auto; background: #e9e5d9; padding: 60px 50px 260px 0;text-align: right; margin-right: -80px; }
.products-slogan:before {content:''; position: absolute; left: 0; bottom: 0; height: 100%; width: 20%; background: #e9e5d9; z-index: -1;}
.products-slogan span {position: absolute; left: 0; bottom: 0; }
.products-slogan span img {max-width: 360px;}
.products-slogan h5 {font-size: 15px; font-weight: 600; display: inline-block; max-width: 80%; position: relative; margin-bottom: 30px; }
.products-slogan h5:before {content:''; position: absolute; left: -50px; top: 50%; margin-top: -2px; height:2px; width: 45px; border-radius: 20px;   background: #000000;}
.products-slogan h4 {font-size: 36px; margin-bottom: 20px; position: relative; z-index: 999;}
.products-slogan a {height: 50px; border: 1px solid #d6d6d6; line-height: 48px; display: inline-block; color: #424242; text-decoration: none; padding: 0 30px;
    border-radius: 40px; font-size: 15px; position: relative; z-index: 999;}
.products-slogan i {display: block; float: right; margin-left: 10px; height: 48px; line-height: 48px;}
.products-slogan i:before {font-size: 20px;}
.products-slogan a:hover {background: #9b978d; color: #fff;}

.main-products-list {height: 100%;overflow: hidden;/* background: #fff; */padding: 30px 0 0 140px;}

.product-box {height: 400px;transition: all 200ms ease-in;padding: 0;margin-bottom: 30px;border: 1px solid #dbdbdb;overflow: hidden;}
.product-box a {display: block; height: 100%; color: #000; text-decoration: none; transition: all 200ms ease-in;}
.product-box-photo {height: 280px;text-align: center;/* line-height: 120px; */padding: 0;overflow: hidden;}
.product-box-photo img {width: 100%;height: 100%;object-fit: contain;  transition: all 200ms ease-in;}
.product-box-title {text-align: center;height: 100px;padding-top: 0;padding: 10px;font-family: 'Montserrat', sans-serif;}
.product-box-title h4 {margin-bottom: 5px;font-size: 23px;}
.product-box-title h5 {font-weight: 500;font-size: 16px;}
.product-box:hover {}
.product-box:hover a {color: #1747a1;}
.product-box:hover .product-box-photo img {transform: scale(1.05);}

.service {height: 502px;transition: all 200ms ease-in;padding: 0;margin-bottom: 30px;border: 1px solid #dbdbdb;overflow: hidden;}
.service a {display: block; height: 100%; color: #000; text-decoration: none; transition: all 200ms ease-in;}
.service-photo {height: 250px;text-align: center;line-height: 120px;padding: 0;overflow: hidden;}
.service-photo img {width: 100%;height: 100%;object-fit: cover;transition: all 200ms ease-in;}
.service-title {text-align: center;height: 200px;padding-top: 0;padding: 20px;font-family: 'Montserrat', sans-serif;position: relative;}
.service-title i {display: block;height: 60px;line-height: 60px;margin-bottom: 20px;display: none;}
.service-title i:before {font-size: 60px; }
.service-title h4 {margin-bottom: 10px;font-size: 28px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.service-title h5 {font-weight: 500;font-size: 16px; line-height: 24px;
    overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.service-title b {
    display: inline-block;
    padding: 10px 30px;
    background: #a4d16e;
    border-radius: 30px;
    color: #fff;
    font-weight: 400;
    margin-top: 15px;
}
.service-title b:hover {background: #739648;}
.service:hover {border: 1px solid #aaa;}
.service:hover .service-photo img {transform: scale(1.05);}



.processes-section {position: relative;margin-bottom: 250px;}
.processes-section .container {position: initial !important; }
.processes-section .row {position: inherit !important; }
.processes-section .col-md-8 {position: inherit !important; }
.processes-section .col-md-4 {position: inherit !important; }


.processes-area {height: 300px;padding-top: 50px;}

.processes-menu {height: 300px;width: 25%;float: left;position: relative;}
.processes-menu:before {
    content:'.................................................';
    position: absolute;
    left: -117px;
    top: 91px;
    width: 100%;
    height: 30px;
    color: #000000;
    letter-spacing: 10px;
    line-height: 20px;
    z-index: 99;
    font-size: 20px;
    overflow: hidden;
    transform: rotate(90deg);
}
.processes-menu ul {}
.processes-menu ul li {font-size: 30px; line-height: 40px; position: relative; transition: all 100ms ease-in;}
.processes-menu ul li.active {}

.processes-menu ul li:before {content: '';position: absolute;width: 30px;height: 40px; background: #fff;left: -32px; top: 0; z-index: 100; opacity: 0;
    transition: all 100ms ease-in;}
.processes-menu ul li:after {content: '';position: absolute;width: 0;height: 0;border-radius: 50%;background: #000000;left: -17px;top: 12px;z-index: 9999;opacity: 0;
    transition: all 200ms ease-in;}
.processes-menu ul li.active:before {opacity: 1;}
.processes-menu ul li.active:after {opacity: 1; width: 16px;height: 16px; left: -25px;top: 12px;}

.processes-menu ul li a {display: block; color: #000; text-decoration: none; transition: all 100ms ease-in; }
.processes-menu ul li.active a {color: #000000; }
.processes-menu ul li a:hover {color: #000000; }

.processes-menu ul li b {position: absolute; left: -60px; line-height: 40px; top: 0; color: #e1dddd; opacity: 1; font-size: 0;
    transition: all 200ms ease-in;}
.processes-menu ul li.active b {opacity: 1; font-size: 40px;}

.processes-menu ul li:nth-child(1) {font-weight: 100;}
.processes-menu ul li:nth-child(2) {font-weight: 400;}
.processes-menu ul li:nth-child(3) {font-weight: 500;}
.processes-menu ul li:nth-child(4) {font-weight: 600;}
.processes-menu ul li:nth-child(5) {font-weight: 700;}

.processes-content-area {height: 300px;width: 75%;float: left;}

.processes-content {display: none; height: 300px; }
.processes-content.active {display: block; }

@keyframes y-axis-animation {
    from {transform: rotateY(0deg)}
    to {transform: rotateY(180deg)}
}

.processes-icon {height: 300px;width: 20%;float: left;padding-top: 70px;position: relative;}
.processes-icon b {display: block; height: 70px; background: #000000; width: 120px; position: relative; }
.processes-icon:hover {animation: y-axis-animation 1s ease-in-out 0s infinite alternate;}
.processes-icon b:before {content: ''; position: absolute; left: 0; top: -35px;
    border-style: solid;
    border-width: 0 60px 35px 60px;
    border-color: transparent transparent #000000 transparent;}
.processes-icon b:after {content: ''; position: absolute; left: 0; bottom: -35px;
    border-style: solid;
    border-width: 35px 60px 0 60px;
    border-color: #000000 transparent transparent transparent;}

.processes-icon i {position: absolute; width: 120px; height: 70px; line-height: 70px; z-index: 999; text-align: center; color: #fff; }
.processes-icon i:before {font-size: 60px;}

.processes-description {height: 300px;width: 80%;float: left;padding: 40px 50px;}
.processes-description p {font-size: 16px; font-weight: 600; }

.processes-photo {position: absolute;left: 0;bottom: -100px;height: 350px;width: 100%;z-index: -1;}
.processes-photo img {width: 100%; height: 100%; object-fit: cover; }


.processes-slogan {min-height: 600px;height: auto;background: #e9e5d9;padding: 60px 80px 0 80px;text-align: left;/* margin-right: -80px; */z-index: 9999;position: relative;}
.processes-slogan:before {content:''; position: absolute; right: -100%; bottom: 0; height: 100%; width: 100%; background: #e9e5d9; z-index: -1;}
.processes-slogan span {position: absolute; left: 0; bottom: 0; }
.processes-slogan span img {}
.processes-slogan h5 {font-size: 15px; font-weight: 600; display: inline-block; max-width: 80%; position: relative; margin-bottom: 30px; }
.processes-slogan h5:before {content:''; position: absolute; right: -50px; top: 50%; margin-top: -2px; height:2px; width: 45px; border-radius: 20px;   background: #000000;}
.processes-slogan h4 {font-size: 36px; margin-bottom: 20px; position: relative; z-index: 999;}
.processes-slogan a {height: 50px; border: 1px solid #9b978d; line-height: 48px; display: inline-block; color: #424242; text-decoration: none; padding: 0 30px;
    border-radius: 40px; font-size: 15px; position: relative; z-index: 999; transition: all 100ms ease-in;}
.processes-slogan i {display: block; float: left; margin-right: 10px; height: 48px; line-height: 48px;}
.processes-slogan i:before {font-size: 20px;}
.processes-slogan a:hover {background: #9b978d; color: #fff; }

.processes-slogan b {display: block;/* height: 40px; */line-height: 40px;font-size: 40px;font-weight: 700;letter-spacing: 30px;opacity: 0.2;position: relative;margin-top: 30px;}
.processes-slogan b:before {content:'.....'; display: block; }
.processes-slogan b:after {content:'...'; display: block; }


.references-section {margin-bottom: 100px;}
.references-area {}

.references-title {height: 40px; text-align: center; margin-bottom: 50px;}
.references-title h5 {height: 40px; line-height: 40px; display: inline-block; font-size: 17px; position: relative; font-weight: 500;}
.references-title h5:before {content:''; position: absolute; top: 50%; right: 110%; width: 60px; height: 1px; background: #878787;}
.references-title h5:after {content:''; position: absolute; top: 50%; left: 110%; width: 60px; height: 1px; background: #878787;}

.references-slider {}
.references-slider ul {}
.references-slider ul li {text-align: center; height: 85px; line-height: 85px; }
.references-slider ul li img {display: inline-block; max-width: 100%; max-height: 100%;}


.company-introduction-section {
    padding: 70px 0;
    background: rgb(233,229,217);
    background: linear-gradient(0deg, rgba(233,229,217,1) 50%, rgba(255,255,255,1) 50%);
    position: relative;
}

.company-introduction-section:before {content:'';position: absolute;right: 0;bottom: -120px;width: 30%;height: 120px;background: #e9e5d9;z-index: 999;display: none;}
.company-introduction-section:after {
    content:'';
    position: absolute;
    right: 30%;
    bottom: -120px;
    z-index: 999;
    border-style: solid;
    border-width: 60px 60px 60px 60px;
    border-color: #e9e5d9 #e9e5d9 transparent transparent;
    display: none;
}

.company-introduction-area {}

.company-promotion-film {height: 550px; overflow: hidden; padding: 55px 0 40px 0;}
.company-promotion-film a {}
.company-promotion-film img {}
.company-promotion-film iframe {width: 100%; height: 100%; }
.company-promotion-film video {height: 100%; }

.company-introduction {padding: 40px 100px 0 0; }
.company-introduction-title {border-left: 5px solid #000000; padding-left: 30px; margin-bottom: 50px;}
.company-introduction-title:before {}
.company-introduction-title h4 {font-size: 50px; font-weight: 500; margin-bottom: 20px; line-height: 50px;  }
.company-introduction-title h2 {font-size: 16px; font-weight: 500; }
.company-introduction-title h2 a {color: #000; text-decoration: none;}
.company-introduction-title h2 a:hover {color: #000000;}

.company-introduction-statistics {padding-top: 50px; }
.company-introduction-statistics ul {}
.company-introduction-statistics ul li {overflow: hidden; color: #000;}
.company-introduction-statistics ul li + li {margin-top: 10px}
.company-introduction-statistics ul li i {display: block; height: 65px; line-height: 50px; float: left; margin-right: 20px; }
.company-introduction-statistics ul li i:before {font-size: 45px; }
.company-introduction-statistics ul li h5 {font-size: 26px; font-weight: 500;}
.company-introduction-statistics ul li h5 b {display: block; font-size: 15px; font-weight: 400;}


/**** Inner ****/
.inner-banner {height: 250px;position: relative;/* margin-bottom: 80px; */background: #000;}
.inner-banner img {width: 100%;height: 100%;object-fit: cover;opacity: 0.5;}
.inner-banner:before {content:'';position: absolute;left: 0;bottom: 0;width: 40%;height: 60px;background: #fff;z-index: 999;display: none;}
.inner-banner:after {
    content:'';
    position: absolute;
    left: 40%;
    bottom: 0;
    z-index: 999;
    border-style: solid;
    border-width: 30px 30px 30px 30px;
    border-color: transparent transparent #fff #fff;
    display: none;
}

.inner-video-area {
    height: 250px;
    overflow: hidden;
    background: #000;
}
.inner-big-video {width: 100%;height: 100%;opacity: 1;object-fit: cover;}


.inner-title-section {/* margin-bottom: 80px; */background: #f9f9f9;padding: 30px 0;/* margin-bottom: 50px; */}
.inner-title-section + .detail-section {margin-top: 50px; }
.inner-title-section + .list-section {margin-top: 30px;}

.inner-title-area {}
.inner-title {
    margin-bottom: 50px;
}
.inner-title h1 {font-size: 20px;line-height: 25px;font-weight: 400;margin-bottom: 20px;color: #000000;text-transform: uppercase;/* font-family: 'Montserrat', sans-serif; */}
.inner-title h2 {font-size: 34px;padding-right: 50px;}

.inner-body {padding: 0;}
.inner-body p {font-size: 18px !important;line-height: 28px;margin-bottom: 20px;font-weight: 500;}
.inner-body span {font-size: 18px !important;line-height: 28px;margin-bottom: 20px;font-weight: 500;}
.inner-body strong {font-size: 18px;line-height: 28px;}
.inner-body ul {font-size: 18px;line-height: 26px;margin-bottom: 20px;font-weight: 500; margin-left: 40px;}
.inner-body ol {font-size: 18px;line-height: 26px;margin-bottom: 20px;font-weight: 500; margin-left: 40px;}
.inner-body span {font-size: 18px;line-height: 26px;margin-bottom: 20px;font-weight: 500;}
.inner-body-buttons {padding-left: 25px;}
.inner-body-buttons ul {}
.inner-body-buttons ul li {float: left;  }
.inner-body-buttons ul li a {height: 50px; border: 1px solid #9b978d; line-height: 48px; display: inline-block; color: #424242; text-decoration: none; padding: 0 30px;
    border-radius: 40px; font-size: 15px; position: relative; z-index: 999; transition: all 100ms ease-in;}
.inner-body-buttons ul li i {display: block; float: right; margin-left: 10px; height: 48px; line-height: 48px;}
.inner-body-buttons ul li i:before {font-size: 20px}
.inner-body-buttons ul li a:hover  {background: #9b978d; color: #fff; }
.inner-body-buttons ul li + li {margin-left: 10px; }

.inner-video {height: 400px; padding-top: 50px;}
.inner-video iframe {width: 100%; height: 100%;}

.inner-body img {max-width: 100%;}
.inner-body iframe {max-width: 100% !important;}

.inner-body ul {list-style: inherit; padding-left: 30px;  }

.inner-body blockquote {display: block; padding: 20px 30px;position: relative;margin-bottom: 22px; border-left: 10px solid #000000;}
.inner-body blockquote p {margin: 0; font-size: 22px; line-height: 30px;}
.inner-body blockquote i {display: none;}
.inner-body blockquote i:before {font-size: 24px;}
.inner-body blockquote:before {}
.inner-body blockquote:after {}

/***
.inner-body blockquote {display: block; position: relative;margin: 20px 0;  position: relative;}
.inner-body blockquote p {margin: 0; display: inline-block; padding: 10px; }
.inner-body blockquote i {display: none;}
.inner-body blockquote i:before {font-size: 24px;}
.inner-body blockquote:before {content: "\ea3d"; font-family: 'icomoon' !important; color: #000000; }
.inner-body blockquote:after {content: "\ea3e"; font-family: 'icomoon' !important; color: #000000;}

 */

.product-document {}
.product-document a {height: 50px; border: 1px solid #9b978d; line-height: 48px; display: inline-block; color: #424242; text-decoration: none; padding: 0 30px;
    border-radius: 40px; font-size: 15px; position: relative; z-index: 999; transition: all 100ms ease-in;}
.product-document a i {display: block; float: right; margin-left: 10px; height: 48px; line-height: 48px;}
.product-document a i:before {font-size: 20px}
.product-document a:hover  {background: #9b978d; color: #fff; }


.sub-title-section {margin-bottom: 60px; }
.sub-title-area {padding-top: 60px; border-top: 1px solid #dbdbdb;}
.sub-title {}
.sub-title h3 {font-size: 15px; line-height: 15px;  font-weight: 400; margin-bottom: 10px; color: #000000;}
.sub-title h4 {font-size: 40px; padding-right: 50px; }

.sub-body {padding: 25px; font-size: 16px; }
.sub-body p {font-size: 16px; line-height: 24px; margin-bottom: 20px; font-weight: 500; }
.sub-body {}
.sub-body ul {list-style: none; }
.sub-body ul li {margin-bottom: 10px; }
.sub-body ul li:before {content: "\2022"; color: #000000; font-size: 24px; line-height: 24px;
    font-weight: bold;   display: block; float: left;   width: 16px;   margin-left: -16px;  }


.list-section {
    /* background: linear-gradient(
    90deg, rgb(251 250 247) 50%, rgb(255 255 255) 50%); */
}

.sectors-area {padding: 50px 50px 0 0; }
.sectors-area-title {margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #dbdbdb;}
.sectors-area-title h3 {font-size: 24px; margin-bottom: 15px; }
.sectors-area-title p {font-size: 16px; font-weight: 500;
    overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.sectors-list {}
.sectors-list ul {margin: 0 -10px; }
.sectors-list ul li {width: 33.33%; float: left; padding: 0 10px; }


.sector-box {height: 150px; text-align: center; margin-bottom: 50px;}
.sector-box a {display: block; height: 100%; color: #000; text-decoration: none; transition: all 100ms ease-in;}
.sector-box i {display: block; height: 95px; }
.sector-box i:before {font-size: 64px;}
.sector-box h4 {font-weight: 500; font-size: 18px; line-height: 24px; /* display: inline-block; */ /* text-align: center; */  padding: 0 36px;}
.sector-box h4 b {display: block; font-weight: 400; }
.sector-box:hover a {color: #000000; }

.products-list {padding-top: 30px;}


.information-section {height: 450px; overflow: hidden;}

.information-area {width: 50%; height: 450px; float: left; padding: 90px 7% 0 7%; }
.information-area h4 {font-size: 16px; line-height: 16px;  font-weight: 600; margin-bottom: 10px; color: #000;}
.information-area h3 {font-size: 40px;padding-right: 70px;margin-bottom: 30px;}
.information-area ul {}
.information-area ul li {float: left;  }
.information-area ul li a {height: 50px; border: 1px solid #9b978d; line-height: 48px; display: inline-block; color: #424242; text-decoration: none; padding: 0 30px;
    border-radius: 40px; font-size: 15px; position: relative; z-index: 999; transition: all 100ms ease-in;}
.information-area ul li i {display: block; float: left; margin-right: 10px; height: 48px; line-height: 48px;}
.information-area ul li i:before {font-size: 20px}
.information-area ul li a:hover  {background: #9b978d; color: #fff; }
.information-area ul li + li {margin-left: 10px; }

.information-area ul li:first-child {}
.information-area ul li:first-child a {border: 1px solid #000000; background: #000000; color: #fff; }
.information-area ul li:first-child i {float: right; margin-right: 0; margin-left: 10px; }
.information-area ul li:first-child a:hover {background: #6e7a35;}


.information-photo {width: 50%; height: 450px; float: left;}
.information-photo img {width: 100%; height: 100%;  }


.references-summary-section {height: 450px; overflow: hidden;}

.references-summary-photo {width: 50%; height: 450px; float: left;}
.references-summary-photo img {width: 100%; height: 100%; }

.references-summary {width: 50%; height: 450px; float: left; padding: 70px 7% 0 70px;}
.references-summary h4 {font-size: 17px; line-height: 20px; font-weight: 600; margin-bottom: 30px; }
.references-summary h4 i {float: left; display: block; height: 20px; line-height: 20px; margin-right: 5px; color: #000000;}
.references-summary h4 i:before {font-size: 20px; }
.references-summary p {font-size: 16px; font-weight: 500; margin-bottom: 30px;
    overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.references-summary ul {display: inline-block; width: 100%; }
.references-summary ul li {width: 33.33%; float: left; height: 90px; line-height: 90px;  padding: 0 20px; text-align: center; }
.references-summary ul li img {max-width: 90%; max-height: 90%; }


.fast-contact-section {height: 470px; background: #e9e5d9; position: relative;}
.fast-contact-section:before {content:''; position: absolute; right: 0; bottom: -120px; width: 30%; height: 120px; background: #e9e5d9; z-index: 999;}
.fast-contact-section:after {content:''; position: absolute; right: 30%; bottom: -120px; z-index: 999;
    border-style: solid;
    border-width: 60px 60px 60px 60px;
    border-color: #e9e5d9 #e9e5d9 transparent transparent;}

.fast-contact-section .container, .fast-contact-section .row, .fast-contact-section .col-md-6 {position: initial;}

.fast-contact-icons:before {content:'';position: absolute;left: 0;top: -60px;width: 40%;height: 60px;background: #e9e5d9;z-index: -1;}
.fast-contact-icons:after {
    content:'';
    position: absolute;
    left: 40%;
    top: -60px;
    z-index: -1;
    border-style: solid;
    border-width: 30px 30px 30px 30px;
    border-color: transparent transparent #e9e5d9 #e9e5d9;
}

.fast-contact-icons {height: 470px; text-align: right; padding-top: 160px}
.fast-contact-icons span {display: inline-block;/* height: 40px; */line-height: 40px;font-size: 40px;font-weight: 700;letter-spacing: 30px;opacity: 0.2;position: relative;}
.fast-contact-icons span:before {content:'.....'; display: block; }
.fast-contact-icons span:after {content:'...'; display: block; }

.fast-contact-icon {position: relative;width: 120px;display: inline-block;/* text-align: center; */ margin-left: 100px;}
.fast-contact-icon b {display: block; height: 70px; background: #ffffff; width: 120px; position: relative; }
.fast-contact-icon:hover {animation: y-axis-animation 1s ease-in-out 0s infinite alternate;}
.fast-contact-icon b:before {content: ''; position: absolute; left: 0; top: -35px;
    border-style: solid;
    border-width: 0 60px 35px 60px;
    border-color: transparent transparent #ffffff transparent;}
.fast-contact-icon b:after {content: ''; position: absolute; left: 0; bottom: -35px;
    border-style: solid;
    border-width: 35px 60px 0 60px;
    border-color: #ffffff transparent transparent transparent;}

.fast-contact-icon i {position: absolute;width: 120px;height: 70px;line-height: 70px;z-index: 999;text-align: center;color: #b7b1a0;left: 0;top: 0;}
.fast-contact-icon i:before {font-size: 60px;}

.fast-contact {height: 470px; float: left; padding: 100px 80px 0 80px; }
.fast-contact h4 {font-size: 16px; line-height: 16px;  font-weight: 600; margin-bottom: 10px; color: #000;}
.fast-contact h3 {font-size: 40px;padding-right: 70px;margin-bottom: 30px;}
.fast-contact ul {}
.fast-contact ul li {float: left;  }
.fast-contact ul li a {height: 50px; border: 1px solid #9b978d; line-height: 48px; display: inline-block; color: #424242; text-decoration: none; padding: 0 30px;
    border-radius: 40px; font-size: 15px; position: relative; z-index: 999; transition: all 100ms ease-in;}
.fast-contact ul li i {display: block; float: left; margin-right: 10px; height: 48px; line-height: 48px;}
.fast-contact ul li i:before {font-size: 20px}
.fast-contact ul li a:hover  {background: #9b978d; color: #fff; }
.fast-contact ul li + li {margin-left: 10px; }

.fast-contact ul li:last-child {}
.fast-contact ul li:last-child a {border: 1px solid #3D6943; background: #3D6943; color: #fff; }
.fast-contact ul li:last-child i {float: right; margin-right: 0; margin-left: 10px; }
.fast-contact ul li:last-child a:hover {background: #000000;}


.detail-section {position: relative; padding-bottom: 50px;}

.left-side {padding: 40px 120px 40px 0; background: #fbfaf7; position: relative;}
.left-side:before {content:''; position: absolute; left: -500%; width: 500%; height: 100%; background: #fbfaf7; top: 0; }

.left-menu {}
.left-menu h4 {font-size: 18px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dbdbdb; color: #000;}
.left-menu ul {}
.left-menu ul li {font-size: 17px; line-height: 19px; position: relative; font-weight: 600;}
.left-menu ul li a {display: block;  color: #333; text-decoration: none; padding: 4px 0; transition: all 100ms ease-in; }
.left-menu ul li.active {}
.left-menu ul li.active a:after {content: "\e960"; font-family: 'icomoon'; margin-left: 10px;  font-size: 14px;}
.left-menu ul li.active a, .left-menu ul li a:hover {color: #000000;}

.left-menu + .left-menu {display: none; }

.detail-area {padding-bottom: 100px;}

.detail-photos-slider {height: 550px;position: relative;margin-bottom: 50px;}
.detail-photos-slider ul {}
.detail-photos-slider ul li {height: 550px; background: #fbfaf7; text-align: center; }
.detail-photos-slider ul li a {display: block; height: 100%; text-decoration: none;}
.detail-photos-slider ul li img {display: inline-block;/* max-width: 90%; *//* max-height: 90%; */width: 100%;height: 100%;object-fit: cover;}

.detail-photos-slider .bx-wrapper .bx-pager {width: 100%; text-align: center; z-index: 999; bottom: -40px; 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;}
.detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a:hover {background: #000000;}
.detail-photos-slider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #1747a1;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 {}

.product-types {padding: 70px 0;text-align: center;}
.product-types h3 {font-size: 27px;/* padding-bottom: 20px; *//* margin-bottom: 20px; *//* border-bottom: 1px solid #dbdbdb; */font-family: 'Montserrat', sans-serif;font-weight: 800;padding: 0 20% 20px 20%;}
.product-types p {font-size: 20px;padding: 0 20%;}

.product-types-photos {padding-top: 10px; }
.product-types-photos ul {display: inline-block; width: 100%; }
.product-types-photos ul li {float: left;width: 50%;height: 250px;line-height: 250px;text-align: center;padding: 10px 10px;}
.product-types-photos ul li a {display: block; height: 100%; }
.product-types-photos ul li img {width: 100%;height: 100%;object-fit: cover;}


.contact-page {padding-bottom: 100px;}

.contact-box {min-height: 380px; background: #fbfaf7; height: auto; padding: 50px; margin-bottom: 30px; }
.contact-box i {display: block; height: 75px; line-height: 75px; color: #000000; margin-bottom: 50px; }
.contact-box i:before {font-size: 75px; }
.contact-box ul {}
.contact-box ul li {font-size: 17px; }
.contact-box ul li + li {margin-top: 30px; }
.contact-box ul li b {display: block; }
.contact-box ul li p {display: block;}
.contact-box ul li a {color: #000000;}
.contact-box ul li a:hover {}
.map-box {height: 450px; background: #fbfaf7; padding: 30px;}
.map-box iframe {width: 100%; height: 100%;}


.list-area {padding-bottom: 0px;}

.references-box {height: 270px; background: #fbfaf7; position: relative; overflow: hidden; margin-bottom: 30px;  padding: 35px 10%; transition: all 100ms ease-in;}
.references-box p {display: block; height: 100%;  position: relative; overflow: hidden;}
.references-box b {position: absolute; left: 0; top: 0;  width: 100%; height: 200px; line-height: 200px; text-align: center;}
.references-box b img {max-width: 100%; max-height: 100%; }
.references-box b:first-child {left: 0%;
    transition: all 300ms ease-in;}
.references-box b:last-child { left: 100%;
    transition: all 300ms ease-in;}

.references-box:hover {}
.references-box:hover b:first-child {left: -100%; }
.references-box:hover b:last-child {left: 0%; }

.reference-box {height: 200px; background: #fff; border: 1px solid #dbdbdb; margin-bottom: 20px;}
.reference-box img {width: 100%; height: 100%; object-fit: contain;}

.document-box {height: 385px; position: relative; overflow: hidden; border: 1px solid #dbdbdb; margin-bottom: 30px;}
.document-box a {display: block; height: 100%; text-decoration: none; color: #fff; text}
.document-box img {width: 100%; height: 100%; object-fit: cover;
    transition: all 150ms ease-in;}
.document-box-title {position: absolute; width: 100%; height: 100%; background: #000000; z-index: 999; left: 0; top: 0; padding: 50px 40px;
    transition: all 150ms ease-in; opacity: 0;}
.document-box-title h4 {margin-bottom: 30px; font-size: 22px;}
.document-box-title p {font-size: 18px; }
.document-box:hover img {opacity: 0; }
.document-box:hover .document-box-title {opacity: 1;}


.gallery-box {height: 380px; margin-bottom: 30px;}
.gallery-box a {display: block; height: 100%; text-decoration: none; color: #000;}
.gallery-box-photo {height: 290px; position: relative; overflow:  hidden}
.gallery-box-photo img {width: 100%; height: 100%; object-fit: cover}
.gallery-box-photo i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(27 53 82 / 80%);
    text-align: center;
    line-height: 290px;
    color: #fff;
    transition: all 150ms ease-in;
    opacity: 0;
}
.gallery-box-photo i:before {font-size: 30px; transition: all 150ms ease-in;}
.gallery-box-title {height: 90px; padding: 20px; background: #fbfaf7;}
.gallery-box-title h4 {font-size: 18px; }
.gallery-box-title p {font-size: 15px;}
.gallery-box:hover .gallery-box-photo i {opacity: 1;}
.gallery-box:hover .gallery-box-photo i:before {font-size: 60px;}

.photo-box {height: 290px; position: relative; overflow: hidden; margin-bottom: 30px;}
.photo-box a {display: block; height: 100%;}
.photo-box img {width: 100%; height: 100%; object-fit: cover}
.photo-box i {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(27,82,47,0.8); text-align: center; line-height: 290px; color: #fff;
    transition: all 150ms ease-in; opacity: 0;}
.photo-box i:before {font-size: 30px; transition: all 150ms ease-in;}
.photo-box:hover i {opacity: 1;}
.photo-box:hover i:before {font-size: 60px;}

.video-detail {}
.video-detail iframe {width: 100%; height: 700px;}


.news-box {height: 480px; margin-bottom: 30px;}
.news-box a {display: block; height: 100%; text-decoration: none; color: #000;}
.news-box-photo {height: 290px; position: relative; overflow:  hidden}
.news-box-photo img {width: 100%; height: 100%; object-fit: cover}
.news-box-photo i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(23, 71,161, 0.8);
    text-align: center;
    line-height: 290px;
    color: #fff;
    transition: all 150ms ease-in;
    opacity: 0;
}
.news-box-photo i:before {font-size: 30px; transition: all 150ms ease-in;}
.news-box-title {height: 190px; padding: 20px; background: #fbfaf7;}
.news-box-title h4 {font-size: 18px; margin-bottom: 10px;}
.news-box-title p {font-size: 15px; margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news-box-title span {display: block; font-size: 14px;}
.news-box:hover .news-box-photo i {opacity: 1;}
.news-box:hover .news-box-photo i:before {font-size: 60px;}


.page-promotion-film {height: 400px; overflow: hidden;}
.page-promotion-film a {}
.page-promotion-film img {}
.page-promotion-film iframe {width: 100%; height: 100%; }
.page-promotion-film video {height: 100%; width: 100%; }


.similar-section {padding: 0 0 50px 0;}

.similar-area-title {margin-bottom: 30px; }
.similar-area-title h3 {font-size: 22px; font-weight: 400; }

.similar-area {}

.similar-content {height: 270px; background: #fff; border: 1px solid #dbdbdb; border-radius: 10px; }
.similar-content a {display: block; height: 100%; text-decoration: none; padding: 30px; color: #000; }
.similar-content ul {width: 100%; overflow: hidden; margin-bottom: 10px; }
.similar-content ul li {float: left; position: relative; color: #000; font-size: 14px; line-height: 20px; }
.similar-content ul li a {display: block; color: #000; }
.similar-content ul li + li {margin-left: 30px; }
.similar-content ul li:before {content: ''; position: absolute; left: -20px; top: 5px; width: 10px; height: 10px; background: #f7c63b;
    border-radius: 50%; }
.similar-content h4 {font-size: 20px; line-height: 24px; margin-bottom: 10px; overflow: hidden;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.similar-content p {font-size: 16px; font-weight: 300; line-height: 22px; overflow: hidden;
    display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.similar-content:hover {background: #f9f9f9;}

.sector-element {height: 300px; background: #fbfaf7; margin-bottom: 30px; text-align: center;
    transition: all 150ms ease-in;}
.sector-element a {display: block; height: 100%; text-decoration: none; color: #000; }
.sector-element-photo {height: 250px; position: relative; overflow: hidden;}
.sector-element-photo img {width: 100%; height: 100%; object-fit: cover;}
.sector-element-photo i {position: absolute; left: 10px; bottom: 10px; width: 80px; height: 80px; background: #fff; text-align: center; line-height: 80px; }
.sector-element-photo i:before {font-size: 50px;}
.sector-element i {display: block; height: 150px; text-align: center; line-height: 150px; }
.sector-element i:before {font-size: 100px; }
.sector-element-title {height: 150px; padding: 20px; }
.sector-element-title h4 {font-size: 18px; margin-bottom: 10px;}
.sector-element-title p {font-size: 15px; margin-bottom: 5px;}
.sector-element:hover {background: #f2efe5;}


.form-area {
    padding: 0 10%;
}
.form-photo {background: #f0f0f0; height: 450px; margin-bottom: 3px;}
.form-photo a {display: block; height: 100%;}
.form-photo img {width: 100%; height: 100%; object-fit: cover;}

.form-video {background: #f0f0f0; height: 450px; margin-bottom: 3px;}
.form-video iframe {width: 100% !Important; height: 100% !Important;}

.description-box {overflow: hidden; background: #f0f0f0; padding: 20px; margin-bottom: 3px;}
.description-box i {display: block; width: 5%; float: left; height: 50px; color: #bebebe; }
.description-box i:before {font-size: 35px;}
.description-box p {width:95%; float: left; min-height: 50px; height: auto; overflow: hidden; padding-left: 15px; font-size}
.description-box p b {}

.form-title-area {padding: 40px 0 15px 0;}
.form-title-area h1 {font-size: 30px; margin-bottom: 10px; }
.form-title-area p {font-size: 18px;}

.form {margin-bottom: 20px;}
.form > ul > h3 {font-weight: 400; font-size: 13px; margin: 5px 0 15px}
.form ul {}
.form ul li {/* background: #f5f5f5; *//* margin-bottom: 20px; */height: auto;display: block;overflow: hidden;}
.form ul li:last-child {background: none; padding-top: 15px;}
.form ul li > b {display: block;width: 30%;float: left;padding: 20px;height: auto;font-weight: 500;font-size: 13px;display: none;}
.form ul li > span {display: block;width: 100%;float: none;border-left: 1px solid #fff;padding: 0;}
.form ul li > span.birthDate-group {overflow: hidden;padding: 30px 0;}
.form ul li > span.birthDate-group select {width: 200px;float: left;}
.form ul li > button, .form ul li > input {
    float: right;
    height: 50px;
    padding: 0 100px;
    background: #c3c3c3;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    border: none;
    box-shadow: none;
    border-radius: 0;
}
.form ul li > button:hover, .form ul li > input:hover {background: #000; color: #fff;}
.form ul li > span > input {width: 100%;height: 65px;border: none;padding: 0 0;border-bottom: 1px solid #bfbfbf;border-radius: 0;}
.form ul li > span > input:focus, .form ul li > span > input:hover {border-bottom-color: #000;}
.form ul li > span > select {width: 100%; height: 45px; border: none; padding-left: 20px; border-radius: 0; border: 1px solid #bfbfbf; border-radius: 0;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: #fff url('../img/icons/down-arrow.png') no-repeat right 15px center;			 }
.form ul li > span > select:focus {border: 1px solid #dbdbdb;}
.form ul li > span > textarea {width: 100%;max-width: 100%;min-width: 100%;height: 150px;min-height: 150px;max-height: 150px;border: none;border-bottom: 1px solid #bfbfbf;padding: 30px 0;border-radius: 0;}
.form ul li > span > textarea:focus, .form ul li > span > textarea:hover {border-bottom-color: #000;}

.form ul li > span > label {display: block; width: 33%; float: left; padding: 10px 10px 10px 50px; height: 50px; position: relative;
    font-weight: 400;  border: 1px solid #fff; border-top: none; border-left: none; line-height: 18px; overflow: hidden;}
.form ul li > span > label:nth-child(3n+1) {border-left: 1px solid #fff;}
.form ul li > span > label:nth-child(1), .form ul li > span > label:nth-child(2), .form ul li > span > label:nth-child(3) {border-top: 1px solid #fff;}
.form ul li > span > label > input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; opacity: 0; margin: 0;}
.form ul li > span > label:before {content: ''; position: absolute; left: 10px; top: 10px; width: 30px; height: 30px; background: #fff; z-index: 1; border: 1px solid #dbdbdb;}
.form ul li > span > label:after {content: ''; position: absolute; left: 17px; top: 17px; width: 16px; height: 16px; background: #6b6b6b; z-index: 2; display: none;}
.form ul li > span > label.active:after {display: block; background: #1e7d06;}
.form ul li > span > label:hover:after {display: block; }

.form ul li > span > label.form-radio:before {border-radius: 50%;}
.form ul li > span > label.form-radio:after {border-radius: 50%;}

.form ul li > span > label.form-checkbox:before {border-radius: 0;}
.form ul li > span > label.form-checkbox:after {border-radius: 0;}

.form ul li > span > input[type=file] {padding: 0; border: none;height: 40px;}
.form ul li > span > input[type=file]:hover, .form ul li > span > input[type=file]:focus {border: none; }
.form ul li > span > input[type=file]::-webkit-file-upload-button { background: #ffffff; border: 1px solid #dbdbdb;; color: #000; padding: 12px;}


.form ul li > span.birthDate-group,
.form ul li > span.label-group,
.form ul li > span.file-group {padding: 20px 0; border-bottom: 1px solid #dbdbdb; overflow: hidden;}

.form ul li > span.birthDate-group h5,
.form ul li > span.label-group h5,
.form ul li > span.file-group h5 {font-size: 16px; font-weight: 500; margin-bottom: 10px;}


.form-full-style {margin-bottom: 20px;}
.form-full-style ul {}
.form-full-style ul li {margin-bottom: 15px;height: auto;display: block; overflow: hidden;}
.form-full-style ul li:last-child {background: none; padding-top: 15px;}
.form-full-style ul li > b {background: #f0f0f0; display: block; padding: 20px 20px 20px 9%; height: auto; font-weight: 500; font-size: 13px; position: relative;
    border-bottom: 1px solid #fff;}
.form-full-style ul li > b > i {position: absolute; width: 7%; left: 0; top: 0; height: 100%; border-right: 1px solid #fff;
    text-align: center; line-height: 58px; font-style: normal; font-weight: 800; font-size: 18px;}
.form-full-style ul li > span {display: block; background: #f0f0f0;  width: 93%; float: right;  border-left: 1px solid #fff; padding: 10px 20px; }
.form-full-style ul li > button, .form-full-style ul li > input {float: right; height: 50px; padding: 0 50px;background: #c3c3c3; color: #000; font-size: 15px; font-weight: 600;
    border: none; box-shadow: none; border-radius: 0;}
.form-full-style ul li > button:hover, .form-full-style ul li > input:hover {background: #e70606; color: #fff;}
.form-full-style ul li > span > input {width: 100%; height: 35px; border: none; padding: 0 20px; border: 1px solid #fff;}
.form-full-style ul li > span > input:focus, .form-full-style ul li > span > input:hover {border-color: #bfbfbf;}
.form-full-style ul li > span > select {width: 100%; height: 35px; border: none; padding-left: 20px; border-radius: 0; border: 1px solid #fff;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: #fff url('../img/icons/down-arrow.png') no-repeat right 15px center;			 }
.form-full-style ul li > span > select:focus {border: 1px solid #dbdbdb;}
.form-full-style ul li > span > textarea {width: 100%; max-width: 100%; min-width: 100%; height: 150px; min-height: 150px; max-height: 150px; border: none; padding: 20px; }
.form-full-style ul li > span > textarea:focus, .form-full-style ul li > span > textarea:hover {border: 1px solid #bfbfbf;}

.form-full-style ul li > span > label {display: block; width: 33%; float: left; padding: 10px 10px 10px 50px; height: 50px; position: relative;
    font-weight: 400;  border: 1px solid #fff; border-top: none; border-left: none; line-height: 18px; overflow: hidden;}
.form-full-style ul li > span > label:nth-child(3n+1) {border-left: 1px solid #fff;}
.form-full-style ul li > span > label:nth-child(1), .form-full-style ul li > span > label:nth-child(2), .form-full-style ul li > span > label:nth-child(3) {border-top: 1px solid #fff;}
.form-full-style ul li > span > label > input {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; opacity: 0; margin: 0;}
.form-full-style ul li > span > label:before {content: ''; position: absolute; left: 10px; top: 10px; width: 30px; height: 30px; background: #fff; z-index: 1; border: 1px solid #dbdbdb;}
.form-full-style ul li > span > label:after {content: ''; position: absolute; left: 17px; top: 17px; width: 16px; height: 16px; background: #6b6b6b; z-index: 2; display: none;}
.form-full-style ul li > span > label.active:after {display: block; background: #e83731;}
.form-full-style ul li > span > label:hover:after {display: block; }

.form-full-style ul li > span > label.form-radio:before {border-radius: 50%;}
.form-full-style ul li > span > label.form-radio:after {border-radius: 50%;}

.form-full-style ul li > span > label.form-checkbox:before {border-radius: 0;}
.form-full-style ul li > span > label.form-checkbox:after {border-radius: 0;}

.form-full-style ul li > span > input[type=file] {padding: 0; border: none;height: 40px;}
.form-full-style ul li > span > input[type=file]:hover, .form-full-style ul li > span > input[type=file]:focus {border: none; }
.form-full-style ul li > span > input[type=file]::-webkit-file-upload-button { background: #ffffff; border: 1px solid #dbdbdb;; color: #000; padding: 12px;}

.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; display: none;}
.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: 70px;border: none;padding: 0;background: none;border: none;border-bottom: 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%;
    min-width: 100%;
    height: 150px;
    max-height: 200px;
    min-height: 200px;
    border: none;
    padding: 25px 0;
    background: none;
    border: none;
    border-bottom: 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: 0px;background: #1747a1;color: #fff;box-shadow: none;border: none;float: right;font-size: 17px;}
.label-form > ul > li > button:hover {background: #7c8f14; }
.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;}
/* -------------------------------------------------------------------------------------*/
/* 		FOOTER																			                */
/* -------------------------------------------------------------------------------------*/
footer {}

.footer-section {height: 200px; background: #fff;}

.footer {
    padding: 80px 0 0 0;
}

.footer-top {
    height: 220px;
    /* margin-bottom: 100px; */
    /* background: #e9e5d9; */
    /* background: rgb(163,182,75); */
    /* background: linear-gradient(90deg, rgb(255 255 255) 50%, rgb(233 229 217) 50%); */
}

.footer-top-content {background: #fff;height: 120px;padding-top: 75px; position: relative; }
.footer-top-content:before {
    /* content:''; */
    position: absolute;
    right: 0;
    top: 0;
    border-style: solid;
    border-width: 0 120px 120px 0;
    border-color: transparent #e9e5d9 transparent transparent;
}

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

.footer-social {height: 70px; padding-top: 15px; }
.footer-social ul {overflow: hidden;}
.footer-social ul li {
    float: left;
    /* height: 36px; */
    /* width: 36px; */
    text-align: center;
    transition: all 100ms ease-in;
}
.footer-social ul li a {display: block; height: 100%; text-decoration: none; color: #fff; }
.footer-social ul li i {
    display: block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: #000000;
    transition: all 100ms ease-in;
}
.footer-social ul li i:before {font-size: 20px;}
.footer-social ul li + li {margin-left: 8px;}

.footer-social ul li:hover i {background: #1747a1}

.footer {margin-bottom: 50px;}

.footer-info {}
.footer-info-callcenter {overflow: hidden;color: #000000;margin-bottom: 15px;font-weight: 500;}
.footer-info-callcenter i {display: block; height: 48px; line-height: 40px; float: left; margin-right: 15px; }
.footer-info-callcenter i:before {font-size: 36px;}
.footer-info-callcenter h5 {font-weight: 500;font-size: 19px;line-height: 22px;font-family: 'Montserrat', sans-serif;}
.footer-info-callcenter h5 b {display: block;font-weight: 600;margin-top: 4px;}

.footer-info-list {padding-right: 50px;margin-bottom: 20px;font-family: 'Montserrat', sans-serif;}
.footer-info-list ul {}
.footer-info-list ul li {font-weight: 500; font-size: 14px;}
.footer-info-list ul li + li {margin-top: 5px;}

.footer-menu {
    padding-left: 10%;
    font-family: 'Montserrat', sans-serif;
}
.footer-menu > ul {width: 100%; }
.footer-menu > ul > li {width: 25%; float: left; }
.footer-menu > ul > li > a {display: block; font-size: 16px; font-weight: 600; color: #000000; text-decoration: none; margin-bottom: 20px; }
.footer-menu > ul > li > ul {}
.footer-menu > ul > li > ul > li {font-size: 14px; font-weight: 500;}
.footer-menu > ul > li > ul > li > a {display: inline-block; color: #000; padding: 1px; text-decoration: none; position: relative;}
.footer-menu > ul > li > ul > li > a:hover {color: #000000;}
.footer-menu > ul > li > ul > li > a:before {content: ''; position: absolute; left: -4px; top: 50%; margin-top: -1px;  width: 0; height:1px; background: #000000;
    transition: all 200ms ease-in; }
.footer-menu > ul > li > ul > li > a:after {content: ''; position: absolute; right: -4px; top: 50%; margin-top: -1px;  width: 0; height:1px; background: #000000;
    transition: all 200ms ease-in; }
.footer-menu > ul > li > ul > li > a:hover:before {width: 10px; left: -14px; }
.footer-menu > ul > li > ul > li > a:hover:after {width: 10px; right: -14px; }

.footer-bottom {
    /* height: 120px; */
    /* background: rgb(163,182,75); */
    /* background: linear-gradient(90deg, rgba(163,182,75,1) 50%, rgba(255,255,255,1) 50%); */
}

.copyright-area {/* height: 50px; *//* position: relative; */border-top: 1px solid #dbdbdb;padding-top: 10px;}
.copyright {height: 50px;position: relative;/* background: #000000; */line-height: 50px;}
.copyright:before {content:'';position: absolute;right: -120px;top: 0;border-style: solid;border-width: 120px 0 0 120px;border-color: transparent transparent transparent #000000;z-index: 999;display: none;}
.copyright p {/* line-height: 120px; *//* color: #fff; */}

.signature {height: 50px;/* background: #fff; *//* margin-left: -30px; */text-align: right;line-height: 50px;}
.signature a {color: #000; text-decoration: none; }


.footer-slogan-section {
    height: 290px;
    position: relative;
    background: rgba(0,0,0,0.5);
}
.footer-slogan-section > img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;width: 100%;height: 100%;object-fit: cover;}
.footer-slogan-area {
    position: relative;
    height: 290px;
    /* display: inline-block; */
    /* width: 100%; */
    overflow: hidden;
    padding-top: 105px;
}
.footer-slogan-area h4 {
    width: 50%;
    font-family: 'Montserrat', sans-serif;
    font-size: 38px;
    font-weight: 400;
    color: #fff;
    line-height: 40px;
    float: left;
}
.footer-slogan-area h4 b {display: block; }
.footer-slogan-area a {
    display: inline-block;
    float: right;
    height: 65px;
    background: #fff;
    color: #000;
    text-decoration: none;
    line-height: 65px;
    font-size: 16px;
    padding: 0 60px;
    margin-top: 10px;
}
.footer-slogan-area a:hover {background: #e9e9e9;}





/** News Styles ***/
.main-production-section {
    /* margin-bottom: 80px; */
}
.main-production-area {position: relative; }

.main-production-title {
    position: relative;
    /* padding-left: 30px; */
    /* margin-bottom: 50px; */
    /* height: 120px; */
    display: inline-block;
}
.main-production-title:before {content:'';position: absolute;width: 96px;height: 100%;background: url('../img/photos/bg-dot.png');left: -40px;top: 0;z-index: -1;}
.main-production-title h3 {
    left: 0;
    line-height: 1;
    padding-top: 0;
    position: absolute;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    white-space: nowrap;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    font-size: 15px;
    font-weight: 600;
    top: 5px;
}
.main-production-title h3:before {content:''; width: 1px;height: 50px;background: #000;float: left;margin: 0 7px 10px 0;}
.main-production-title h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 700;
    padding: 22px 45% 20px 0;
    color: #000;
    height: 121px;
    overflow: hidden;
}
.main-production-title h2 b {color: #1747a1;}
.main-production-title p {font-size: 16px; padding-right: 30%; }
.main-production-title h2 + p {margin: 20px 0; }

.main-production-steps {
    position: absolute;
    top: 180px;
    left: 0;
    z-index: 9999;
    width: 100%;
}
.main-production-steps ul {}
.main-production-steps ul li {border: 1px solid #d8d8d8;width: 25%;float: left;}

.main-production-box {
    position: relative;
    height: 300px;
    background: #fff;
    transition: all 100ms ease-in;
}
.main-production-box:hover {background: #f9f9f9;}
.main-production-box:hover i:before {}
.main-production-box a {display: block;height: 100%;color: #000;text-decoration: none;padding: 35px;}
.main-production-box h4 {font-size: 20px;margin-bottom: 10px; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.main-production-box p {font-size: 15px;margin-bottom: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.main-production-box i {display: block;height: 60px;line-height: 60px;color: #1747a1;position: absolute;right: 35px;bottom: 35px;}
.main-production-box i:before {
    font-size: 58px;
    transition: all 100ms ease-in;
}

.main-production-slider-section {padding-top: 200px; display: inline-block; width: 100%;}

.main-production-slider {width: 1000px; float: right; position: relative;}
.main-production-slider ul {}
.main-production-slider ul li {height: 550px; }
.main-production-slider ul li a {display: block; height: 100%; }
.main-production-slider ul li img {display: inline-block; width: 100%; height: 100%; object-fit: cover; }

.main-production-slider .bx-wrapper .bx-controls-direction a {width: 50px; height: 50px; display: none; top: auto; bottom: 30px; border-radius: 50%; opacity: 0.6;}
.main-production-slider:hover .bx-wrapper .bx-controls-direction a {display: block;}
.main-production-slider .bx-wrapper .bx-prev { left: auto; right: 85px; background: #000 url(../img/icons/icon-min-prev-black.png) no-repeat center center;}
.main-production-slider .bx-wrapper .bx-next {right: 30px; background: #000 url(../img/icons/icon-min-next-black.png) no-repeat center center;}

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


.main-export-section {
    /* margin-bottom: 70px; */
    position: relative;
    padding: 150px 0 100px 0;
}
.main-export-section > span {position: absolute; left: 0; bottom: 0; }
.main-export-section > span > img {}

.main-export-area {}

.main-export-information {
    padding: 0 25% 0 30px;
}
.main-export-information-title {
    margin-bottom: 30px;
    position: relative;
}
.main-export-information-title h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 60px;
    font-weight: 700;
    line-height: 60px;
    color: #000;
}
.main-export-information-title h3 b {
    display: block;
    font-weight: 900;
    line-height: 60px;
    color: #1747a1;
}
.main-export-information-title h6 {
    left: -30px;
    line-height: 1;
    padding-top: 0;
    position: absolute;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    white-space: nowrap;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    font-size: 15px;
    font-weight: 600;
    top: 5px;
}
.main-export-information-title h6:before {    content: '';
    width: 1px;
    height: 50px;
    background: #000;
    float: left;
    margin: 0 7px 10px 0;}
.main-export-information-desc {}
.main-export-information-desc p {color: #000;margin-bottom: 40px;font-size: 14px;font-weight: 500;}
.main-export-information-desc a {
    height: 40px;
    border: 1px solid #d6d6d6;
    line-height: 38px;
    display: inline-block;
    color: #424242;
    text-decoration: none;
    padding: 0 20px;
    border-radius: 0;
    font-size: 15px;
    position: relative;
    z-index: 999;
    transition: all 100ms ease-in;
    background: #fff;
}
.main-export-information-desc a i {
    display: block;
    float: right;
    padding-left: 40px;
    height: 38px;
    line-height: 38px;
    transition: all 100ms ease-in;
}
.main-export-information-desc a i:before {
    font-size: 16px;
}
.main-export-information-desc a:hover {background: #f1f1f1; padding-right: 15px;}
.main-export-information-desc a:hover i {padding-left: 45px; }

.main-export-information-photo {}
.main-export-information-photo img {
    max-width: 100%;
    margin-top: -75px;
}

.main-categories-section {padding: 150px 0; background: #f7edde; }
.main-categories-area {}
.main-categories-area .row {margin: 0 -30px; }
.main-categories-area .col-md-4 {padding: 0 30px}

.main-category-box {height: 400px;position: relative;}
.main-category-box a {display: block;height: 100%;text-decoration: none;color: #000;padding-left: 70px;
    transition: all 200ms ease-in;}
.main-category-box img {width: 100%; height: 100%; object-fit: cover; transition: all 200ms ease-in;}
.main-category-title {position: absolute;left: 0;top: 80px;width: 85%;height: 240px;background: #fff;padding: 80px 50% 0 50px;}
.main-category-title h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 33px;
}
.main-category-title i {
    display: block;
    color: #606060;
    transition: all 200ms ease-in;
}
.main-category-title i:before {
    font-size: 30px;
}
.main-category-box a:hover .main-category-title {}
.main-category-box a:hover {color: #000000;}
.main-category-box a:hover i {color: #000000;}
.main-category-box a:hover img {transform: scale(1.05);}


.actual-section {padding: 50px 0;background: #f3f3f3;}

.actual-title {
    overflow: hidden;
    position: relative;
    /* padding-left: 30px; */
    /* margin-bottom: 50px; */
    /* height: 90px; */
    margin-bottom: 30px;
}
.actual-title h3 {
    left: 0;
    line-height: 1;
    padding-top: 0;
    position: absolute;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    white-space: nowrap;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    font-size: 15px;
    font-weight: 600;
    top: 5px;
}
.actual-title h3:before {content:'';width: 1px;height: 20px;background: #000;float: left;margin: 0 7px 10px 0;}
.actual-title h2 {
    /* width: 25%; */
    font-family: 'Montserrat', sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 36px;
    display: inline-block;
}
.actual-title h2 a {font-size: 16px; font-weight: 600;  display: block; float: right; margin-left: 30px; height: 36px; line-height: 36px; color: #777; text-decoration: none;
    transition: all 100ms ease-in;}
.actual-title h2 a i {float: left; height: 36px; line-height: 36px; display: block; margin-right: 10px; }
.actual-title h2 a i:before {font-size: 25px; }
.actual-title h2 a:hover {color: #000;}

.actual-title > a {height: 40px;
    border: 1px solid #d6d6d6;
    line-height: 38px;
    display: inline-block;
    color: #424242;
    text-decoration: none;
    padding: 0 20px;
    border-radius: 0;
    font-size: 15px;
    position: absolute;
    z-index: 999;
    right: 0; top: 30px;}
.actual-title > a i {display: block;
    float: right;
    margin-left: 10px;
    height: 38px;
    line-height: 38px;}
.actual-title > a i:before {font-size: 16px;}
.actual-title > a:hover {background: #f1f1f1;}




.actual-area {}

.actual-box {height: 270px; }
.actual-box a {display: block; height: 100%; color: #000; text-decoration: none; transition: all 200ms ease-in;}
.actual-box-photo {height: 280px; background: #000; }
.actual-box-photo img {width: 100%; height: 100%; object-fit: cover; transition: all 200ms ease-in;}
.actual-box-title {height: 270px; overflow: hidden; padding-top: 20px; }
.actual-box-title h4 {font-size: 17px;padding-right: 70px;font-weight: 800;margin-bottom: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.actual-box-title p {font-size: 14px;margin-bottom: 20px;padding-right: 50px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.actual-box-title i {display: block; color: #000; height: 20px; line-height: 20px; transition: all 200ms ease-in;}
.actual-box-title i:before {font-size: 20px; }
.actual-box:hover img {opacity: 0.5; }
.actual-box:hover .actual-box-title i {padding-left: 20px; }
.actual-box a:hover {}

.service-box {height: 540px; overflow: hidden;}
.service-box a {display: block;height: 100%;color: #000;text-decoration: none;}
.service-box a:hover {color: #000000;}
.service-box-photo {width: 50%; float: left; height: 540px; background: #000; overflow: hidden;}
.service-box-photo img {width: 100%; height: 100%;  object-fit: cover; transition: all 200ms ease-in;}
.service-box-title {width: 50%;float: left;height: 540px;padding: 50px;}
.service-box-title i {
    display: block;
    height: 70px;
    line-height: 70px;
    margin-bottom: 20px;
}
.service-box-title i:before {
    font-size: 70px;
}
.service-box-title h4 {
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    margin-bottom: 30px;
}
.service-box-title p {
    font-size: 25px;
}
.service-box:hover img {transform: scale(1.1); opacity: 0.7;}
.service-box:nth-child(even) .service-box-photo {float: right;}
.service-box:nth-child(even) .service-box-title {}

.detail-title-area {padding: 60px 15%;text-align: center;}
.detail-title-area i {display: block;
    height: 70px;
    line-height: 70px;
    margin-bottom: 20px;}
.detail-title-area i:before {font-size: 70px; }
.detail-title-area h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    margin-bottom: 30px;
}
.detail-title-area p {font-size: 20px;}

.inner-title-section .detail-title-area {padding-top: 0; padding-bottom: 0;}
.detail-title-area .inner-body-buttons {margin-top: 40px; }
.detail-title-area .inner-body-buttons ul li {float: none; }

.main-machines-section {
    /* height: 740px;
    background: rgb(175,203,8);
    background: linear-gradient(180deg, rgba(175,203,8,1) 50%, rgba(255,255,255,1) 50%);
    background-image: url('../img/photos/world-bg.png'); */
}
.main-machines-section .container {/* background: url('../img/photos/world-bg.png') no-repeat top center; */}
.main-machines-area {/*margin-top: -50px;*/}

.machines-title-section {height: 370px; background: #1747a1 url(../img/photos/world-bg.png) no-repeat top center;}

.machines-title-area {
    /* height: 470px; */
}
.machines-area-photo {text-align: center; margin-top: -150px; height: 300px; }
.machines-area-photo img {height: 100%;max-width: 100%;}
.machines-area-title {font-family: 'Montserrat', sans-serif;text-align: center;padding-top: 20px;}
.machines-area-title h3 {font-size: 45px;color: #fff;font-weight: 300;}
.machines-area-title h3 b {display: block; }

.machines-tab-area {}

.machines-tab-menu {
    /* overflow: hidden; */
    /* display: inline-block; */
    /* width: 100%; */
    /* height: 50px; */
    display: block;
}
.machines-tab-menu ul {/* display: inline-block; */width: 100%; display:inline-block;  border-bottom: 1px solid #dbdbdb;}
.machines-tab-menu ul li {float: left; position: relative; font-weight: 600; text-align: center; font-size: 17px;  height: 60px; line-height: 60px; }
.machines-tab-menu ul li + li {/* margin-left: 50px; */}
.machines-tab-menu ul li a {display: block;height: 100%;text-decoration: none;color: #000000;transition: all 100ms ease-in;padding: 0 30px;}
.machines-tab-menu ul li a:hover {color: #1747a1; }
.machines-tab-menu ul li.active a {color: #1747a1;background: rgba(255,255,255,1);padding: 0 30px;}
.machines-tab-menu ul li a:hover {background: rgba(255,255,255,0.8);}
.machines-tab-menu ul li.active a:hover {background: rgba(255,255,255,1);}
.machines-tab-menu ul li:before {content:'';position: absolute;left: 0;bottom: -2px;height: 4px;width: 0;background: #1747a1; transition: all 300ms ease-in;}
.machines-tab-menu ul li.active {}
.machines-tab-menu ul li.active:before {width: 100%; }


.machines-contents {
    padding: 30px 0;
}

.machines-list {display: none;}
.machines-list.active {display: block;}
.machines-list .row {margin: 0 -15px; }
.machines-list .col-md-4 {padding: 0 15px; }

.machine-box {height: 430px;border: 1px solid #dbdbdb;margin-bottom: 30px;transition: all 100ms ease-in;}
.machine-box a {display: block; height: 100%; color: #000; text-decoration: none; transition: all 100ms ease-in; }
.machine-box-photo {height: 320px;}
.machine-box-photo img {width: 100%;height: 100%;object-fit: cover;}
.machine-box-title {height: 75px;padding: 20px 35px;}
.machine-box h4 {font-size: 18px;font-weight: 500;position: relative;margin-bottom: 5px;}
.machine-box h4:before {content:''; position: absolute; left: -20px; top: 2px;
    border-style: solid;
    border-width: 8px 0 8px 12px;
    border-color: transparent transparent transparent #1747a1;}
.machine-box:hover a {color: #1747a1;}
.machine-box:hover {border-color: #1747a1;}

.machine-area {margin-bottom: 30px;padding: 0;border: 1px solid #dbdbdb;font-family: 'Montserrat', sans-serif;}
.machine-area a {color: #000; text-decoration: none; display: block; height: 100%; }
.machine-title {/* background: #e9e9e9; *//* padding: 20px 100px; *//* text-align: center; */padding: 10px 30px 30px 30px;height: 215px;/* overflow: hidden; */}
.machine-title h4 {font-size: 22px;margin-bottom: 20px;line-height: 32px;}
.machine-title p {font-size: 16px;line-height: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.machine-area:hover {background: #f1f1f1;}

.machine-informations {/* background: #f5f5f5; */padding: 30px 0;}
.machine-cover-photo {}
.machine-cover-photo a {}
.machine-cover-photo img {max-width: 100%;}

.machine-detail {/* text-align: center; */}
.machine-detail p {font-size: 18px !important;line-height: 28px;margin-bottom: 20px;font-weight: 500;}
.machine-detail span {font-size: 18px !important;line-height: 28px;margin-bottom: 20px;font-weight: 500;}
.machine-detail strong {font-size: 18px;line-height: 28px;}
.machine-detail ul {font-size: 18px;line-height: 26px;margin-bottom: 20px;font-weight: 500;}
.machine-detail ol {font-size: 18px;line-height: 26px;margin-bottom: 20px;font-weight: 500;}
.machine-detail span {font-size: 18px;line-height: 26px;margin-bottom: 20px;font-weight: 500;}

.machine-photo-slider {position: relative;/* padding-bottom: 30px; */height: 350px;}
.machine-photo-slider ul {}
.machine-photo-slider li {
    height: 350px;
}
.machine-photo-slider li a {display: block; height: 100%;}
.machine-photo-slider li img {width: 100%; height: 100%; object-fit: cover;}
.machine-photo-slider .bx-wrapper .bx-controls-direction a {border-radius: 0; width: 40px; height: 40px; display: none;}
.machine-photo-slider .bx-wrapper .bx-prev {left: 5px; }
.machine-photo-slider .bx-wrapper .bx-next {right: 5px; }

.machine-photo-slider .bx-wrapper .bx-pager {bottom: -30px;padding-top: 0;}
.machine-photo-slider .bx-wrapper .bx-pager.bx-default-pager a {
    width: 10px; height: 10px;  border: none;
    background: #c3c3c3;
}
.machine-photo-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,.machine-photo-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #1747a1;
}
.machine-photo-slider:hover .bx-wrapper .bx-controls-direction a {display: block;}

.list-statistics {
    margin: 50px 0;
}
.list-statistics ul {/* display: inline-block; *//* width: 100%; */margin: 0 -10px;overflow: hidden;}
.list-statistics ul li {width: 25%; float: left; padding: 0 10px;}
.statistics-box {
    height: 280px;
    border: 1px solid #c4c4c4;
    padding: 30px;
    font-family: 'Montserrat', sans-serif;
    transition: all 50ms ease-in;
}
.statistics-box i {display: block;height: 50px;line-height: 50px;margin-bottom: 30px;}
.statistics-box i:before {font-size: 50px; }
.statistics-box i img {height: 50px; }
.statistics-box h5 {font-size: 40px;font-weight: 800;margin-bottom: 20px;}
.statistics-box h4 {font-size: 27px;font-weight: 400;padding-right: 22%;}
.statistics-box:hover { border-color: #1747a1; }
.list-statistics img {}

.service-detail-photos {padding: 30px 20px}
.service-detail-photos ul {margin: 0 -10px;}
.service-detail-photos ul li { width: 25%; float: left; padding: 0 10px; margin: 10px 0;  }
.service-detail-photos ul li a {display: block; height: 100%; text-decoration: none; height: 250px; position: relative; }
.service-detail-photos ul li a img {width: 100%;height: 100%;object-fit: cover;}


.actual-section {}
.actual-section .container {}

.actual-title {}
.actual-title h2 {}

.actual-area {}
.actual-area .row {}
.actual-area .col-md-4 {}

.actual-news-area {
    height: 240px; background: #dbdbdb; border-radius: 10px;
    padding: 25px;
}
.actual-news-slider {
    height: 190px;
    position: relative;
}
.actual-news-slider ul {}
.actual-news-slider ul li {}

.actual-news-slider .bx-wrapper .bx-pager {
    text-align: right;
    font-size: 0;
    bottom: 0;
}
.actual-news-slider .bx-wrapper .bx-pager.bx-default-pager a {}
.actual-news-slider .bx-wrapper .bx-pager.bx-default-pager a:before {}
.actual-news-slider .bx-wrapper .bx-pager.bx-default-pager a:hover {}
.actual-news-slider .bx-wrapper .bx-pager.bx-default-pager a.active {}
.actual-news-slider .bx-wrapper .bx-pager.bx-default-pager a.active {}
.actual-news-slider .bx-wrapper .bx-pager.bx-default-pager a:before {}
.actual-news-slider .bx-wrapper .bx-pager.bx-default-pager a.active:before {}

.actual-news {height: 190px;}
.actual-news a {display: block; height: 100%; text-decoration: none; color: #000; }
.actual-news h5 {font-size: 20px;font-weight: 500;padding-right: 20%;height: 80px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 25px;}
.actual-news p {font-size: 15px;height: 60px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 20px;margin-bottom: 10px;}
.actual-news b {font-size: 14px;  }

.actual-video-area {height: 240px; position: relative; border-radius: 10px; overflow: hidden; background: #000;}
.actual-video-area a {display: block; height: 100%; color: #fff; text-decoration: none; position:absolute; top: 0; left: 0; height: 100%; width: 100%;
    background: rgba(0,0,0,0.5); padding: 70px 50px; }
.actual-video-area img {width: 100%; height: 100%; object-fit: cover; transition: all 100ms ease-in;}
.actual-video-area a i {display: block; float: left; height: 100px; line-height: 100px; }
.actual-video-area a i:before {font-size: 80px; }
.actual-video-area a h5 {height: 100%; padding: 30px 0 0 100px; font-size: 20px; }
.actual-video-area a h5 b {display: block; font-weight: 400;}
.actual-video-area:hover img {opacity: 0.6; width: 101%; height: 101%; }

.actual-catalog-area {height: 240px;position: relative;border-radius: 10px;overflow: hidden;background: #000;}
.actual-catalog-area a {display: block; height: 100%; width: 100%; color: #fff; text-decoration: none;}
.actual-catalog-area a img {width: 100%;height: 100%;opacity: 0.6; transition: all 100ms ease-in;}
.actual-catalog-area a h5 {position: absolute; bottom: 25px; left: 25px;  line-height: 20px; }
.actual-catalog-area a h5 b {display: block; font-weight: 400; margin-bottom: 10px;  }
.actual-catalog-area a h5 span {display: block; padding: 5px; border-radius: 5px; border: 1px solid #fff; text-align: center; font-weight: 400; line-height: 14px}
.actual-catalog-area a h5 span:hover {background: #fff; color: #000; }
.actual-catalog-area a:hover img {opacity: 0.4;}


.brands-section {padding: 100px 0 ; }
.brands-section .container {}

.documents-area {text-align: center; }
.documents-area h4 {height: 29px; line-height: 29px; text-align: center; margin-bottom: 50px; position: relative; display: inline-block; font-weight: 500;}
.documents-area h4:before {position: absolute; content:''; width: 100px; height: 1px; background: #000; top: 14px; left: -150px;}
.documents-area h4:after {position: absolute; content:''; width: 100px; height: 1px; background: #000; top: 14px; right: -150px;}
.documents-slider {}
.documents-slider ul {}
.documents-slider ul li {border-right: 1px solid #dbdbdb;height: 110px;text-align: center;line-height: 110px;}
.documents-slider ul li a {display: block; height: 100%; }
.documents-slider ul li img {display: inline-block;max-width: 90%;max-height: 90%;}

/* bxSlider çalışmadan önce ham UL görünmesin */
.documents-slider ul,
.actual-news-slider ul,
.main-banner-slider ul,
.references-slider ul,
.main-new-products-slider ul,
.detail-photos-slider ul,
.main-production-slider ul,
.machine-photo-slider ul{
    visibility: hidden;
    opacity: 0;
}

/* bxSlider yüklenince aç */
.bx-ready{
    visibility: visible !important;
    opacity: 1 !important;
    transition: opacity .2s ease;
}

.categories-menu {margin-top: 50px; }
.categories-box {
    border: 1px solid #dbdbdb;
    height: 380px;
    margin-bottom: 30px;
}
.categories-box a {
    display: block;
    height: 100;
    text-decoration: none;
    color: #000;
}
.categories-box-photo {height: 250px;text-align: center;line-height: 250px;}
.categories-box-photo img {width: 80%;height: 80%;object-fit: contain;}
.categories-box-title {padding: 20px; }
.categories-box-title h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.categories-box-title p {
    font-size: 13.5px;
    margin-bottom: 15px;
    line-height: 22px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 88px;
}
.categories-box-title b {display: inline-block; padding: 10px 30px; background: #c2c2c2; color: #fff; font-weight: 400; }
.categories-box:hover .categories-box-title b {background: #1747a1; }

.list-statistics-section {
    background: #f9f9f9;
}


.product-brands-section {padding: 50px 0;background: #f3f3f3;margin-bottom: 50px;}
.product-brands-section .container {}

.product-brands-area {text-align: center; }
.product-brands-area h4 {height: 29px; line-height: 29px; text-align: center; margin-bottom: 50px; position: relative; display: inline-block; font-weight: 500;}
.product-brands-area h4:before {position: absolute; content:''; width: 100px; height: 1px; background: #000; top: 14px; left: -150px;}
.product-brands-area h4:after {position: absolute; content:''; width: 100px; height: 1px; background: #000; top: 14px; right: -150px;}
.product-brands-slider {}
.product-brands-slider ul {}
.product-brands-slider ul li {border-right: 1px solid #dbdbdb;height: 110px;text-align: center;line-height: 110px;}
.product-brands-slider ul li a {display: block; height: 100%; }
.product-brands-slider ul li img {display: inline-block;max-width: 70%;max-height: 70%;}

.whatsapp-link {
    display: block;
    position: fixed;
    right: 30px;
    bottom: 20px;
    width: 100px;
    height: 65px;
    overflow: hidden;
    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: 25px;}

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

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