input, optgroup, select, textarea{
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0);
    box-shadow: inset 1px 1px 3px rgba(0,0,0,.0);
}
body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
    width: 5px;
    background-color: #0fab5b;
}

body::-webkit-scrollbar-thumb
{
    background-color: #0fab5b;
}



body{
    font-family: 'SVN-Gilroy';
    color: #333333;
    overflow-x: hidden;
    background: white;
    font-size: 14px;
}
.grid-container{
    max-width: 1200px;
}

.content{
    font-size: 14px;
    color: #333333;
    line-height: 1.6;
    margin-bottom: 0;
}
.content>*:last-child{
    margin: 0;
}

b,strong{
    font-family: 'SVN-GilroyBold';
}

.text_bold{
    font-family: 'SVN-GilroyBold';
}

h1,h2,h3{
    font-family: 'SVN-GilroyBold';

}


.sub_title{
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.heading_h2 {
    font-family: 'SVN-GilroyBold';
    font-size: 50px;
    color: #0fab5b;
    text-transform: uppercase;
    line-height: 1.4;
}
.heading_h2 span{
    font-family: 'SVN-GilroyLight';
}

.font_2_bold{
    font-family: 'Times New Roman bold';
}

.font_normal{
    font-family: 'SVN-Gilroy';
}

.font_light{
    font-family: 'SVN-GilroyLight';
}
.font_medium{
    font-family: 'SVN-GilroyMedium';
}
.font_semi{
    font-family: 'SVN-GilroySemiBold';
}

.fs_14{
    font-size: 14px;
}
.fs_18{
    font-size: 18px;
}
.fs_16{
    font-size: 16px;
}

.text_white{
    color: white;
}
.text_justify{
    text-align: justify;
}
.text_center{
    text-align: center;
}
.text_up{
    text-transform: uppercase;
}
.fs14{
    font-size: 14px;
}
.fs15{
    font-size: 15px;
}
.fs18{
    font-size: 18px;
}
.style_center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.max{
    width: 100%;
    height: 100%;
}
.display_flex{
    display: flex;
}
.display_flex_wrap{
    display: flex;
    flex-wrap: wrap;
}
.css_bg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.section {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
}
.hero-slider .slide-inner video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.arrow.prev{
    transform: rotate(180deg);
}
.swiper-slide img{
    display: block;
}
.hero-slider {
    width: 100%;
    height: 700px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
}

.hero-slider .swiper-slide {
    overflow: hidden;
    color: #fff;
}

.hero-slider .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.hero-slider .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}
/*--------------------------------------------------------------
    #hero-style
--------------------------------------------------------------*/
.hero-style {
    height: 100vh;
    transition:all .4s ease;
}




.hero-slider .box_content {
    position: absolute;
    bottom: 210px;
}

.hero-slider .box_content>* {
    margin: 0;
}

.hero-slider .box_content h2 {
    font-size: 73px;
    line-height: normal;
}

.hero-slider .box_content h3 {
    font-size: 35px;
}

.hero-slider .slide-inner:before {
    background-image: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.7;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    content: '';
    position: absolute;
}

.arrow_slider {
    width: 62px;
    height: 62px;
    border: 1px solid #f7f7f7;
    border-radius: 50%;
    position: absolute;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    fill: white;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s all;
    cursor: pointer;
    left: -50px;
}

.arrow_slider svg {
    width: 18px;
    height: auto;
}

.arrow_slider:hover {
    border: #e51b23;
    background: #e51b23;
}

.arrow_slider.next {
    left: unset;
    right: -50px;
}

.hero-slider .arrow_slider {
    background: transparent !important;
    border: none !important;
    left: 60px;
}

.hero-slider .arrow_slider svg {
    width: 25px;
}

.hero-slider .arrow_slider.next {
    left: unset;
    right: 60px;
}
.home_sec_2 .wrap {
    display: flex;
    align-items: center;
}
.home_sec_2:after{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    content: url(../../images/Patterm-home.png);
}

.home_sec_2 .wrap .box_img {
    display: flex;
    justify-content: center;
}

.home_sec_2 .wrap .box_img img {
    max-width: unset;
}

.home_sec_2 .wrap .box_img img {
    margin-right: 140px;
}

.home_sec_2 .wrap .box_content {
    padding: 0 40px;
}

.home_sec_2 {
    z-index: 2;
}

.home_sec_2:after {
    z-index: -1;
    top: -100px;
    pointer-events: none;
}

.view_more {
    display: inline-block;
    align-items: center;
    border-radius: 23px;
    background-image: linear-gradient(84deg, #ed1c24 0%, #a50d13 100%);
    line-height: 45px;
    color: #ffffff;
    font-size: 16px;
    font-family: 'SVN-GilroySemiBold';
    padding: 0 70px 0 40px;
    position: relative;
    z-index: 0;
    transition: .3s all;
}

.view_more svg {
    width: 12px;
    height: auto;
}

.view_more svg {
    position: absolute;
    top: 47%;
    right: 15px;
    transform: translateY(-50%);
    fill: #e51b23;
}

.view_more:before {
    position: absolute;
    width: 39px;
    background-color: #ffffff;
    content: '';
    z-index: -1;
    right: 3px;
    bottom: 3px;
    top: 3px;
    border-radius: 50%;
    transition: .3s all;
}

.view_more:hover:before {
    left: 3px;
    width: calc(100% - 6px);
    border-radius: 23px;
}

.view_more:hover {
    color: #e51b23;
}

.home_sec_2 .wrap .content {
    margin-bottom: 40px;
}
.home_sec_2 {
    padding-bottom: 100px;
    overflow: unset;
}
.home_sec_2:before{
    position: absolute;
    content: url(../../images/bf_sec_2.png);
    bottom: -160px;
    z-index: -1;
    right: 0;
}
.group_tabs {
    display: inline-block;
    position: relative;
}

.group_tabs {}

ul.nav_tabs {
    list-style: none;
    margin: 0;
}

ul.nav_tabs li {
    position: absolute;
    display: flex;
    left: 0;
}

ul.nav_tabs li .icon {
    flex: 0 0 auto;
    width: 80px;
    height: 80px;
    box-shadow: 0 0 76px rgba(15, 171, 91, 0.09);
    background-color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 8px solid #dcf4e8;
    border-radius: 50%;
    order: 2;
    margin-left: 30px;
}

ul.nav_tabs li .content,ul.nav_tabs li h3 {
    font-size: 16px;
}

ul.nav_tabs li {
    text-align: right;
}

ul.nav_tabs li .wrap_content {
    padding-top: 14px;
}
ul.nav_tabs li.wrap {
    position: absolute;
    top: 50%;
    right: 0;
}

ul.nav_tabs li .wrap {
    position: absolute;
    display: flex;
    text-align: right;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

ul.nav_tabs li .wrap .wrap_content>* {
    width: max-content;
    margin-left: auto;
}

ul.nav_tabs li .wrap_content {
    text-align: right;
}

.group_tabs {
    display: inline-block;
    position: relative;
}

ul.nav_tabs li {
    top: 360px;
    left: 60px;
}

ul.nav_tabs li:nth-child(2) {
    top: 154px;
    left: 151px;
}

ul.nav_tabs li:nth-child(4) .icon,ul.nav_tabs li:nth-child(5) .icon {
    order: -1;
    margin: 0 30px 0 0;
}

ul.nav_tabs li:nth-child(4) {
    top: 154px;
    right: 151px;
    left: unset;
}

ul.nav_tabs li:nth-child(4) .wrap,ul.nav_tabs li:nth-child(5) .wrap {
    left: 0;
    right: unset;
}

ul.nav_tabs li:nth-child(4) .wrap_content >*, ul.nav_tabs li:nth-child(5) .wrap_content >* {
    margin: unset;
}

ul.nav_tabs li:nth-child(5) {
    top: 360px;
    right: 60px;
    left: unset;
}

ul.nav_tabs li:nth-child(3) {
    left: 50%;
    top: 59px;
    transform: translateX(-50%);
}

ul.nav_tabs li:nth-child(3) .wrap {flex-wrap: wrap;left: 50%;transform: translateX(-50%);justify-content: center;bottom: 0;top: unset;}

.home_sec_3 .heading_h2+.content {
    max-width: 600px;
    margin: 0 auto 130px;
    font-size: 18px;
}

ul.nav_tabs li:nth-child(3) .wrap>* {
    margin: 0;
}

ul.nav_tabs li:nth-child(3) .wrap .wrap_content>* {
    margin: auto;
}

ul.nav_tabs li:nth-child(3) .wrap .icon {
    margin-top: 15px;
}
ul.nav_tabs li .icon {
    transition: .3s all;
}

ul.nav_tabs li.active .icon, ul.nav_tabs li .wrap:hover .icon {
    background-color: #0fab5b;
}

ul.nav_tabs li.active .icon img, ul.nav_tabs li .wrap:hover .icon img {
    filter: brightness(0) invert(1);
    cursor: pointer;
}

ul.nav_tabs li .wrap {
    cursor: pointer;
}
.for_tab {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 390px;
    top: 120px;
}

.for_tab .item {
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(50px);
    transition: .3s all;
    opacity: 0;
    pointer-events: none;
    filter: blur(10px);
}

.for_tab .item.active {
    opacity: 1;
    transform: translateX(-50%) translateY(00px);
    pointer-events: unset;
    filter: blur(0px);
    transition-delay: .3s;
}

.for_tab .item img {
    margin: 0 auto 15px;
}

.for_tab .item .content {
    margin-bottom: 30px;
    font-size: 18px;
}
.wrap_product {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.item_product {
    position: relative;
    border-radius: 15px;
    background-color: #ffffff;
    padding-bottom: 70px;
    padding-top: 27px;
    width: calc(25% - 20px);
    margin: 0 10px;
    text-align: center;
    overflow: hidden;
}

.item_product .box_img {
    width: 100%;
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    margin-bottom: 20px;
}

.item_product .box_img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.item_product .box_content {
    text-align: center;
    max-width: 160px;
    margin: auto;
}

.item_product .box_content .product_code {
    font-size: 14px;
    color: #0fab5b;
    display: inline-block;
    margin-bottom: 10px;
}

.item_product .box_content h3 {
    font-size: 14px;
    font-family: 'SVN-GilroyMedium';
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 42px;
    margin: 0;
}

.item_product .wrap_bottom {
    position: absolute;
    bottom: 0;
    display: flex;
    width: 100%;
}

.item_product .wrap_bottom a {
    width: 100%;
}

.item_product .wrap_bottom a.view_details {
    color: #333333;
    font-size: 16px;
    font-family: 'SVN-GilroyMedium';
    text-align: center;
    padding: 11px 0;
    background-color: #e3e3e3;
    transition: .3s all;
}
.item_product .box_img img {
    transition: .3s all;
    transform: scale(.9);
}

.item_product:hover .box_img img {
    transform: scale(1);
}

.item_product .wrap_bottom a.buy_product {
    width: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #b41016;
    fill: white;
}
.home_sec_4 {
    background-attachment: fixed;
    padding: 85px 0 180px;
}

ul.product_tax {
    display: flex;
    justify-content: center;
    margin: 0 0 20px;
    list-style: none;
}

ul.product_tax a {
    position: relative;
    color: #ffffff;
    padding: 0 17px;
    font-size: 16px;
}

ul.product_tax a:before {
    width: 1px;
    height: 14px;
    position: absolute;
    background: white;
    top: 50%;
    right: 0;
    transform: translate(-50%,-50%);
    content: '';
}

ul.product_tax li:last-child a:before {
    display: none;
}

ul.product_tax a.active {
    font-family: 'SVN-GilroySemiBold';
}
.wrap_product a.view_more{
    margin-top: 80px;
}

.wrap_product{
    min-height: 485px;
    position: relative;

}
.wrap_product.loading:before,
div#load_post.loading:before{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(.7);
    content: url(../../images/Gear-0.5s-194px.gif);
    /*display: none;*/
}

.home_sec_5 {
    background-attachment: fixed;
    padding: 140px 0 335px;
}

.home_sec_5 .box_content {
    padding-right: 120px;
}

.home_sec_5 .box_img {
    height: 465px;
    position: relative;
}

.home_sec_5 .box_img ul {
    list-style: none;
    margin: 0;
}

.home_sec_5 .box_img ul li {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.home_sec_5 .box_img ul li:nth-child(2) {
    left: unset;
    right: 50px;
    top: 50px;
    border-radius: 0 30px 30px;
}

.home_sec_5 .box_img ul li:nth-child(3) {
    top: 240px;
    left: -31px;
    border-radius: 0 30px 30px;
}
.home_sec_5 .box_img ul li{
    pointer-events: none;
}
.home_sec_5 .box_img ul li img {
    display: block;
    pointer-events: none;
}

.home_sec_5 .box_img ul li:nth-child(1) {
    border-radius: 0 30px 30px;
}
a.view_video {
    display: flex;
    align-items: center;
    margin-top: 100px;
    text-transform: uppercase;
    color: #333333;
    font-size: 22px;
}

a.view_video span {
    width: 68px;
    height: 68px;
    background-color: #e51b23;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    fill: white;
    border-radius: 50%;
    margin-right: 45px;
    position: relative;
    z-index: 0;
}


a.view_video span:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
    z-index: -1;
    background-color: #e51b23;
    opacity: 0.5;
}

a.view_video span:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100px;
    height: 100px;
    background: white;
    border-radius: 50%;
    transition: all 200ms;
    animation: pulse-border 2000ms ease-out infinite;
    z-index: -1;
    background-color: #e51b23;
    opacity: 0.2;
}


@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}


@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}


.wrap_partner {}

.home_sec_6 {
    overflow: unset;
}

.wrap_partner {
    box-shadow: 0 0 76px rgba(0, 0, 0, 0.09);
    border-radius: 20px;
    background-color: #f7f7f7;
    padding: 70px 100px;
}

.wrap_partner .heading_h2 {
    margin-bottom: 0;
}

.wrap_partner .heading_h2+.content {
    margin-bottom: 40px;
}
.slider_partner .item {
    height: 114px;
    border-radius: 20px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    pointer-events: none;
}

.slider_partner {
    margin-top: 40px;
}

.wrap_partner {
    position: relative;
}

.wrap_partner .arrow_slider {
    fill: #0fab5b;
    width: 44px;
    height: 45px;
    border: 1px solid #00a651;
    top: 50%;
    left: 0;
    transform: translate(-50%,-50%);
    background: white;
}

.wrap_partner .arrow_slider svg {
    width: 12px;
}

.wrap_partner .arrow_slider:hover {
    fill: white;
    background: #0fab5b;
}

.wrap_partner .arrow_slider.next {
    left: unset;
    right: 0;
    transform: translate(50%,-50%);
}

.home_sec_6 {
    margin-top: -190px;
}

.wrap_partner .arrow_slider:before,.wrap_partner .arrow_slider:after {
    width: 150px;
    height: 149px;
    border: 1px solid #f7f7f7;
    border-radius: 50%;
    position: absolute;
    content: '';
    pointer-events: none;
}

.wrap_partner .arrow_slider:after {
    width: 222px;
    height: 223px;
}
.wrap_partner:before, .wrap_partner:after {
    position: absolute;
    left: -31px;
    top: 50%;
    transform: translateY(-50%);
    content: url(../../images/Shape_1_copy_8.png);
    pointer-events: none;
}
.wrap_partner:after {
    left: unset;
    right: -31px;
    transform: translateY(-50%) rotateY(180deg);
}
.home_sec_6 {
    z-index: 2;
}

.home_sec_7 {
    margin-top: -193px;
    padding: 265px 0 200px;
    background-attachment: fixed;
}

.home_sec_7 .box_slider {
    position: relative;
}

.home_sec_7 .box_slider {
    max-width: 1000px;
    margin: auto;
}

.slider_award {}

.slider_award .swiper-slide {
    transform: scale(.8);
    transition: 1s all;
}

.slider_award .swiper-slide.swiper-slide-active {
    transform: scale(1);
}

.slider_award .swiper-slide img {
    margin: auto;
    border-radius: 10px;
}
.home_sec_7 .content{
    margin-bottom: 40px;
}

section.section.home_sec_8 {
    padding: 30px 0 70px;
}

.item_post {
    position: relative;
}

.tax_post {
    list-style: none;
    margin: 20px 0 0 0;
    display: inline-flex;
    float: right;
    border-bottom: 2px solid #0fab5b42;
}

.tax_post a {
    color: #333333;
    font-size: 18px;
    font-family: 'SVN-GilroyBold';
    padding: 0 23px;
}

.tax_post li {
    margin: 0 23px;
}

.tax_post li:last-child {
    margin-right: 0;
}

.tax_post li:last-child a {
    padding-right: 0;
}

.tax_post a {
    position: relative;
}

.tax_post a:before {
    height: 2px;
    border-radius: 1px;
    background-color: #0fab5b;
    content: '';
    position: absolute;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: -6px;
    transition: .3s all;
}

.tax_post a.active:before,.tax_post a:hover:before {
    width: 100%;
}
.item_post .box_img {
    height: 254px;
    overflow: hidden;
}

.item_post .box_img img {
    max-width: unset;
    width: calc(100% + 15px);
    height: auto;
    object-fit: cover;
    height: 100%;
    transition: .5s all;
    transform: translateX(-15px);
    display: block;
}

.item_post .box_content {
    padding-top: 50px;
    position: relative;
}

.item_post:hover .box_img img {
    transform: translateX(0);
}

.item_post .box_content span {}

.item_post .box_content .date_post {
    position: absolute;
    top: 0;
    left: 35px;
    transform: translateY(-50%);
    border-radius: 3px;
    background-color: #e51b23;
    color: #ffffff;
    font-size: 28px;
    padding: 0 16px;
    line-height: 45px;
}

.item_post .box_content h3 {
    color: #2a271e;
    font-size: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 55px;
    margin: 0;
    color: white;
}

.item_post .box_content .content {
    display: none;
}
.item_post .box_img {
    height: 254px;
    overflow: hidden;
}

.item_post .box_img img {
    max-width: unset;
    width: calc(100% + 15px);
    height: auto;
    object-fit: cover;
    height: 100%;
    transition: .5s all;
    transform: translateX(-15px);
    display: block;
}

.item_post .box_content {
    padding-top: 50px;
    position: relative;
}

.item_post:hover .box_img img {
    transform: translateX(0);
}

.item_post .box_content span {}

.item_post .box_content .date_post {
    position: absolute;
    top: 0;
    left: 35px;
    transform: translateY(-50%);
    border-radius: 3px;
    background-color: #e51b23;
    color: #ffffff;
    font-size: 28px;
    padding: 0 16px;
    line-height: 45px;
}

.item_post .box_content h3 {
    color: #2a271e;
    font-size: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 55px;
    margin: 0;
    color: white;
}

.item_post .box_content .content {
    display: none;
}

.wrap_post .item_post:first-child {
    width: calc(60% - 26px);
    margin: 0 0 0 26px;
}

.wrap_post {
    display: inline-block;
    margin: 0 -26px;
    margin-top: 30px;
}

.wrap_post .item_post {
    width: calc(40% - 52px);
    margin: 0 26px;
    float: left;
}

.wrap_post .item_post:first-child .box_img {
    height: 430px;
    margin-bottom: 30px;
}

.wrap_post .item_post:first-child .box_content .content {
    display: block;
}

.wrap_post .item_post:first-child .box_content h3 {
    font-size: 28px;
    height: 68px;
    margin-bottom: 30px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    height: auto;
    margin: 0;
}

.wrap_post .item_post:first-child .box_content .content {
    font-size: 15px;
}

.wrap_post .item_post:first-child .box_content .date_post {
    font-size: 28px;
    line-height: 55px;
    top: -30px;
}

.wrap_post .item_post .box_img {
    height: 301px;
}

.wrap_post .item_post:nth-child(2) {
    margin-bottom: 22px;
}
div#load_post {
    min-height: 500px;
    position: relative;
    min-width: 100%;
}
.about_sec_1{
    padding: 100px 0 90px;
    background-attachment: fixed;
}
.about_sec_1 .wrap{
    align-items: center;
}
.about_sec_1 .wrap .box_img{
    padding-left: 75px;
}
.about_sec_2 .wrap_content {
    position: absolute;
    bottom: 30px;
    left: 35px;
    opacity: 1;
    transition: .3s;
    transition-delay: .5s;
}

.about_sec_2 .item {
    height: 700px;
    width: calc(100% / 3);
    position: relative;
    transition: 1s all;
    background-size: auto;
}

.wrap_content {}

.about_sec_2 .item h3 {
    color: #ffffff;
    font-size: 22px;
    margin: 0 0 0 9px;
}

.about_sec_2 .item:hover .wrap_content {
    opacity: 0;
    transition: .3s;
    transition-delay: .3s;
}

.about_sec_2 .wrap_content.hover {
    top: 130px;
    left: 60px;
    right: 60px;
    width: 500px;
}

.about_sec_2 .wrap_content.hover h3 {
    margin: 0 0 20px;
}

.about_sec_2 .wrap_content.hover .content {
    opacity: 0.8;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.4;
}

.about_sec_2 .wrap_content.hover .content p {
    margin-bottom: 10px;
}

.about_sec_2 .wrap_content.hover {
    opacity: 0;
}

.about_sec_2 .item:hover {
    cursor: pointer;
    width: 50%;
    flex: 0 0 auto;
}
.about_sec_2 .item:hover .wrap_content.hover {
    opacity: 1;
    transition: .3s;
    transition-delay: .5s;
}
.about_sec_3 {
    padding: 100px 0 140px;
}

.about_sec_3 .heading_h2 {margin-bottom: 10px;}

.about_sec_3 .heading_h2+.content {
    max-width: 800px;
    margin: 0 auto 60px;
}

.about_sec_3 .wrap {
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    overflow: hidden;
}

.about_sec_3 .wrap .item {
    display: flex;
    width: 50%;
    background-color: #0fab5b;
}

.about_sec_3 .wrap .item>* {
    width: 50%;
}

.about_sec_3 .wrap .item>* img {
    display: block;
}

.about_sec_3 .wrap .item:nth-child(1) {
    order: 1;
}

.about_sec_3 .wrap .item:nth-child(2) {
    order: 3;
}

.about_sec_3 .wrap .item:nth-child(3) {
    order: 2;
}

.about_sec_3 .wrap .item:nth-child(4) {
    order: 4;
}

.about_sec_3 .wrap .item:nth-child(2),.about_sec_3 .wrap .item:nth-child(4) {
    background-color: #ed1c24;
}

.about_sec_3 .wrap .item:nth-child(2) .box_img, .about_sec_3 .wrap .item:nth-child(4) .box_img {
    order: -1;
}

.about_sec_3 .wrap .item .box_content {
    padding: 44px;
    position: relative;
}

.about_sec_3 .wrap .item .box_content .num {
    color: #ffffff;
    font-size: 59px;
    line-height: .9;
    margin-bottom: 10px;
}

.about_sec_3 .wrap .item .box_content .content {
    opacity: 0.8;
    color: #ffffff;
    font-size: 14px;
    text-align: justify;
}

.about_sec_3 .wrap .item .box_content:before {
    width: 29px;
    height: 29px;
    background-color: #0fab5b;
    position: absolute;
    content: '';
    right: 0;
    transform: rotate(45deg) translateX(21px);
}

.about_sec_3 .wrap .item:nth-child(2) .box_content:before,.about_sec_3 .wrap .item:nth-child(4) .box_content:before {
    background-color: #ed1c24;
    right: unset;
    left: 0;
    transform: rotate(
            45deg
    ) translateX(-21px);
    top: 93px;
}

.about_sec_4 {
    padding: 100px 0 240px;
    background-attachment: fixed;
}

.about_sec_4 .heading_h2+.content {
    max-width: 900px;
    margin: 0 auto 45px;
}

.box_slider {
    position: relative;
}

.about_sec_4 .item {
    border-radius: 10px;
    overflow: hidden;
    background: white;
    transition: .3s all;
}

.about_sec_4 .item h3 {
    color: #333333;
    font-size: 14px;
    margin: 15px;
    transition: .3s all;
}

.about_sec_4 .item:hover {
    background-color: #ed1c24;
}

.about_sec_4 .item:hover h3 {
    color: white;
}

.about_sec_4 .arrow_slider {
    left: -100px;
}

.about_sec_4 .arrow_slider.next {
    left: unset;
    right: -100px;
}
.about_sec_5 {
    padding: 100px 0 90px;
}

.about_sec_5 .heading_h2 {
    margin-bottom: 50px;
}
.wrap.member_1 {
    display: flex;
    padding-right: 50px;
    box-sizing: border-box;
    position: relative;
}

.wrap.member_1 .box_img {
    flex: 0 0 auto;
    width: 254px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    z-index: 0;
}

.wrap.member_1 .box_img:before {
    width: 254px;
    height: 254px;
    background-color: #ed1c24;
    border-radius: 50%;
    content: '';
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.wrap.member_1 .box_content {padding-top: 80px;padding-left: 50px;}

.wrap.member_1 .box_content h3 {
    font-size: 19px;
    margin-bottom: 5px;
}

.wrap.member_1 .box_content span {
    font-size: 15px;
    display: block;
    margin-bottom: 20px;
}
.wrap.member_1:before{
    position: absolute;
    right: 0;
    top: 80px;
    content: url(../../images/bf_content.png);
}

.about_sec_6 {
    padding: 100px 0 125px;
}

.item_member .box_img {
    height: 262px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-radius: 5px;
    background-color: #e0e0e0;
    margin-bottom: 15px;
}

.item_member h3 {
    font-size: 16px;
    margin: 0 0 5px;
}

.about_sec_6 .heading_h2 {
    margin-bottom: 40px;
}

.about_sec_6 .grid-45 {
    padding-left: 50px;
}
.slider_member_1 {
    padding-bottom: 40px;
}

.slider_member_1 .swiper-pagination span {
    width: 14px;
    height: 14px;
    border: 1px solid #0fab5b;
    border-radius: 50px;
    background: transparent;
    opacity: 1;
}

.slider_member_1 .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0fab5b;
}

.slider_member_1 .swiper-pagination {
    bottom: -5px;
}
.about_sec_6 .grid-100 {
    padding-top: 100px;
}

.box_slider.member_2 {}

.box_slider.member_2 .arrow_slider {
    background: none !important;
    border: none !important;
    fill: #999999 !important;
    left: -70px;
}

.box_slider.member_2 .arrow_slider svg {
    width: 25px;
}

.box_slider.member_2 .arrow_slider.next {
    left: unset;
    right: -70px;
}

.about_sec_6 {
    background-attachment: fixed;
}
section.section.home_sec_7.about_sec_7.css_bg {
    margin-top: 0;
    padding: 120px 0 200px 0;
}
.about_sec_8 {
    padding: 70px 0 120px;
}

.about_sec_8 .heading_h2 {
    margin-bottom: 50px;
}

.slider_process .year {
    color: #333333;
    font-size: 50px;
    font-family: 'SVN-GilroyBold';
    position: relative;
    margin-bottom: 100px;
    line-height: 1;
}

.slider_process .year span {
    width: 49px;
    height: 49px;
    border: 1px solid #0fab5b;
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    bottom: -73px;
    border-radius: 50%;
}

.slider_process .year span:before {
    width: 20px;
    height: 20px;
    border: 1px solid #0fab5b;
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,50%);
    bottom: 50%;
    border-radius: 50%;
    content: '';
    transition: .5s all;
}

.slider_process {}

.slider_process .swiper-slide.swiper-slide-active .year {
    color: #0fab5b;
}

.slider_process .swiper-slide.swiper-slide-active .year span:before {
    background: #0fab5b;
}

.slider_process .swiper-slide .year span {
    background: transparent;
    border-color: transparent;
}

.slider_process .swiper-slide.swiper-slide-active .year span {
    background: white;
    border-color: #0fab5b;
}

.slider_process:before {
    width: 100%;
    height: 1px;
    content: '';
    position: absolute;
    left: 0;
    background-image: linear-gradient(to right, rgba(15, 171, 91, 0) 0%, #0fab5b 14%, #0fab5b 86%, rgba(15, 171, 91, 0) 100%);
    top: 98px;
}
.slider_process .item {
    padding: 0 60px;
}

section.section.about_sec_8 .arrow_slider {
    width: 44px;
    height: 45px;
    border: 1px solid #00a651;
    fill: #00a651;
    top: 97px;
}

section.section.about_sec_8 .arrow_slider svg {
    width: 12px;
}

section.section.about_sec_8 .arrow_slider:hover {
    background: #00a651;
    fill: white;
}.list_post .item_post {
     width: calc(calc(100% / 3) - 20px);
     margin: 0 10px 30px;
 }

.list_post {
    padding-top: 40px;
    margin-top: 40px;
    position: relative;
    margin-left: -10px;
    margin-right: -10px;
}

.list_post:before {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    height: 1px;
    background-color: #e1e1e1;
    content: '';
}

.news_page  ul.display_flex.tax_post {
    float: unset;
    padding: 0 40px;
}

.news_page ul.display_flex.tax_post li:last-child {
    margin-right: 23px;
}

.news_page ul.display_flex.tax_post li:last-child a {
    padding-right: 23px;
}

.news_page ul.display_flex.tax_post {
    margin-bottom: 20px;
}

section.section.news_page {
    padding: 70px 0 60px;
}

ul.thenativePagination {
    margin: 20px 0 0 0;
    display: flex;
    justify-content: center;
    list-style: none;
}

ul.thenativePagination a {
    width: 32px;
    height: 32px;
    border: 1px solid #999999;
    border-radius: 50%;
    display: inline-block;
    line-height: 34px;
    margin: 0 5px;
    color: #666666;
    font-size: 16px;
    transition: .3s all;
}

ul.thenativePagination li.active a,ul.thenativePagination li a:hover {
    color: #0fab5b;
    border-color: #0fab5b;
}

li.thenativePaginationEnd,li.thenativePaginationNext,li.thenativePaginationPrev,li.thenativePaginationStart {
    display: none;
}

.post_related .item {
    position: relative;
}

.post_details {
    padding: 160px 0 75px;
}

.post_details h2.title_post {
    color: #333333;
    font-size: 28px;
}

.share {
    display: flex;
    align-items: center;
}

.share span {
    color: #3f3f3f;
    font-size: 14px;
    display: inline-block;
    margin-right: 23px;
}

.share ul {
    list-style: none;
    margin: 0;
    display: flex;
}

.share ul a {
    width: 26px;
    height: 26px;
    background-color: transparent;
    opacity: 0.6;
    border: 1px solid #333333;
    display: inline-flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    transition: .3s all;
}

.share ul a svg {
    width: 11px;
}

.share ul a:hover {
    opacity: 1;
    fill: #00a650;
    border-color: #00a650;
}

.post_details .top {
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 30px;
}

.post_details .date_post {
    display: flex;
    align-items: center;
    opacity: .8;
    fill: #333333;
    color: #333333;
    font-size: 14px;
    margin-bottom: 15px;
}

.post_details .date_post svg {
    transform: scale(.5)translateY(-4px);
}

.post_details .content {
    line-height: 1.5;
    text-align: justify;
    font-size: 15px;
    padding-bottom: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
}

.post_details .content h3 {
    font-size: 16px;
}

figcaption {
    text-align: center;
    color: #333333;
    font-size: 16px !important;
    font-style: italic;
    margin-top: 10px;
}

.post_details {}

.post_details .grid-33.sidebar {
    padding-left: 80px;
}

.post_details .grid-33.sidebar>h3 {
    color: #333333;
    font-size: 22px;
    text-transform: uppercase;
    padding-bottom: 13px;
    border-bottom: 2px solid #d7d7d780;
}

.post_details .grid-33.sidebar ul {
    list-style: none;
    margin: 0 0 40px;
}

.post_details .grid-33.sidebar ul a {
    color: #333333;
    font-family: 'SVN-GilroyBold';
    font-size: 16px;
    display: block;
    padding: 12px 0;
    border-bottom: 1px solid #d7d7d780;
    transition: .3s all;
}

.post_details .grid-33.sidebar ul li:first-child a {
    padding-top: 0;
}

.post_details .grid-33.sidebar ul li:last-child a {
    border: none;
    padding-bottom: 0;
}

.post_details .grid-33.sidebar ul a:hover {
    color: #ed1c24;
}

.post_related .item {
    display: flex;
}

.post_related .item .box_img {
    width: 135px;
    height: 90px;
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 5px;
    margin-right: 10px;
}

.post_related .item .box_img img {
    max-width: unset;
    width: calc(100% + 10px);
    transform: translateX(-10px);
    transition: .5s all;
}

.post_related .item:hover .box_img img {
    transform: translateX(0px);
}

.post_related .item .box_content {padding-top: 10px;}

.post_related .item .box_content h3 {
    color: #2a271e;
    font-size: 13px;
    font-family: 'SVN-Gilroy';
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin: 0;
}

.post_related .item .box_content .date_post {
    transform: translateX(-6px);
}
.post_related .item {
    padding: 20px 0;
    border-bottom: 1px solid #d7d7d780;
}

.post_related .item .date_post {
    margin: 0;
}

.post_related .item:first-child {
    padding-top: 0;
}

.post_related .item:last-child {
    border: none;
}

.contact_page .wrap .item {
    box-shadow: 0 5px 57px rgba(37, 37, 37, 0.18);
    border-radius: 10px;
    background-color: #ffffff;
    width: calc(calc(100% / 3) - 20px);
    padding: 45px 35px;
    margin: 0 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.contact_page .wrap {
    margin: 0 -10px -90px;
    position: relative;
    z-index: 2;
}

.contact_page .wrap .item img {
    flex: 0 0 auto;
    margin-right: 20px;
}

.contact_page .wrap .item h3 {
    font-size: 20px;
    margin: 0 0 5px 0;
}

.contact_page .wrap .item  a {
    color: #333333;
    font-size: 16px;
}

.contact_page .wrap .item:nth-child(2) a {
    font-family: 'SVN-GilroyBold';
    font-size: 24px;
    color: #00a650;
}

.contact_page iframe {
    width: 100%;
    display: block;
    height: 100vh;
}

.solution_page {
    padding: 130px 0 100px;
}

.banner_tax {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 50px;
}

.banner_tax img {
    display: block;
    width: 100%;
}

.banner_tax:before {
    width: 80%;
    height: 395px;
    background-image: linear-gradient(to left, rgba(245, 245, 245, 0) 0%, #f5f5f5 57%, #f5f5f5 58%);
    opacity: 0.95;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
}

.banner_tax .group_content {
    position: absolute;
    top: 50%;
    left: 65px;
    transform: translateY(-50%);
    max-width: 500px;
}

.banner_tax .group_content .heading_h2 {
    font-size: 45px;
    margin: 0 0 15px;
}

.banner_tax .group_content .content {
    max-width: 370px;
}
.item_solution {
    position: relative;
    background-color: #f5f5f5;
    border-radius: 20px;
    overflow: hidden;
}

.item_solution .box_content {
    position: relative;
    z-index: 2;
    padding: 20px 20px 25px;
}

.item_solution .box_content span {
    font-size: 15px;
    display: block;
    margin-bottom: 5px;
}

.item_solution .box_content h3 {
    font-size: 20px;
    text-transform: unset;
}

.item_solution .box_content a {
    line-height: 40px;
    padding: 0 50px 0 27px;
}

.item_solution .box_content a:before {
    width: 34px;
}
.item_tax_solution:not(:last-child) {
    margin-bottom: 95px;
}
.item_solution .box_content a:hover:before {
    width: calc(100% - 6px);
}

.item_solution .box_img {
    overflow: hidden;
}

.item_solution .box_img img {
    width: calc(100% + 10px);
    max-width: unset;
    transform: translateX(-10px);
    transition: .5s all;
}

.item_solution:hover .box_img img {
    transform: translateX(0px);
}
.solution_details_sec_1 {
    padding: 170px 0 0 0;
}

.solution_details_sec_1 .heading_h2,
.solution_details_sec_2 .heading_h2,
.solution_details_sec_3 .heading_h2 ,
.solution_details_sec_4 .heading_h2 {
    font-size: 44px;
}

span.sub.text_up {
    display: block;
    margin-bottom: 15px;
    font-size: 15px;
}

.solution_details_sec_1 .content {
    margin-bottom: 30px;
}

.solution_details_sec_1 .box_img ul {
    list-style: none;
    display: flex;
    padding-left: 40px;
}

.solution_details_sec_1 .box_img ul li {
    margin-right: 20px;
}

.solution_details_sec_1 .box_img ul li:nth-child(2) {
    margin-top: 100px;
}

.solution_details_sec_1 .box_content {
    padding-top: 65px;
}
.solution_details_sec_2 .sub {
    display: block;
    margin-bottom: 10px;
}

span.sub_style_2 {
    display: block;
    margin-bottom: 13px;
    position: relative;
    font-size: 15px;
}

.solution_details_sec_2 {
    overflow: unset;
    padding-top: 170px;
}

span.sub_style_2:before {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    background-color: #0fab5b;
    content: '';
    border-radius: 50%;
}

span.sub_style_2:after {
    width: 1px;
    height: 64px;
    background-color: #0fab5b;
    content: '';
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translate(-50%,-100%);
}

.solution_details_sec_2 .wrap_top {
    margin: 80px auto;
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
}

.solution_details_sec_2 .wrap_top .item {
    width: calc(25% - 26px);
    margin: 0 13px;
    box-shadow: 0 0 114px rgba(92, 92, 92, 0.14);
    border-radius: 20px;
    background-color: #ffffff;
    padding: 35px 45px 50px;
    position: relative;
    border: 1px solid transparent;
    transition: .3s all;
}

.solution_details_sec_2 .wrap_top .item span {
    color: #666666;
    font-size: 35px;
    transition: .3s all;
}
.solution_details_sec_2 .wrap_top .item:hover span{
    color: #0fab5b;
}

.solution_details_sec_2 .wrap_top .item h3 {
    color: #333333;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}

.solution_details_sec_2 .wrap_top .item svg {
    width: 14px;
    height: auto;
    fill: #0fab5b;
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    opacity: 0;
    transition: .3s all;
}

.solution_details_sec_2 .wrap_top .item:hover {
    cursor: pointer;
    transform: translateY(-35px);
    border: 1px solid #0fab5b;
}

.solution_details_sec_2 .wrap_top .item:hover svg {
    opacity: 1;
}


.solution_details_sec_2 .item_tab {
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
}

.solution_details_sec_2 .item_tab>* {
    width: 50%;
    align-items: center;
}

.solution_details_sec_2 .item_tab .box_content {
    padding: 50px 120px 50px calc(calc(100vw - 1200px) / 2);
}

.solution_details_sec_2 .item_tab .box_content .top {
    display: flex;
}

.solution_details_sec_2 .item_tab .box_content .top span {
    font-family: 'SVN-GilroyBold';
    flex: 0 0 auto;
    color: #0fab5b;
    font-size: 40px;
    line-height: 1.2;
    margin-right: 25px;
}

.solution_details_sec_2 .item_tab .box_content .top h3 {
    font-size: 30px;
    color: #0fab5b;
    padding-left: 15px;
    position: relative;
    margin: 0;
}

.solution_details_sec_2 .item_tab .box_content .top h3:before {
    width: 1px;
    height: 54px;
    background-color: #0fab5b;
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
}

.solution_details_sec_2 .item_tab .box_content .top {
    margin-bottom: 25px;
}

.solution_details_sec_2 .item_tab .box_content .content {}

.solution_details_sec_2 .item_tab .box_img img {
    display: block;
}

.solution_details_sec_2 .item_tab:nth-child(even) .box_content {
    order: 2;
    padding: 50px calc(calc(100vw - 1200px) / 2) 50px 120px;
}

.solution_details_sec_2 .item_tab .box_img {
    position: relative;
}

.solution_details_sec_2 .item_tab .box_img a {
    position: absolute;
    right: 160px;
    top: 50%;
    transform: translateY(-50%);
    fill: white;
}

.solution_details_sec_2 .item_tab .box_img a:before,.solution_details_sec_2 .item_tab .box_img a:after {
    width: 75px;
    height: 75px;
    border: 1px solid #ffffff;
    opacity: 0.5;
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.solution_details_sec_2 .item_tab .box_img a:after {
    width: 163px;
    height: 163px;
    border: 1px solid #ffffff;
    opacity: 0.2;
}

.solution_details_sec_2 .item_tab .box_img a svg {
    transform: translate(1px, 4px);
}
.solution_details_sec_2 .wrap{
    margin-bottom: 85px;
}

.solution_details_sec_3 {
    padding: 150px 0 120px;
}

.solution_details_sec_3 .item_product {
    width: calc(100% - 10px);
    margin: 5px;
    box-shadow: 0 0 12px rgb(0 0 0 / 8%);
}

.solution_details_sec_3 .heading_h2 {
    margin-bottom: 64px;
}
.solution_details_sec_3 .arrow_slider {
    border: 1px solid #999999;
    fill: #999999;
    left: -100px;
}

.solution_details_sec_3 .arrow_slider.next {
    left: unset;
    right: -100px;
}
.solution_details_sec_4 {
    padding: 85px 0 140px;
    background-color: #f5f5f5;
}

.slider_solution_related .item {
    border-radius: 10px;
    overflow: hidden;
    background: white;
}

.slider_solution_related .item .box_img {
    overflow: hidden;
}

.slider_solution_related .item .box_img img {
    max-width: unset;
    width: calc(100% + 15px);
    transform: translateX(-15px);
    transition: .3s all;
}

.slider_solution_related .item:hover .box_img img {
    transform: translateX(0);
}

.slider_solution_related .item .box_content {
    display: flex;
    align-items: center;
}

.slider_solution_related .item .box_content .arrow {
    width: 36px;
    height: 36px;
    border: 1px solid #0fab5b;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    fill: #0fab5b;
}

.slider_solution_related .item .box_content .arrow svg {
    width: 10px;
    height: auto;
}
.slider_solution_related .item .box_content {
    justify-content: space-between;
    padding: 25px 35px;
    box-sizing: border-box;
}

.slider_solution_related .item .box_content span {
    font-size: 20px;
}

.slider_solution_related .item .box_content h3 {
    font-size: 20px;
    margin: 0;
}

.slider_solution_related .item:hover .box_content .arrow {
    background: #0fab5b;
    fill: white;
}

.solution_details_sec_4 .arrow_slider {
    left: -100px;
    fill: #999999;
    border-color: #999999;
}

.solution_details_sec_4 .arrow_slider.next {
    left: unset;
    right: -100px;
}

.solution_details_sec_4 .arrow_slider:hover {
    fill: white;
    border-color: white;
}
.item_tax_product:not(:last-child) {
    margin-bottom: 80px;
}

.item_tax_product .item_product {
    border: 1px solid #f4f4f4;
    margin-bottom: 60px;
}

section.section.product_page {
    padding: 100px 0 50px;
}
.item_tax_product .banner_tax .group_content .content {
    max-width: 230px;
    margin: 0 0 20px;
}

.item_tax_product .banner_tax .group_content .view_more {
    line-height: 40px;
    padding: 0 56px 0 25px;
}

.item_tax_product .banner_tax .group_content .view_more:before {
    width: 34px;
}

.item_tax_product .banner_tax .group_content .view_more svg {
    right: 13px;
}

.item_tax_product .banner_tax .group_content .view_more:hover:before {
    width: calc(100% - 6px);
}
.wrap_gallery {
    display: flex;
}

.wrap_slide_vertical {
    width: 96px;
    flex: 0 0 auto;
    height: 445px;
    margin-right: 20px;
}
.wrap_slide_vertical .item{
    cursor: pointer;
}
.pk_details {
    padding: 240px 0 125px;
    background-image: url(../../images/bg_post.jpeg);
    background-position: top center;
}
.separate-containers.no-sidebar .site-main{
    margin: 0;
}
.pk_details .wrap{
    background-image: url(../../images/bg_content.jpeg);
}
.pk_details .wrap h1 {
    color: #000000;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.pk_details .wrap .content.mota {
    color: #333333;
    font-size: 14px;
    margin-bottom: 28px;
}

.pk_details .wrap .content.mota ul {margin-left: 15px;}

.pk_details .wrap a.button_style {
    height: 47px;
    border: 2px solid #563c22;
    padding: 0 27px;
    font-size: 20px;
    color: #563c22;
}
.pk_details .wrap{
    display: inline-flex;
    width: 100%;
    padding: 90px 70px 100px;
    flex-wrap: wrap;
}
.pk_details .wrap a.button_style:before {
    border: 1px solid #563c22;
}

.pk_details .wrap a.button_style svg {
    fill: #563c22;
    margin-left: 5px;
}

.pk_details .wrap .info_pk span.woocommerce-Price-amount.amount {
    display: block;
    color: #000000;
    font-size: 30px;
    font-family: 'Roboto Bold';
    margin-bottom: 30px;
}
.wrap_slide_vertical .swiper-slide {
    width: 94px;
    height: 94px !important;
    /*background-color: #f6f6f6;*/
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #e8e8e8;
    /*box-sizing: border-box;*/
    /*margin-top: -1px !important;*/
    cursor: pointer;
}

.wrap_slide_vertical .swiper-slide img {
    max-width: 80%;
    max-height: 80%;
    width: auto;
    height: auto;
    display: block;
}
.gelery_for .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.gelery_for .swiper-slide img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.swiper.mySwiper2 .item {
    border-radius: 10px;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    height: 445px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper.mySwiper2 .item img {
    max-width: 90%;
    max-height: 90%;
    width: auto;
    height: auto;
}

.product_details_sec_1 {
    padding: 140px 0 100px;
}

.product_details_sec_1 .info_product {
    padding-left: 60px;
}

.product_details_sec_1 .info_product .heading_h2 {
    font-size: 30px;
    margin-bottom: 25px;
}

.product_details_sec_1 .info_product .content {
    color: #666666;
    margin-bottom: 35px;
}

.product_details_sec_1 .info_product ul {
    list-style: none;
    margin: 0;
}

.product_details_sec_1 .info_product ul:not(.list-link) li {
    color: #666666;
}

.product_details_sec_1 .info_product ul:not(.list-link) li b {
    text-transform: uppercase;
}

.product_details_sec_1 .info_product ul:not(.list-link) li:not(:last-child) {
    margin-bottom: 10px;
}

.product_details_sec_1 .info_product ul:not(.list-link) li.msp b {
    color: #0fab5b;
}

.product_details_sec_1 .info_product ul:not(.list-link) li.cat b {
    text-transform: unset;
}

.product_details_sec_1 .info_product ul:not(.list-link) {
    margin-bottom: 50px;
}

.product_details_sec_1 .info_product ul.list_link {
    display: flex;
}

.product_details_sec_1 .info_product ul.list_link a {
    line-height: 45px;
    margin-right: 25px;
}

.product_details_sec_1 .info_product ul.list_link li:nth-child(2) a {
    background-image: unset;
    background-color: #0fab5b;
}

.product_details_sec_1 .info_product ul.list_link li:nth-child(2) a svg {
    fill: #0fab5b;
}

.product_details_sec_1 .info_product ul.list_link li:nth-child(2) a:hover {
    color: #0fab5b;
}
.product_details_sec_1 .info_product{
    padding-top: 25px;
}


.item_document {
    position: relative;
}

ul.nav_tabs_product {
    list-style: none;
    margin: 0 0 45px;
    display: flex;
    border-bottom: 1px solid #00000021;
}

ul.nav_tabs_product li {
    color: #666666;
    font-size: 18px;
    margin-right: 50px;
    padding-bottom: 15px;
    position: relative;
    cursor: pointer;
}

ul.nav_tabs_product li:before {
    height: 5px;
    border-radius: 2px;
    background-color: #0fab5b;
    width: 0;
    content: '';
    position: absolute;
    bottom: -3px;
    transition: .5s all;
    left: 50%;
    transform: translateX(-50%);
}
ul.nav_tabs_product li.active,
ul.nav_tabs_product li:hover{
    color: #0fab5b;
    font-family: 'SVN-GilroyBold';
}
ul.nav_tabs_product li.active:before,
ul.nav_tabs_product li:hover:before{
    width: 100%;
}

.for_tab_product .content h3 {
    font-size: 18px;
}

.for_tab_product .content {
    text-align: justify;
}


.for_tab_product .item {
    display: none;
}

.for_tab_product .item.active {
    display: block;
}

.wrap_document {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.item_document {
    width: calc(25% - 20px);
    margin: 0 10px 20px;
    text-align: center;
    padding: 20px;
    background-image: linear-gradient(
            84deg
            , #ed1c24 0%, #a50d13 100%);
    color: white;
    fill: white;
    border-radius: 20px;
}

.item_document h3 {
    font-size: 15px;
    margin: 10px 0 0;
    text-transform: uppercase;
}
.for_tab_product .content iframe {
    width: 100%;
    height: 575px;
    display: block;
}


.product_related>h3 {
    color: #0fab5b;
    font-size: 20px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 40px;
}

.product_related>h3:before {
    width: 98px;
    height: 5px;
    border-radius: 2px;
    background-color: #0fab5b;
    position: absolute;
    bottom: -6px;
    left: 0;
    content: '';
}

.product_related {
    padding-left: 90px;
}

.item_product_related {
    display: flex;
    position: relative;
}

.item_product_related .box_img {
    border-radius: 5px;
    border: 1px solid #dadada;
    flex: 0 0 auto;
    width: 122px;
    height: 122px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
}

.item_product_related .box_img img {
    max-width: 80%;
    max-height: 80%;
    width: auto;
    height: auto;
}

.item_product_related .box_content h3 {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    margin-bottom: 10px;
    transition: .3s all;
}

.item_product_related .box_content {
    padding-top: 13px;
}

.item_product_related .box_content span {
    color: #0fab5b;
    font-family: 'SVN-Gilroy';
    font-size: 12px;
}

.item_product_related:not(:last-child) {
    margin-bottom: 22px;
}

.item_product_related:hover .box_content h3 {
    color: #a50d13;
}
.swiper.mySwiper2 {
    width: 100%;
}

ul.menu_ {}

.filter_product ul {
    list-style: none;
    margin: 0;
}

ul.menu_tax>li>a {
    font-family: 'SVN-GilroyBold';
    text-transform: uppercase;
}

.filter_product ul a {
    color: #333333;
}

ul.menu_tax li {
    position: relative;
}

ul.menu_tax>li svg {
    position: absolute;
    right: 0;
    width: 10px;
    height: auto;
    top: 4px;
    z-index: 9;
}

ul.menu_tax_2 {
    padding-left: 15px;
}

ul.menu_tax>li {
    margin-bottom: 15px;
}

ul.menu_tax_2>li {
    margin-top: 15px;
}

ul.menu_tax_2>li>a {
    font-family: 'SVN-GilroyBold';
    position: relative;
    text-transform: uppercase;
}

ul.menu_tax_2>li>a:before {
    position: absolute;
    left: -15px;
    top: 2px;
    width: 6px;
    height: 6px;
    background: #333333;
    content: '';
    border-radius: 50%;
}

ul.menu_tax_3>li {
    margin-top: 15px;
}

ul.menu_tax_3>li>a {
    font-family: 'SVN-GilroyBold';
}

ul.menu_tax_4 li {
    margin-top: 15px;
}

ul.menu_tax_4 li a {
    position: relative;
}

ul.menu_tax_4 {
    margin-left: 15px;
}

ul.menu_tax_4 li a:before {
    position: absolute;
    left: 0;
    top: 3px;
    width: 4px;
    height: 4px;
    background: #333333;
    content: '';
    border-radius: 50%;
    left: -15px;
}
.product_tax .wrap_top {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 35px;
}

.product_tax .wrap_top form {
    position: relative;
}

.product_tax .wrap_top form input#search {
    height: 38px;
    border-radius: 19px;
    border: 1px solid #c9c9c973;
    background-color: #ffffff;
    color: #666666;
    font-size: 14px;
    margin-right: 20px;
}

.product_tax .wrap_top select {
    padding: 0;
    height: 38px;
    border-radius: 19px;
    border: 1px solid #c9c9c973;
    background-color: #ffffff;
    padding: 0 30px;
    color: #666666;
    font-size: 14px;
}

.product_tax .wrap_product {
    width: auto;
    margin: 0 -8px;
}

div#load_product_tax {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

div#load_product_tax .item_product {
    width: calc(calc(100% / 3) - 16px);
    margin: 0 8px 60px;
    border: 1px solid #f4f4f4;
}

section.section.product_tax .grid-75 {
    padding-left: 45px;
}

.product_tax .wrap_top form input#searchsubmit {
    position: absolute;
    right: 29px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    padding: 0;
     opacity: 0;
}

.product_tax .wrap_top form svg {
    position: absolute;
    right: 38px;
    width: 15px;
    fill: #0fab5b;
    top: 7px;
}

.product_tax .wrap_top form input#search {
    width: 280px;
    outline: none;
}
.filter_product h3 {
    color: #0fab5b;
    font-size: 18px;
}

section.section.product_tax {
    padding: 100px 0 50px;
}
section.section.footer {
    padding: 240px 0 55px;
    background-size: auto;
    background-position: top center;
    overflow: unset;
}

.wrap_col {
    display: flex;
    flex-wrap: wrap;
}

.wrap_col .left img {
    display: block;
    margin-bottom: 30px;
}

.wrap_col .left img+h3 {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.5;
    margin-bottom: 30px;
}

.wrap_col .left .wrap .item {
    border-top: 1px solid #ffffff4d;
    padding: 17px 0;
}

.wrap_col .left .wrap .item>* {
    display: block;
    color: white;
    font-size: 16px;
}


.wrap_col .left .wrap .item>*:first-child {
    margin-bottom: 7px;
}

ul.socials {
    list-style: none;
    margin: 0;
    display: flex !important;
    fill: white;
    margin-bottom: 0 !important;
}

ul.socials svg {
    width: 15px;
    fill: white;
}

ul.socials a {
    margin-right: 20px;
}

.wrap_col .right .heading_h2 {
    color: #ffffff;
    font-size: 35px;
    margin: 0 0 10px;
}

.wrap_col .right .heading_h2+.content {
    font-size: 15px;
    margin-bottom: 35px;
}


.wrap_form input:not(.wpcf7-submit),.wrap_form textarea {
    width: 100%;
    height: 45px;
    box-shadow: 0 3px 79px rgba(0, 0, 0, 0.07);
    border-radius: 23px;
    background-color: #f5f5f5;
    border: 1px solid transparent;
    margin-bottom: 20px;
    color: #666666;
    font-size: 13px;
    background-color: rgba(245, 245, 245, 0.7);
    outline: navajowhite;
}

.view_more input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
}

.wpcf7 .ajax-loader {
    position: absolute;
    margin: 0;
    top: 50%;
    transform: translate(100% , -50%);
    right: 0;
}

.view_more br {
    display: none;
}

/*.wpcf7-response-output, span.wpcf7-not-valid-tip,.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {*/
/*    display: none !important;*/
/*}*/
.wpcf7-not-valid{
    border-color: red !important;
}
.wrap_form .view_more {
    margin-top: -7px;
}
.wrap_col .nav {
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    border-top: 1px solid #ffffff4d;
    margin: 50px 10px 0;
}

.wrap_col .nav .content {
    color: white;
    font-size: 11px;
}

.wrap_col .left {
    padding-right: 70px;
    border-right: 1px solid #ffffff4d;
}

.wrap_col .right {
    padding-left: 70px;
}

a.button_arrow {
    width: 44px;
    height: 45px;
    border: 1px solid #00a651;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    fill: #00a651;
    position: absolute;
}

a.button_arrow svg {
    width: 13px;
    height: auto;
}

a.button_arrow:before,a.button_arrow:after {
    width: 150px;
    height: 150px;
    border: 1px solid #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    content: '';
    border-radius: 50%;
    pointer-events: none;
}

a.button_arrow:after {
    width: 224px;
    height: 224px;
    border: 1px solid #ffffff;
}

.back_to_top {
    left: calc(50% - 3px);
    transform: translateX(-50%);
    top: 47px;
}

.back_to_top svg {
    transform: rotate(-90deg);
}
.wrap_search_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: .3s all;
    pointer-events: none;
}
.wrap_search_popup.show{
    opacity: 1;
    pointer-events: unset;
}
.wrap_search_popup .inner {
    background: #353535e8;
    padding: 30px calc(calc(100vw - 1166px) / 2) 30px;
    position: relative;
    z-index: 2;
    transform: translateY(-120%);
    transition: .3s all;
}
.wrap_search_popup.show .inner{
    transform: translateY(0%);
    transition-delay: .3s;
}
.wrap_search_popup .inner .button_close{
    position: absolute;
    top: 42px;
    right: 45px;
    cursor: pointer;
}
.wrap_search_popup .inner .button_close path{
    fill: white;
}
.wrap_search_popup .inner h2{
    font-size: 40px;
    margin-bottom: 30px;
}
.wrap_search_popup input::placeholder{
    font-size: 25px;
    color: #929292;
}
.wrap_search_popup input#s{
    margin-bottom: 0;
    height: 50px;
    width: 600px;
    margin-right: 10px;
    outline: none;
    background-color: #232323;
    border-radius: 5px;
    border: 1px solid transparent;
    color: white;
    font-size: 18px;
    transition: .5s all;
}
.wrap_search_popup input#s:focus{
    border-color: #a50d13;
}
.wrap_search_popup input#s::placeholder{
    font-size: 16px;
}
.wrap_search_popup input#searchsubmit{
    height: 50px;
    width: 240px;
    font-size: 16px;
    text-transform: uppercase;
    color: white;
    flex: 0 0 auto;
    background: #a50d13;
    border-radius: 5px;
    position: unset;
    opacity: 1;
}
.wrap_search_popup form{
    display: flex;
    justify-content: center;
}
.wrap_search_popup h2{
    color: #fff;
}
.bg_close {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
}


.site-header {
    position: fixed;
    z-index: 99;
    width: 100%;
    background: transparent;
}

.site-header:before {
    left: 0;
    top: 0;
    width: 100%;
    height: 250px;
    background-image: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.7;
    content: '';
    position: absolute;
    transform: rotate(
            180deg
    );
    z-index: -1;
    pointer-events: none;
}

.site-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.nav-float-right #site-navigation {
    width: 100%;
    position: relative;
    z-index: 1;
    background: transparent;
}

.main-navigation .main-nav ul li a {
    color: white !important;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'SVN-GilroySemiBold';
    padding: 0;
    margin: 0 11px !important;
    background: transparent !important;
    position: relative;
}

.main-navigation li.logo_header {
    width: 215px;
    opacity: 0;
}

.site-logo img {
    height: 100px;
    width: auto;
}

a.search_open {
    width: 35px;
    height: 35px;
    border: 1px solid white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    fill: white;
    border-radius: 50%;
    transition: .3s all;
    /* margin-left: 50px; */
    flex: 0 0 auto;
    margin: 0 50px 0 30px;
    flex: 0 0 auto;
}
.main-nav{
    flex: 0 0 auto;
}
a.search_open svg {
    transform: scale(.6);
}

a.search_open:hover {
    background: #a50d13;
    border-color: #a50d13;
}

.main-navigation .inside-navigation {
    flex-wrap: nowrap;
}

.inside-header {
    padding: 28px 0px;
}

.main-navigation .main-nav ul li a:before {
    position: absolute;
    bottom: 16px;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    background: white;
    height: 1px;
    transition: .3s all;
}

.main-navigation .main-nav ul li a:hover:before,
.main-navigation .main-nav ul li[class*="current-menu-"] > a:before{
    width: 100%;
}
.next_section svg {
    transform: rotate(90deg);
}

.next_section {
    left: calc(50% + 1px);
    transform: translateX(-50%);
    top: -89px;
    background: white;
}
.home_sec_4:before ,
.home_sec_7:before,
div#banner_gr:after,
.about_sec_4:before{
    position: absolute;
    content: url(../../images/meadtech.png);
    left: 50%;
    transform: translateX(-50%);
    bottom: -19px;
}
.home_sec_5 {
    background-attachment: unset;
}

.home_sec_4 {
    padding-bottom: 220px;
}

section.section.home_sec_4.css_bg a.button_arrow ,
.home_sec_7 .button_arrow,
div#banner_gr .button_arrow,
.about_sec_4 .button_arrow{
    top: unset;
    bottom: 40px;
    z-index: 9;
}

div#banner_gr img {
    display: block;
}

.gr_head {
    position: absolute;
    bottom: 215px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.gr_head h1 {
    font-size: 45px;
    color: white;
    text-transform: uppercase;
    margin: 0 0 5px;
}

section.breadcrumbs ul {
    display: flex;
    list-style: none;
    margin: 0;
    justify-content: center;
}

section.breadcrumbs ul * {
    font-style: unset;
    color: #ffffff;
    font-size: 14px;
}

section.breadcrumbs ul span.divider {
    margin: 0 10px;
}

div#banner_gr:before {
    width: 100%;
    height: 90%;
    background-image: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.7;
    content: '';
    position: absolute;
    bottom: 0;
}
.solution_page,
.solution_details_sec_1{
    overflow: unset;
}
.solution_page:before,
.solution_details_sec_1:before{
    position: absolute;
    top: -95px;
    left: 50%;
    transform: translateX(-50%);
    content: url(../../images/Patterm-gioithieu.png);
    z-index: -1;
}
.solution_page:after,
.solution_details_sec_2:before{
    position: absolute;
    right: 0;
    top: 0px;
    content: url(../../images/at_bg.png);
}
.solution_details_sec_2{
    overflow: unset;
}.solution_details_sec_2:before{
     top: -100px;
 }
.page-template-solution div#banner_gr .button_arrow span,
.single-solution div#banner_gr .button_arrow span,
.page-template-news div#banner_gr .button_arrow span,
.category div#banner_gr .button_arrow span,
.single-post div#banner_gr .button_arrow span,
.page-template-product div#banner_gr .button_arrow span,
.tax-product-category div#banner_gr .button_arrow span,
.single-product div#banner_gr .button_arrow span{
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,100%);
    content: url(../../images/at_arrow.png);
}
.single-solution section.section.footer {
    margin-top: -120px;
}

.solution_details_sec_4 {
    padding-bottom: 200px;
}
.site-header:before {
    transition: .5s all;
}

.site-header.sticky:before {
    height: 100%;
}
.page-template-contact {}

.page-template-contact a.button_arrow.next_section {
    display: none;
}

.page-template-contact div#banner_gr:after {
    display: none;
}

section.section.contact_page {
    margin-top: -80px;
}

.page-template-contact section.section.footer.css_bg {
    margin-top: -120px;
}

.item_product:hover a.view_details {
    background: #0fab5b;
    color: white;
}

.search div#banner_gr {
    display: none;
}
section.section.news_page.search_page {
    padding-top: 200px;
}
section.breadcrumbs ul span.divider svg {
    width: 10px;
    height: auto;
    fill: white;
}
a.view_more.load_more_product_filter {
    margin-top: 30px;
}

a.view_more.load_more_product_filter svg {
    transform: rotate(90deg) translate(-3px,1px);
}
ul.menu_tax>li svg{
    cursor: pointer;
}
ul.menu_tax>li.active >svg{
    transform: rotate(-180deg);
    fill: #0fab5b;
}
ul.menu_tax_2 {
    max-height: 0;
    overflow: hidden;
    transition: .3s all;
}
ul.menu_tax>li.active ul.menu_tax_2{
    max-height: 10000px;
}
.filter_product ul li a.active{
    color: #1eae62;

}
.filter_product ul li a.active:before{
    background-color: #1eae62;
}
.filter_product ul li.active>a{
    color: #1eae62;
}
ul.menu_tax_2 li.active>a:before{
    background-color: #1eae62;
}
a.button_arrow {
    box-shadow: 0px -4px 2px 7px #ffffff;
}
.site-footer{
    display: none;
}
.about_sec_3 .wrap .item .box_img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.product_tax .wrap_top form svg {
    pointer-events: none;
}

.product_tax .wrap_top form input#searchsubmit {
    z-index: 9;
}
select#sel {
    background-image: url(../../images/arrow_down.svg);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: top 13px right 15px;
}
.about_sec_2 .item:before {
    background-image: linear-gradient(
            -7deg
            , #000000 24%, rgba(0, 0, 0, 0.74) 44%, rgba(21, 59, 41, 0) 100%);
    opacity: 0.2;
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    transition: .5s all;
}
.about_sec_2 .item:hover:before{
    opacity: .5;
}

.home_sec_2 .wrap .box_img {
    position: relative;
}

.home_sec_2 .wrap .box_img li {
    position: absolute;
    top: 50%;
    left: 50%;
}

.home_sec_2 .wrap .box_img li a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60px;
    height: 60px;
    background-color: rgba(15, 171, 91, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.home_sec_2 .wrap .box_img li a img {
    width: auto !important;
    height: auto !important;
    margin: 0;
}

.home_sec_2 .wrap .box_img li:nth-child(1) {
    left: -2%;
    top: 54%;
}

.home_sec_2 .wrap .box_img li:nth-child(2) {
    left: 12%;
    top: 24%;
}

.home_sec_2 .wrap .box_img li:nth-child(3) {
    left: 34%;
    top: 39%;
}

.home_sec_2 .wrap .box_img li:nth-child(4) {
    left: 50%;
    top: 74%;
}

.home_sec_2 .wrap .box_img li:nth-child(5) {
    left: 71%;
    top: 53%;
}

.home_sec_2 .wrap .box_img li:nth-child(6) {
    left: 79%;
    top: 27%;
}
.home_sec_2 .wrap .box_img li a:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    transition: all 200ms;
    animation: pulse-border 2000ms ease-out infinite;
    z-index: -1;

    background-color: rgba(15, 171, 91, 0.7);
    /*background-color: #000000;*/
    opacity: 0.2;
}

.swiper.mySwiper2 .arrow_slider {
    left: 10px;
    border-color: #37ab5a;
    fill: #37ab5a;
    width: 40px;
    height: 40px;
}

.swiper.mySwiper2 .arrow_slider.next {
    left: unset;
    right: 10px;
}

.swiper.mySwiper2 .arrow_slider:hover {
    background: #37ab5a;
    fill: white;
}
.archive  section.breadcrumbs {
    display: none;
}
.item_post .box_content {
    position: absolute;
    bottom: 0;
    left: 30px;
    right: 30px;
    bottom: 30px;
    z-index: 2;
}

.wrap_post .item_post .box_img {
    margin: 0 !important;
}

.wrap_post .item_post .box_img {
    height: 100% !important;
}

.wrap_post .item_post .box_img img {
    height: 100%;
    object-fit: cover;
}

.wrap_post .item_post:first-child {
    height: 610px;
}

.wrap_post .item_post:before,
.list_post .item_post:before{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    content: '';
    transform: rotate(0);
    background-image: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 2;
    opacity: .8;
}

.wrap_post .item_post h3 {
    color: white !important;
}

.item_post .box_content .content {
    display: none !important;
}
.item_post .box_content .date_post{
    position: unset;
    display: inline-block;
}
.item_post a{
    z-index: 9;
}
.menu-item-has-children .dropdown-menu-toggle{
    display: none;
}
.main-navigation .main-nav ul ul li a {
    margin: 0;
    line-height: 1.5;
    text-transform: unset;
    color: #333333 !important;
}

.main-navigation .main-nav ul ul li a:before {
    display: none;
}

.main-navigation .main-nav ul ul li a:hover {}

.main-navigation .main-nav ul ul li a:hover {
    color: #0fab5b !important;
}
.wrap_solution_show_all {
    display: flex;
    flex-wrap: wrap;
}

.wrap_solution_show_all>* {
    width: calc(25% - 20px);
    margin: 0 10px 20px;
}


header#masthead_scroll {
    background: white;
}

header#masthead_scroll:before {
    display: none;
}

header#masthead_scroll .site-logo {
    transform: unset;
    left: unset;
    top: 15px;
}

header#masthead_scroll .main-navigation .main-nav ul li a {
    color: #333333 !important;
}

header#masthead_scroll .inside-navigation.grid-container {
    display: inline-flex;
}

header#masthead_scroll .main-navigation .main-nav ul li.logo_header {
    display: none;
}

header#masthead_scroll .nav-float-right #site-navigation {
    width: auto !important;
    display: inline-flex !important;
}

.inside-navigation.grid-container {}

header#masthead_scroll .nav-float-right #site-navigation {
    width: auto !important;
}

.nav-float-right header#masthead_scroll #site-navigation {
    width: auto;
}

header#masthead_scroll a.search_open {
    fill: #333333 !important;
    border: 1px solid #333333;
    margin: 0 0 0 30px;
}

header#masthead_scroll .inside-header {
    padding: 15px 0;
}

header#masthead_scroll .site-logo:before {
    width: 156px;
    height: 80px;
    background: white;
    position: absolute;
    bottom: -10px;
    content: '';
    border-radius: 15px;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
}

header#masthead_scroll .main-navigation .main-nav ul li[class*="current-menu-"] > a ,
header#masthead_scroll .main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a,
header#masthead_scroll .main-navigation .main-nav ul li.sfHover > a,
header#masthead_scroll .main-navigation .menu-bar-item:hover > a,
header#masthead_scroll .main-navigation .menu-bar-item.sfHover > a{
    color: #0fab5b !important;
}

header#masthead_scroll a.search_open:hover {
    background: #0fab5b;
    border-color: #0fab5b;
    fill: white;
}
header#masthead_scroll {
    transform: translateY(-200%);
    transition: 1s all;
}

header#masthead_scroll.sticky {
    transform: translateY(0);
}
header#masthead{
    transform: translateY(0);
    transition: 1s all;
}
header#masthead.sticky{
    transform: translateY(-200%);
}
.button_filter_product{
    display: none;
}
ul.menu_wpml {
    display: none;
}
.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -30px;
    font-size: 10px;
    color: white;
    left: 10px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    color: white !important;
}
ul.cs_link {
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-bottom: 12px !important;
}

ul.cs_link a {
    color: white;
}

ul.cs_link li {
}

ul.cs_link a {
    margin-left: 16px;
}

ul.cs_link li {
}
.wrap_col .nav .content{
    text-align: right;
}
@media only screen and (max-height: 750px) {
    .home_sec_4 .heading_h2 {
        font-size: 40px;
        margin: 0 0 10px;
    }

    .home_sec_4 .item_product .box_img {
        height: 140px;
    }

    .home_sec_4 .item_product {
        padding-bottom: 30px;
    }
    .wrap_product a.view_more{
        margin-top: 30px;
    }
    div#load_post {
        margin-top: 0;
    }
     .wrap_post .item_post:first-child{
        height: 480px;
    }
     .wrap_post .item_post{
        height: 229px;
    }
}
@media only screen and (max-width: 1199px) {
    .grid-container{
        max-width: 950px;
    }
    .home_sec_2:before {
        display: none;
    }

    .hero-style {
        height: 600px;
    }

    .hero-slider .box_content h2 {
        font-size: 50px;
    }

    .hero-slider .box_content h3 {
        font-size: 25px;
    }

    .heading_h2 {
        font-size: 40px;
    }

    .home_sec_2:after {
    }

    section.section {overflow: hidden !important;}

    .main-navigation .main-nav ul li a {
        margin: 0 11px;
        font-size: 14px;
    }
    .wrap_post .item_post:first-child {
        height: 480px;
    }
    section.section.home_sec_3 .text_center+.text_center {
        transform: scale(.7);
        margin-top: -100px;
    }
    section.section.home_sec_3 .text_center+.text_center {
        transform: scale(.7);
        margin-top: -100px;
    }

    section.section.footer {
        background-size: cover;
    }

    .back_to_top {
        top: 80px;
    }
    div#banner_gr:after {
        display: none;
    }

    a.button_arrow.next_section {
        display: none;
    }

    .gr_head {
        bottom: 20px;
    }

    .about_sec_2 .wrap_content.hover {
        width: 400px;
    }

    .about_sec_3 .wrap .item .box_content {
        padding: 30px;
    }

    .about_sec_3 .wrap .item .box_content .num {
        font-size: 40px;
    }

    .about_sec_3 .wrap .item .box_content .content {
        line-height: 1.4;
    }

    .about_sec_4 .arrow_slider {
        left: -50px;
    }

    .about_sec_4 .arrow_slider.next {
        right: -50px;
    }

    .about_sec_4 {
        padding: 80px 0;
    }

    .about_sec_4:before {
        display: none;
    }

    .wrap.member_1 .box_content {padding-left: 30px;}

    .wrap.member_1:before {
        right: -30px;
    }

    .home_sec_7:before {
        display: none;
    }

    section.section.home_sec_7.about_sec_7.css_bg {
        padding: 80px 0;
    }
    .solution_details_sec_1 .heading_h2, .solution_details_sec_2 .heading_h2, .solution_details_sec_3 .heading_h2, .solution_details_sec_4 .heading_h2 {
        font-size: 30px;
    }

    .solution_details_sec_2 .item_tab .box_content {
        padding: 50px 50px 50px calc(calc(100vw - 950px) / 2);
    }

    .solution_details_sec_2 .item_tab .box_content .content {
        text-align: justify;
    }

    .solution_details_sec_3 .arrow_slider {
        left: -50px;
        background: white;
    }

    .solution_details_sec_3 .arrow_slider.next {
        right: -50px;
    }

    .solution_details_sec_4 .arrow_slider {
        left: -50px;
        background: white;
    }

    .solution_details_sec_4 .arrow_slider.next {
        right: -50px;
    }

    .solution_details_sec_2 .item_tab:nth-child(even) .box_content {
        padding: 50px calc(calc(100vw - 950px) / 2) 50px 50px;
    }

    .solution_details_sec_2 .wrap_top .item {
        padding: 30px;
    }
    ul.menu_tax>li {
        padding-right: 15px;
    }
    .product_details_sec_1 .info_product ul.list_link a {
        font-size: 12px;
        padding-right: 60px;
        padding-left: 20px;
    }

    .product_related {
        padding-left: 10px;
    }

    ul.nav_tabs_product li {
        font-size: 16px;
        margin-right: 40px;
    }
    .product_details_sec_1 .info_product ul.list_link{
        margin-bottom: 0;
    }
    .post_details .grid-33.sidebar {
        padding-left: 10px;
        margin-top: 50px;
    }

    .post_details {
        padding: 80px 0;
    }

    section.breadcrumbs ul {
        align-items: center;
    }
    .contact_page .wrap .item {
        padding: 20px;
    }

    .contact_page .wrap .item img {
        max-width: 28px;
        margin-right: 10px;
    }

    .contact_page .wrap .item:nth-child(2) a {
        font-size: 22px;
    }

    .contact_page .wrap .item a {
        font-size: 14px;
    }

    .contact_page .wrap {
        margin: 50px 0;
    }

    section.section.contact_page {
        margin-top: 0;
    }

    .contact_page iframe {
        height: 500px;
    }
    .solution_page:after, .solution_details_sec_2:before{
        display: none;
    }
    .wrap_solution_show_all>* {
        width: calc(calc(100% / 3) - 20px);
    }
    .wrap_col .nav {
        flex-wrap: wrap;
    }

    ul.cs_link a {
        margin-left: 0;
        margin-right: 15px;
    }

    ul.cs_link {
        margin: 20px 0 !important;
    }
    .wrap_col .nav {
        flex-wrap: wrap;
    }
}
@media only screen and (max-width: 991px) {
    header#masthead_scroll {
        display: none;
    }

    header#masthead {
        transform: unset !important;
        background: white;
        top: 0;
    }

    .site-header:before {
        display: none;
    }

    .site-header .header-image {
        height: 65px;
    }

    .inside-header {
        padding: 10px;
    }

    .site-logo {
        position: unset;
        transform: unset;
    }

    .mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover {
        background: #35ab5a;
        color: white;
        font-size: 32px;
        padding: 0;
        width: 60px;
        border-radius: 10px;
    }

    div#page {
        margin-top: 85px;
    }

    .main-navigation .main-nav ul li a {
        color: #fff !important;
        
    }

    .main-navigation li.logo_header {
        display: none;
    }

    .menu-item-has-children .dropdown-menu-toggle {
        display: block !important;
        padding-right: 0;
        font-size: 25px;
    }

    .main-navigation.toggled .main-nav li:last-child {
        border: none;
    }

    .main-navigation .inside-navigation {
        padding: 0;
    }

    .has-inline-mobile-toggle #site-navigation.toggled {
        background: transparent;
    }

    .hero-slider .arrow_slider {
        left: 0;
    }

    .hero-slider .arrow_slider.next {
        right: 0;
    }

    .hero-style {
        height: 400px;
    }

    .hero-slider .box_content {bottom: 50px;}

    .heading_h2 {
        font-size: 35px;
    }

    .home_sec_2 .wrap .box_content {
        padding: 0;
    }

    .grid-container {
        max-width: 720px;
    }

    .home_sec_2 .wrap .box_img img {
        max-width: 700px;
    }

    .item_product {
        width: calc(50% - 20px);
        margin-bottom: 20px;
    }

    .home_sec_4:before, .home_sec_7:before, div#banner_gr:after, .about_sec_4:before {
        display: none;
    }

    a.button_arrow {
        display: none;
    }

    .wrap_product a.view_more {
        margin-top: 30px;
    }

    .home_sec_4 {
        padding-bottom: 60px;
    }

    .home_sec_5 .box_content,.home_sec_5 .box_img {
        width: 100%;
        padding: 0 10px;
    }

    .home_sec_5 {
        padding: 80px 0;
    }

    a.view_video {
        margin-top: 30px;
    }

    a.view_video span:before {
        width: 65px;
        height: 65px;
    }

    a.view_video span:after {
        width: 70px;
        height: 70px;
    }

    .home_sec_5 .box_content {
        margin-bottom: 50px;
    }

    .home_sec_5 .box_img ul li {
        position: unset !important;
        padding: 0 10px;
    }

    .home_sec_5 .box_img ul {
        display: flex;
        align-items: center;
        margin: 0 -10px;
    }

    .wrap_partner {
        padding: 50px 60px;
    }

    .home_sec_7 {
        background-size: cover;
        padding-bottom: 80px;
    }

    section.section.home_sec_8 .tablet-grid-50 {
        width: 100%;
        text-align: center;
    }

    .tax_post {
        float: unset;
        margin-bottom: 30px;
    }

    section.section.home_sec_8 {
        padding: 80px 0 20px 0;
    }

    .wrap_post .item_post:first-child {
        height: 360px;
    }

    div#load_post {
        min-height: unset;
    }

    .back_to_top {
        display: flex !important;
    }
    .arrow_slider {
        width: 45px;
        height: 45px;
        left: -35px;
    }

    .arrow_slider.next {
        left: unset;
        right: -35px;
    }

    .wrap_col .right {
        padding-left: 30px;
    }

    .bct {
        margin-right: 20px;
    }

    .wrap_col .left {
        width: 45%;
    }

    .wrap_col .right {
        width: 55%;
    }

    .main-navigation li {
        border-bottom: 1px solid #333333;
    }

    .main-navigation .main-nav ul li a {
        margin: 0;
        line-height: 50px;
    }

    ul.nav_tabs li {
        position: unset;
        transform: unset !important;
        text-align: left !important;
        width: calc(50% - 50px);
        margin: 0 25px 25px;
    }

    ul.nav_tabs li .icon {
        order: -1 !important;
    }

    ul.nav_tabs li .wrap {
        position: unset;
        transform: unset !important;
    }

    ul.nav_tabs li .icon {
        margin: 0 10px 0 0 !important;
    }

    ul.nav_tabs li .wrap_content {
        text-align: left !important;
    }

    ul.nav_tabs li .wrap .wrap_content>* {
        width: auto;
        margin: unset;
    }

    section.section.home_sec_3 .text_center+.text_center {
        margin: 0;
        transform: unset;
    }

    .group_tabs>img {
        display: none;
    }

    .group_tabs {
        width: 100%;
    }

    ul.nav_tabs {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -25px;
    }

    .home_sec_3 .heading_h2+.content {
        margin-bottom: 40px;
    }
    .for_tab {
        position: relative;
        height: 400px;
        width: auto;
        transform: unset;
        left: unset;
        top: 0;
    }
    .about_sec_3 .wrap .item {
        width: 100%;
    }

    .about_sec_3 .wrap .item:nth-child(2) {
        order: 2;
    }

    .about_sec_2 .item {
        width: 100%;
    }

    section.section.about_sec_2 .wrap {
        flex-wrap: wrap;
    }

    .about_sec_2 .item {
        background-size: cover;
        width: 100% !important;
    }

    .about_sec_2 .item .wrap_content.hover {
        opacity: 1;
    }

    .about_sec_2 .item:before {
        opacity: .7;
    }

    .about_sec_2 .item .wrap_content {opacity: 0;}

    .wrap.member_1 {
        flex-wrap: wrap;
    }

    section.section.about_sec_6.css_bg .grid-55 {
        width: 45%;
    }

    section.section.about_sec_6.css_bg .grid-45 {
        width: 55%;
    }

    .wrap.member_1 .box_content {
        padding: 30px 0 0;
    }

    .slider_process .item {
        padding: 0 20px;
    }

    .slider_process .year {
        font-size: 39px;
    }

    .about_sec_8 {padding-bottom: 0;}
    .box_slider.member_2 .arrow_slider {
        left: -40px;
    }

    .box_slider.member_2 .arrow_slider.next {
        left: unset;
        right: -40px;
    }
    .about_sec_1 .wrap>* {
        width: 100%;
        padding: 0 10px !important;
    }

    .about_sec_1 .wrap .box_img {
        margin-top: 30px;
    }
    .solution_page:after, .solution_details_sec_2:before {
        display: none;
    }

    .banner_tax .group_content {
        position: unset;
        transform: unset;
        text-align: center;
        max-width: unset;
        margin-bottom: 30px;
    }

    .banner_tax:before {
        display: none;
    }

    .banner_tax .group_content .content {
        max-width: unset;
    }

    .item_solution .box_content h3 {
        font-size: 16px;
    }

    .solution_page {
        padding: 80px 0 0 0;
    }
    .slider_solution_related .item .box_content {
        padding: 15px;
    }

    .slider_solution_related .item .box_content .arrow {
        flex: 0 0 auto;
        margin-left: 15px;
    }

    .solution_details_sec_3 .arrow_slider {
        left: -20px;
    }

    .solution_details_sec_3 .arrow_slider.next {
        left: unset;
        right: -20px;
    }

    .solution_details_sec_4 .arrow_slider {
        left: -20px;
    }

    .solution_details_sec_4 .arrow_slider.next {
        right: -20px;
    }

    .solution_details_sec_2 .item_tab>* {
        width: 100%;
    }

    .solution_details_sec_2 .item_tab {
        display: block;
    }

    .solution_details_sec_2 .item_tab .box_content {
        padding: 30px !important;
        order: -1 !important;
    }

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

    .solution_details_sec_1 .box_content, .solution_details_sec_1 .box_img {
        width: 100%;
        padding: 0 10px;
    }

    .solution_details_sec_1 .box_content {
        margin-bottom: 40px;
    }

    .solution_details_sec_1 .box_img ul {
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: space-between;
    }

    .solution_details_sec_1 .box_img ul li:nth-child(2) {
        margin: 0;
    }
    .gr_head {
        bottom: 20px;
        width: 90%;
    }
    .gr_head h1 {
        font-size: 30px;
    }
    .item_tax_product .banner_tax .group_content .content{
        max-width: unset;
    }
    .filter_product {
        position: fixed;
        top: 85px;
        left: 0;
        width: 50%;
        padding: 35px;
        height: calc(100vh - 85px);
        background: white;
        z-index: 999;
        box-sizing: border-box;
        box-shadow: 20px 20px 20px #00000047;
        transform: translateX(-150%);
        transition: .5s all;
        overflow: auto;
    }

    .filter_product.active {
        transform: translateX(0%);
    }

    section.section.product_tax .grid-75 {
        width: 100%;
        padding-left: 10px;
    }

    section.section.product_tax {
        padding: 80px 0 50px;
    }
    div#breadcrumb{
        display: none;
    }
    div#breadcrumb {}

    .product_details_sec_1 {
        padding: 80px 0;
    }

    .product_details_sec_1 .grid-50 {
        width: 100%;
        padding: 0 10px;
    }

    .product_details_sec_1 .info_product {
        margin-top: 30px;
    }

    section.section.product_details_sec_2 .grid-container>* {
        width: 100%;
    }

    .wrap_tabs_product {
        margin-bottom: 50px;
    }
    .list_post .item_post {
        width: calc(calc(100% / 2) - 20px);
    }
    .contact_page .wrap {
        justify-content: center;
    }

    .contact_page .wrap .item:last-child {
        margin: 0;
    }
    .contact_page .wrap .item {
        padding: 20px;
        width: calc(50% - 20px);
        margin: 0 10px 20px;
        min-height: 110px;
    }
    .button_filter_product{
        display: flex;
    }
    .button_filter_product {
        display: flex;
        position: fixed;
        z-index: 999;
        top: 30%;
        right: 0;
        transform: translateY(-50%);
        background: #b41016;
        fill: white;
        width: 50px;
        height: 50px;
        align-items: center;
        justify-content: center;
        border-radius: 10px 0 0 10px;
    }
    .wrap_solution_show_all>* {
        width: calc(calc(100% / 2) - 20px);
    }
    .news_page.support_page ul.display_flex.tax_post {
        border: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .news_page.support_page ul.display_flex.tax_post li {margin-bottom: 20px;}

    .news_page.support_page ul.display_flex.tax_post {
        margin: 0;
    }
    a.search_open {
        display: inline-flex !important;
        position: absolute;
        top: -51px;
        border-color: #38ab5a;
        fill: #38ab5a;
        right: 90px;
    }

    .has-inline-mobile-toggle #site-navigation.toggled {
        margin: 0;
    }

    .wrap_search_popup .inner {
        padding: 30px calc(calc(100vw - 500px) / 2) 30px;
    }

    .wrap_search_popup input#searchsubmit {
        width: auto;
        padding: 0 50px;
    }
    section.section.news_page.search_page {padding-top: 50px;}
    a.search_open {
        margin: 0;
    }
    ul.menu_wpml {
        display: flex;
        margin: 0;
        position: absolute;
        list-style: none;
        right: 180px;
        top: 35px;
    }

    ul.menu_wpml img {
        margin-left: 10px;
    }

}
@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 767px) {
    .hero-style {
        height: 240px;
    }
    .site-header .header-image {
        height: 45px;
    }

    .mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover {
        line-height: 45px;
        width: 45px;
        font-size: 21px;
    }

    div#page {
        margin-top: 65px;
    }

    .home_sec_2 .wrap {
        flex-wrap: wrap;
    }

    .home_sec_2 .wrap .box_content {
        margin-top: 30px;
    }

    .home_sec_2 .wrap .box_img img {
        max-width: 100%;
        margin: 0;
    }

    .home_sec_2 .wrap .box_img li {
        position: unset;
    }

    ul.wrap_icon {
        list-style: none;
        margin: 0 0 30px;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-around;
    }

    .home_sec_2 .wrap .box_img li a {
        position: relative;
        transform: unset;
        top: unset;
        left: unset;
    }

    ul.wrap_icon li {}

    .home_sec_2 .wrap .box_img {
        display: block;
        padding-top: 60px;
    }

    ul.nav_tabs li {
        width: 100%;
        margin: 0 0 20px;
    }

    ul.nav_tabs {
        margin: 0;
    }

    ul.nav_tabs li .icon {
        width: 60px;
        height: 60px;
    }

    ul.nav_tabs li .icon img {
        max-width: 70%;
        max-height: 70%;
        width: auto;
        height: auto;
    }

    .for_tab {
        height: 436px;
        margin-top: 30px;
    }

    .home_sec_4 {
        padding-top: 60px;
    }

    ul.product_tax a {
        font-size: 12px;
        padding: 0 7px;
    }

    .home_sec_5 .box_img ul {
    }

    .home_sec_5 .box_img {
        height: auto;
        margin-bottom: 200px;
    }

    .wrap_partner {
        padding: 30px 63px;
    }

    .wrap_partner .heading_h2+.content {
        margin-bottom: 20px;
    }

    .arrow_slider {
        left: 0px;
    }

    .arrow_slider.next {
        right: 0;
    }

    .wrap_post .item_post {
        width: 100% !important;
        margin: 0 0 20px !important;
        height: auto !important;
    }

    .item_post .box_content h3 {
        font-size: 22px !important;
    }

    ul.product_tax {
        margin: 0 -15px 30px;
    }

    .heading_h2 {
        font-size: 30px;
    }

    .item_product .box_img {
        height: 100px;
    }

    .item_product .wrap_bottom a.view_details {
        font-size: 12px;
    }

    .item_product {
        width: calc(50% - 10px);
        margin-bottom: 10px;
        margin: 0 5px 10px;
        padding-bottom: 80px;
    }

    .tax_post li {
        margin: 0 30px;
    }

    .tax_post a {
        padding: 0;
        font-size: 16px;
    }

    .wrap_col .left,.wrap_col .right {
        width: 100%;
    }

    .wrap_col .left {
        padding-right: 10px;
        border: none;
        margin-bottom: 30px;
    }

    .wrap_col .left img {
        margin: 0 auto 40px;
    }

    .wrap_col .right {
        padding-left: 0;
    }

    section.section.footer {
        padding: 60px 0;
        background-position: top 0px  right 500px;
        background-color: #207144;
        background-image: none !important;
    }

    .wrap_post {
        margin: 0;
    }

    section.section.home_sec_8 {
        padding: 60px 0 40px;
    }

    a.button_arrow.back_to_top {
        display: none !important;
    }
    .home_sec_2 .wrap .box_img li {
        width: calc(100% / 3);
        justify-content: center;
        display: flex;
        margin-bottom: 20px;
    }
    div#banner_gr {
        min-height: 180px;
    }

    div#banner_gr img {
        height: 180px;
        object-fit: cover;
    }

    .gr_head h1 {
        font-size: 18px;
    }

    .about_sec_1 {
        padding: 60px 0;
    }

    .about_sec_2 .wrap_content.hover {
        width: auto;
        top: 40px;
        left: 20px;
        right: 20px;
    }

    .about_sec_2 .item:before {
        opacity: 1;
    }

    .about_sec_3 .wrap .item>* {
        width: 100%;
    }

    .about_sec_3 .wrap .item {
        display: block;
    }

    .about_sec_3 .wrap .item .box_content {
        min-height: 250px;
    }

    .about_sec_3 .wrap .item .box_content:before {
        display: none;
    }

    .about_sec_3 {
        padding: 60px 0;
    }

    .about_sec_5 {
        padding: 60px 0;
    }

    .about_sec_6 {
        padding: 60px 0;
    }

    section.section.about_sec_6.css_bg .grid-55,section.section.about_sec_6.css_bg .grid-45 {
        width: 100%;
    }

    .wrap.member_1:before {
        display: none;
    }

    .wrap.member_1 {
        padding: 0;
        margin-bottom: 30px;
        justify-content: center;
        text-align: center;
    }

    .about_sec_6 .grid-100 {
        padding-top: 80px;
    }

    .about_sec_8 {
        padding: 60px 0;
    }

    section.section.about_sec_8 .arrow_slider {
        background: white;
        top: 88px;
    }

    .slider_process:before {
        top: 86px;
    }
    .about_sec_6 .grid-45{
        padding-left: 10px;
    }
    .box_slider.member_2 .arrow_slider {
        left: -20px;
    }

    .box_slider.member_2 .arrow_slider.next {
        left: unset;
        right: -20px;
    }
    .about_sec_4 .arrow_slider {
        left: -15px;
        background: red;
    }

    .about_sec_4 .arrow_slider.next {
        left: unset;
        right: -15px;
    }
    .about_sec_4{
        padding: 60px 0;
    }
    .solution_page:after, .solution_details_sec_2:before {
        display: none;
    }

    .banner_tax .group_content {
        position: unset;
        transform: unset;
        text-align: center;
        max-width: unset;
        margin-bottom: 30px;
    }

    .banner_tax:before {
        display: none;
    }

    .banner_tax .group_content .content {
        max-width: unset;
    }

    .item_solution .box_content h3 {
        font-size: 16px;
    }

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

    .banner_tax .group_content .heading_h2 {
        font-size: 30px;
    }

    .banner_tax {
        border-radius: 0;
    }

    .solution_page {
        padding-bottom: 60px;
    }
    div#breadcrumb {
        display: none;
    }
    section.breadcrumbs ul * {
        font-size: 9px;
    }

    div#breadcrumb {
        display: none;
    }

    .solution_details_sec_2 .wrap_top .item {
        width: calc(50% - 10px);
        margin: 0 5px 10px;
        padding: 20px;
    }

    .solution_details_sec_2 .wrap_top {
        margin: 40px auto;
    }

    .solution_details_sec_2 .wrap_top .item h3 {
        font-size: 13px;
    }

    .solution_details_sec_2 .item_tab .box_content .top h3 {
        font-size: 20px;
    }

    .solution_details_sec_2 .item_tab .box_content .top span {
        font-size: 25px;
    }

    .solution_details_sec_2 .item_tab .box_content .top h3:before {
        height: 36px;
    }

    .solution_details_sec_2 .wrap {
        margin-bottom: 30px;
    }

    .solution_details_sec_2 .item_tab .box_img a {
        right: 50%;
        transform: translate(50%, -50%) scale(.5);
    }

    .solution_details_sec_3 .heading_h2 {
        margin-bottom: 30px;
    }
    .item_product .box_img{
        box-sizing: border-box;
    }
    .item_product .box_content {padding: 0 10px;}
    .item_product .box_content {padding: 0 10px;}

    .solution_details_sec_3 {
        padding-bottom: 60px;
    }

    .solution_details_sec_4 {
        padding: 60px 0;
    }

    .single-solution section.section.footer {
        margin-top: 0;
    }
    section.section.product_page {
        padding: 60px 0 0 0;
    }

    .item_tax_product:not(:last-child) {
        margin-bottom: 40px;
    }
    .product_tax .wrap_top {
        flex-wrap: wrap;
    }

    .product_tax .wrap_top>* {
        width: 100%;
    }

    .product_tax .wrap_top form input#search {
        width: 100%;
    }

    .product_tax .wrap_top form input#searchsubmit {
        top: 0;
        right: 0;
    }

    .product_tax .wrap_top form svg {
        right: 10px;
    }

    div#load_product_tax .item_product {
        width: calc(calc(100% / 2) - 10px);
        margin: 0 5px 10px;
    }

    section.section.product_tax {
        padding: 60px 0;
    }
    .product_tax .wrap_top form {
        margin-bottom: 10px;
    }
    .wrap_slide_vertical .swiper-slide {
        width: 69px;
        height: 70px !important;
    }

    .wrap_slide_vertical {
        width: 71px;
        height: 350px;
    }
    .swiper.mySwiper2 .item {
        height: 350px;
    }
    .gelery_for .swiper-slide{
        opacity: 0 !important;
    }
    .gelery_for .swiper-slide.swiper-slide-active {
        opacity: 1 !important;
    }
    .gelery_for .swiper-slide.swiper-slide-active {
        opacity: 1 !important;
    }
    .product_details_sec_1 .info_product ul.list_link  a{
        margin: 0;
    }
    .product_details_sec_1 .info_product ul.list_link li:not(:last-child) a {
        margin-right: 5px;
    }
    .product_details_sec_1 {
        padding: 60px 0 40px;
    }

    .product_details_sec_1 .info_product .heading_h2 {
        font-size: 20px;
    }

    .product_details_sec_1 .info_product ul:not(.list-link) {
        margin-bottom: 20px;
    }

    ul.nav_tabs_product li {
        font-size: 14px;
        margin-right: 10px;
        text-align: center;
        display: flex;
        align-items: center;
    }
    .item_document {
        width: calc(50% - 20px);
    }

    .for_tab_product .content iframe {
        height: 200px;
    }
    ul.display_flex.tax_post {}

    .news_page ul.display_flex.tax_post {
        padding: 0;
        display: flex;
        justify-content: center;
        margin: 0 0 40px;
    }

    .news_page ul.display_flex.tax_post li {
        margin: 0 13px;
    }

    .news_page ul.display_flex.tax_post li:last-child a {
        padding: 0;
    }

    section.section.news_page {
        padding: 60px 0;
    }

    .list_post .item_post {
        width: 100%;
    }
    .post_details h2.title_post {
        font-size: 23px;
    }

    .post_details {
        padding: 60px 0;
    }
    .contact_page .wrap .item {
        width: 100%;
        margin: 0 0 10px;
    }

    .contact_page iframe {
        height: 250px;
    }

    .page-template-contact section.section.footer.css_bg {
        margin-top: 0;
    }
    .filter_product {
        top: 65px;
        width: 80%;
        height: calc(100vh - 65px);
    }
    .home_sec_4 .item_product{
        padding-bottom: 60px !important;
    }
    .wrap_solution_show_all>* {
        width: 100%;
    }section.section.product_details_sec_2 {
         padding-bottom: 60px;
     }
    .solution_details_sec_2 .wrap_top .item {
        transform: unset !important;
    }
    .list_post {
        margin-top: 15px;
    }
    .hero-slider .box_content h2 {
        font-size: 25px;
        margin-bottom: 8px;
    }

    .hero-slider .box_content h3 {
        font-size: 18px;
    }

    .hero-slider .box_content {
        bottom: 30px;
    }
    section.section.news_page.search_page {padding-top: 50px;}

    a.search_open {
        top: -50px;
        right: 60px;
    }

    section.section.news_page.search_page .heading_h2 {
        font-size: 25px;
    }

    .wrap_search_popup input#searchsubmit {
        padding: 0 20px;
    }

    .wrap_search_popup input#s {
        width: auto;
    }

    .wrap_search_popup .inner {
        padding: 60px 30px 20px;
    }

    .wrap_search_popup .inner .button_close {
        top: 10px;
        right: 10px;
    }
    ul.menu_wpml {
        right: 120px;
        top: 25px;
    }
    .single-product div#banner_gr {
        display: none;
    }
    .wrap_col .nav {
        justify-content: center;
    }

    .bct {
        margin: 0;
    }

    ul.cs_link {
        justify-content: center;
    }

    .wrap_col .nav .content {
        text-align: center;
    }
}
@media only screen and (max-width: 375px){
    ul.nav_tabs_product {
        flex-wrap: wrap;
    }

    ul.nav_tabs_product li:before {
        display: none;
    }

    ul.nav_tabs_product li {
        width: calc(50% - 20px);
        margin: 0 10px;
    }
    .product_details_sec_1 .info_product ul.list_link {
        flex-wrap: wrap;
    }
}