.flex__header { max-width: 80%; margin: 0 0 0 auto; } 
.mw80 { width: 80%; } 
.menu__responsive { height: 0.1px; background: transparent; } 
.bar__menu { background: none; height: unset; position: unset !important; } 
.bar__menu .menu-bar-res { justify-content: center !important; padding: 0; } 
.logo__header { margin-top: -50px; } 
.social__header li { width: 35px; height: 35px; border-radius: 50%; background: var(--gradient); } 
.header__bottom { background: #fff; } 
.header__bottom.fixed .logo__header { margin-top: 0; width: 100px; height: 100px; } 
.header__bottom.fixed .wrap-content { padding: 5px 10px; } 
.header__bottom.fixed { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } 


/* ABOUT */
.wrap__aboutus { position: relative; z-index: 1; background: url(../images/set/bg-aboutus.png); background-size: cover; } 
.aboutus-image { z-index: 1; } 
.title__aboutus { font-size: 25px; color: var(--color-main-v2); font-family: var(--font-custom-v2); } 
.name__aboutus { font-size: 46px; color: var(--color-main); font-family: var(--font-custom); text-transform: uppercase; } 
.name__aboutus img { position: relative; top: 20px; left: 20px; } 
.desc__aboutus { -webkit-line-clamp: 5; font-size: 14px; font-family: var(--font-light); line-height: 30px; margin-top: 5px; margin-bottom: 30px; } 

.items__aboutus { padding: 35px 35px 100px 35px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } 
.aboutus__image { margin-top: -70px; margin-left: 35px; } 
.wrap__aboutus .col__left { position: relative; } 
.wrap__aboutus .col__left::after { position: absolute; content: url(../images/set/after-aboutus.png); bottom: -45px; right: 0; } 

/* DELICIUS */
.wrap__delicius { background: url(../images/set/bg-product.png); background-size: cover; } 
.wrap__delicius .col__left { margin-top: 50px; } 
.image__mark { position: relative; max-width: 680px; margin: auto; } 
.image__mark::after { position: absolute; content: ''; background: url(../images/set/after-mark.png) no-repeat; background-size: 100% 100%; left: 0; right: 0; top: 0; bottom: 0; } 
.image__mark img { -webkit-mask-image: url(../images/set/mark.png); mask-image: url(../images/set/mark.png); -webkit-mask-size: 100% 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } 
.section__vertical { text-align: center; padding: 15px; border: 3px solid #ffd800; } 
.title__product { text-align: center; font-family: var(--font-custom); font-size: 46px; color: #ffd800; text-transform: uppercase; margin: -55px auto 15px auto; width: max-content; position: relative; background: #0339a3; padding: 0px 15px; } 
.section__vertical .name-product { margin-bottom: -5px; } 
.section__vertical .name-product a { font-family: var(--font-regular); font-size: 16px; color: var(--color-white) !important; } 
.section__vertical .image__product { border: 2px solid #0383f1; padding: 7px; } 
.section__vertical .info-product { padding: 15px 5px; margin-top: 0; } 
.price-delicius .price-new { font-family: var(--font-bold); font-size: 20px; color: #ffd800; } 
.title__product__v2 { text-align: center; font-family: var(--font-custom-v2); font-size: 55px; color: var(--color-main); text-transform: capitalize; text-shadow: 1px 1px 0 #fff, -1px -1px 0 #FFF, 1px -1px 0 #fff, -1px 1px 0 #fff; margin-bottom: 50px; } 


/* */
.wrap__product { background: url(../images/set/background.png) no-repeat; background-size: 100% 100%; padding-bottom: 210px; } 
.info-product { margin-top: 12px; } 
.wrap__product .product:nth-child(2), .wrap__product .product:nth-child(4) { margin-top: 70px; } 
.wrap__product .product:nth-child(5), .wrap__product .product:nth-child(7) { margin-top: -70px; } 

/* FEEDBACK */
.image__feedback { width: 300px; } 
.image__feedback img { border-radius: 150px 150px 0 0; } 
.info__feedback { width: calc(100% - 330px); } 
.info__feedback .name__feedback { font-family: var(--font-custom-v2); font-size: 24px; color: var(--color-main-v2); text-transform: capitalize; } 
.info__feedback .content__feedback { -webkit-line-clamp: 5; font-family: var(--font-light); font-style: italic; margin-top: 15px; line-height: 28px; } 
.desc__feedback { width: 135px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: linear-gradient(90deg, rgba(0,46,193,1) 0%, rgba(3,128,239,1) 100%); font-family: var(--font-light); font-size: 15px; margin-top: 10px; } 
.numb__feedback { margin-left: -20%; width: 95%; } 
.numb-slick { font-family: var(--font-regular); font-size: 37px; color: var(--color-main-v2); margin-bottom: 0; margin-left: 10px; } 
.line__feedback { background: var(--gradient); height: 1px; flex: 1; } 

/* VIDEO */
.wrap__video { position: relative; background: var(--color-white);} 
.wrap__video::after { position: absolute; content: url(../images/set/after-video.png); right: 12%; top: -10px; } 
.wrap__video::before { position: absolute; content: url(../images/set/before-video.png); right: 0; bottom: -50px; left: 0; text-align: center; } 
.wrap__video .col__right { margin-top: 70px; } 
.section__video { width: 510px; height: 400px; } 
.title__video { width: 110px; height: 445px; margin-left: -35px; } 
.section__row { position: relative; } 
.section__row::after { position: absolute; content: ''; width: 660px; height: 280px; border: 1px solid var(--color-main-v2); border-left: transparent; border-bottom: transparent; left: -75px; right: 0; top: 35px; margin: auto; z-index: -1; } 

.wrap__video { position: relative; z-index: 11; } 
.play { left: 0; right: 0; bottom: 0; margin: auto; display: flex; flex-direction: column; justify-content: center; height: 100%; width: 50%; align-items: center; /* padding: 15px; */ } 
.play img { padding: 10px; } 

/* ALBUM */
.wrap__album { position: relative; z-index: 1; margin-top: -140px; } 
.main__album { height: 890px; position: relative; } 
.main__album::after { position: absolute; content: url(../images/set/after.png); left: 150px; top: 95px; } 
.main__album::before { position: absolute; content: url(../images/set/before.png); right: 170px; bottom: 50px; } 
.items__album { position: absolute; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } 
.items__album:nth-child(1) { top: 170px; left: 0; border: 10px solid #0383f1; z-index: 1; } 
.items__album:nth-child(2) { top: 0; left: 385px; border: 10px solid #fff; } 
.items__album:nth-child(3) { bottom: 157px; right: 0; border: 10px solid #0383f1; z-index: 1; } 
.items__album:nth-child(4) { bottom: 0; left: 100px; border: 10px solid #fff; } 
.title__album { max-width: 360px; position: absolute; right: 0; top: 16%; } 
.title__album span { font-family: var(--font-custom); font-size: 46px; color: var(--color-main); text-transform: uppercase; line-height: 60px; } 
.title__album p { font-family: var(--font-custom-v2); font-size: 25px; color: var(--color-main-v2); text-align: right; } 

/* NEWS */
.section__background { background: url(../images/set/bg-news.png); background-size: cover; } 
.main__news .image { border: 15px solid #fff; } 
.news__info { padding: 15px 10px 0 10px; } 
.news__info .news__name a { font-size: 16px; color: var(--color-title); -webkit-line-clamp: 2; text-align: center; } 
.read__more { width: 140px; height: 40px; line-height: 40px; background: var(--gradient); margin: 20px auto 0 auto; } 
.read__more a { font-family: var(--font-medium); font-size: 14px; color: #fff; justify-content: center; } 
.read__more a .arr { height: 5px; margin-left: 10px; } 
.read__more:hover { background: none; border: 1px solid var(--color-main-v2); } 
.read__more a:hover { color: var(--color-main-v2); } 
.read__more:hover img { filter: brightness(0) saturate(100%) invert(21%) sepia(52%) saturate(4754%) hue-rotate(212deg) brightness(94%) contrast(98%); } 

/* SYSTEM */
.items__system { padding: 15px; background: url(../images/set/bg-items.png); background-size: 100% 100%; } 
.name__system { font-family: var(--font-bold); font-size: 16px; color: #000; margin-top: 5px; } 
.hotline__system { font-family: var(--font-regular); font-size: 16px; color: #000; margin-bottom: 10px; } 
.redicrect__system a { font-family: var(--font-regular); font-size: 14px; color: var(--color-main); text-decoration: underline; margin-left: 5px; } 
.redicrect__system a:hover { color: var(--color-main-v2); } 

/* FORM */
.main__form { background: #0383f1; padding: 30px 35px; } 
.title__form { text-align: center; font-family: var(--font-semi); text-transform: uppercase; color: var(--color-white); font-size: 22px; text-transform: uppercase; padding-bottom: 10px; width: 270px; text-align: left; } 
.newsletter__input input::placeholder { color: #fff !important; font-family: var(--font-regular); font-size: 14px; position: relative;  } 
.newsletter__input { position: relative; padding: 0 !important; } 
.newsletter__input input { padding: 0.35rem 15px; height: 50px; font-size: 14px; color: #333; background: none; border-radius: 0; border-left: 1px solid #7abdf8; border-top: transparent; border-bottom: transparent; border-right: transparent; } 
.col__input { margin-bottom: 0; } 
.col__content { padding: 0 !important; } 
.col__content textarea { padding: 0.35rem 15px; height: 90px; background: none; border-radius: 0; border: 1px solid #000; } 
.newsletter__button { background: #002abe; border: none !important; border-radius: 0 !important; margin: 0 auto 0 auto; width: 150px; height: 50px; line-height: 50px; } 
.newsletter__button input[type="submit"] { color: #ffd800 !important; font-family: var(--font-bold); font-size: 16px; background: none; border: none; border-color: unset; } 
.newsletter__button:hover { background: var(--color-main); } 
.newsletter__button:hover input[type="submit"] { color: #fff !important; } 
.col__submit { padding: 0 5px !important; margin: auto; text-align: center; } 
.icon__form { width: 65px; } 
.section__form { width: calc(100% - 80px); border-bottom: 1px solid #7abdf8; } 
.flex__form .col__input { width: calc(100% - 150px); } 
.validation-newsletter { width: calc(100% - 270px); } 

/* FOOTER */
.footer { background: url(../images/set/bg-ft.png) center; background-size: cover; } 
.footer__article .wrap-content { padding: 50px 15px 30px 15px; } 
.footer__name { text-transform: uppercase; font-size: 18px; margin-bottom: 1rem; } 
.footer__title { text-transform: uppercase; font-size: 16px; margin-bottom: 1rem; } 
.footer__ul { list-style: disc; padding: 0 0 0 20px; margin: 0px; color: #fff; } 
.footer__ul li { margin-bottom: 10px; padding: 0; } 
/* .footer__ul li:last-child { margin-bottom: 0px; }  */
.footer__ul li a { color: #fff; } 
.footer__ul li a:hover { text-decoration: underline; } 
.footer__powered { color: #ffffff; } 
.footer__powered .wrap-content { padding-top: 22px; padding-bottom: 22px; font-family: var(--font-light); font-size: 13px; } 
.footer__statistic { text-align: right; } 
.footer__statistic span { padding-right: 10px; } 
.footer__statistic span:last-child { padding-right: 0px; } 
.line__bottom { position: relative; padding-bottom: 10px; } 
.line__bottom::after { position: absolute; border-bottom: 2px solid #fff; content: ""; left: 0; bottom: 0; width: 35px; } 
.social__footer li { width: 35px; height: 35px; border: 1px solid #fff; } 
.desc__logo { font-family: var(--font-light); font-size: 14px; margin-top: 10px; } 
.footer__contact { padding: 30px 0; } 
.flw_me { width: 250px; height: 60px; line-height: 60px; background: var(--gradient); text-align: center; } 
.flw_me span { font-family: var(--font-light); font-size: 24px; color: #fff; text-transform: uppercase; } 
.arr-v2 { height: 21px; } 
.scroll__top span { font-family: var(--font-medium); font-size: 14px; color: #fff; text-transform: uppercase; margin-top: 10px; display: block; } 

.flex_map { flex-direction: column; width: max-content; margin: 0 0 0 auto; } 
.map_items { font-family: var(--font-medium); font-size: 16px; text-transform: uppercase; cursor: pointer; } 
.map_items { padding: 10px 25px; background: var(--gradient); color: #fff; } 
.map_items.active { background: var(--color-main); } 

/* CSS CUSTOM */
::-webkit-scrollbar { width: 3px; } 
::-webkit-scrollbar-track { background: #ccc; } 
::-webkit-scrollbar-thumb { background: var(--color-main); } 
::-webkit-scrollbar-thumb:hover { background: var(--color-hover); } 
.product .i_left { position: absolute; height: 0; border-radius: 0 50px; width: 2px; left: 0; top: 0; background: -webkit-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, violet); background: -o-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, violet); background: -webkit-gradient(linear, left bottom, left top, from(red), color-stop(orange), color-stop(yellow), color-stop(green), color-stop(blue), color-stop(indigo), to(violet)); background: linear-gradient(to top, red, orange, yellow, green, blue, indigo, violet); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } 
.product .i_right { position: absolute; height: 0; width: 2px; right: 0; bottom: 0; background: -webkit-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet); background: -o-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet); background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(orange), color-stop(yellow), color-stop(green), color-stop(blue), color-stop(indigo), to(violet)); background: linear-gradient(to bottom, red, orange, yellow, green, blue, indigo, violet); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } 
.product .i_top { position: absolute; height: 2px; width: 0; right: 0; top: 0; background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); background: -webkit-gradient(linear, left top, right top, from(red), color-stop(orange), color-stop(yellow), color-stop(green), color-stop(blue), color-stop(indigo), to(violet)); background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } 
.product .i_bottom { position: absolute; height: 2px; width: 0; left: 0; bottom: 0; background: -webkit-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet); background: -o-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet); background: -webkit-gradient(linear, right top, left top, from(red), color-stop(orange), color-stop(yellow), color-stop(green), color-stop(blue), color-stop(indigo), to(violet)); background: linear-gradient(to left, red, orange, yellow, green, blue, indigo, violet); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } 
.product:hover .i_left { height: 100%; bottom: 0; top: inherit } 
.product:hover .i_top { width: 100%; left: 0 } 
.product:hover .i_right { height: 100%; top: 0; bottom: inherit } 
.product:hover .i_bottom { width: 100%; right: 0; left: inherit } 
.color__hover:hover { color: var(--color-hover) !important; }