:root {
    --default: #58595B;
    --primary: #4C86A0;
    --warning: #F28660;
    --yellow: #F9DD9A;
    --primary-light:#D6CEBE;
    --gray: #939393;
    --gray-100: #f9f8f8;
    --gray-200: #F0F0F0;
    --gray-300: #D1D1D1;
    --gray-400: #88868F;
    --gray-500: #C4C4C4;
    --gray-700: #78777F;
    --gray-800: #88868F;
    --gray-900: #2F2F2F;
    --roboto: 'Roboto', sans-serif;
    --awesome: 'Font Awesome 5 Free', sans-serif;
    --awesome-pro: 'Font Awesome 5 Pro', sans-serif;
    --transition: .3s;
    --radius: 4px;
    --shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    --header-padding: 10px;
    --height-header: 80px;
    --height-header-mobile: 65px;
    --height-nav-main: 40px;
}



/**
 * Reset
 */
* {line-height: normal;}
a {outline: none !important;color: var(--default);font-weight: normal;}
a:hover {color: currentColor;text-decoration: none;}
ul, ol, p, address {margin: 0;padding: 0}
button, input:focus, textarea:focus {outline: none !important;box-shadow: none !important}
h1, h2, h3, h4, h5, h6 {margin:0;}
figure {margin-bottom: 0;}
body {width:100%;color:var(--default);font-family:var(--roboto);font-size: 16px;font-weight: normal;line-height: normal;}

/**
 * Bootstrap
 */
.form-control:focus {color: var(--default);border-color: var(--default);box-shadow: none;}
@media (min-width:1200px) {
    .container {max-width: 1230px}
}


/**
 * Animation
 */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
    50% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
    50% {
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }
}


/**
 * Icons
 */
.icon {display: inline-block;min-width: 20px;min-height: 20px;line-height: 0;vertical-align: middle;background-position: center center;background-repeat: no-repeat;background-size: contain;}
.icon-hero-scroll {background-image: url("../images/icon/hero-scroll-down.svg");min-width: 30px;min-height: 25px;}
.icon-scroll-up-circle {background-image: url("../images/icon/icon-arrow-circle.svg");min-width: 35px;min-height: 35px;}
.icon-map-i {background-image: url("../images/icon/icon-map-i.svg");min-width: 16px;min-height: 18px;}
.icon-lang-ru {background-image: url("../images/icon/lang/ru.png");}
.icon-lang-en {background-image: url("../images/icon/lang/en.png");}



/* Icon:Masked
.im {-webkit-mask-position: 0 center;mask-position: 0 center;-webkit-mask-size: contain;mask-size: contain;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;background: var(--default);display: inline-block;width: 15px;height: 17px;vertical-align: middle}
.im-swiper-prev {mask-image: url(../images/icon/icon-search.svg);-webkit-mask-image: url(../images/icon/icon-search.svg);}
.im-swiper-next {mask-image: url(../images/icon/swiper-arrow-next.svg);-webkit-mask-image: url(../images/icon/swiper-arrow-next.svg);}
*/


/**
 * Buttons
 */
.btn {color:var(--default);border-radius: 0;box-shadow: none !important;padding-left: 20px;padding-right: 20px;display: inline-flex;align-items:center;justify-content:center;height: 30px;word-wrap:normal;border:none;transition: var(--transition);font-size: 16px;text-decoration: none;}
.btn:hover,
.btn.active {color: currentColor;}
.btn-primary {color: #fff;border:1px solid var(--primary) !important;background-color: var(--primary);}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {background-color: transparent !important;color: var(--primary) !important;}
.btn-default {background-color: #fff;border:1px solid var(--primary);color: var(--primary)}
.btn-default:hover,
.btn-default:active,
.btn-default:focus {color: #fff !important;background-color: var(--primary);}
.btn-rounded {border-radius: 25px;height: 40px;padding-left: 30px;padding-right: 30px;}
.btn-fish {padding: 0;}
.btn-fish:after {width: 8px;margin-left: 10px;height: 10px;display: inline-block;vertical-align: middle;content: "";background:right center / auto no-repeat url("../images/icon/icon-fish.svg");transition: var(--transition);}
.btn-fish:hover:after {width: 27px;}

/* Btn:Hamburger */
.btn-hamburger {width: 30px;height:26px;padding: 0;}
.btn-hamburger .bars {display: inline-block;position: relative;height: 17px;width: 26px;z-index: 3;}
.btn-hamburger .bars span {width: 100%;height: 3px;display:  block;background-color: var(--primary);transition:.1s;position: absolute;left: 0;border-radius: 21px}
.btn-hamburger .bars span:nth-child(1) {top:0;}
.btn-hamburger .bars span:nth-child(2) {top: 8px;}
.btn-hamburger .bars span:nth-child(3) {top: 16px;}
.nav-opened .btn-hamburger .bars span:nth-child(1) {transform:rotate(45deg);top: 9px;}
.nav-opened .btn-hamburger .bars span:nth-child(2) {opacity: 0}
.nav-opened .btn-hamburger .bars span:nth-child(3) {transform:rotate(-45deg);top: 9px;}

/**
 * Pager
 */
.nav-pagination {text-align: center;}
.nav-pagination .pagination {justify-content: center}
.nav-pagination .pagination .page-item {margin: 0 5px;line-height: 15px;}
.nav-pagination .pagination .page-item i {font-size: 15px;}
.nav-pagination .pagination .page-item:first-child i {margin-left: -1px;}
.nav-pagination .pagination .page-item:last-child i {margin-left: 1px;}
.nav-pagination .pagination .page-link {border-radius: 2px !important;color: var(--default);background-color: #fff;border: 1px solid var(--primary-light);box-shadow: none !important;padding: 0.35rem .7rem 0.26rem .7rem;}
.nav-pagination .pagination .page-link:hover,
.nav-pagination .pagination .page-item.active .page-link {color: var(--default);background-color: #fff;border-color: var(--default);}
.nav-pagination .pagination .page-item.disabled .page-link {color: var(--primary-light)}


/**
 * Breadcrumbs
 */
.nav-breadcrumbs {font-size: 14px;font-weight: normal;}
.nav-breadcrumbs .breadcrumb {background-color: transparent;padding:20px 0 0 0;margin-bottom: 0;text-align: right;justify-content: flex-end}
.nav-breadcrumbs .breadcrumb a {color: var(--default)}
.nav-breadcrumbs .breadcrumb a:hover {color: var(--primary);}
.nav-breadcrumbs .breadcrumb li.active,
.nav-breadcrumbs .breadcrumb li.active a {color: var(--primary);}
.nav-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {content: "|";color: var(--primary)}
@media (max-width: 767px) {
    .nav-breadcrumbs .breadcrumb {padding-top: 0;}
}


/**
 * Form
 */
.form {}
.form .form-group {padding-top: 10px;position: relative;}
.form .form-control {border: 1px solid var(--gray);border-radius:var(--radius);height: 45px;}
.form .form-control-textarea {height: auto;}
.form .form-control:hover,
.form .form-control:focus {border-color: var(--default)}
.form label {font-weight: 400;margin-bottom: 5px;font-size: 15px;position: absolute;left: 20px;top: 0;z-index: 1;padding-left: 5px;padding-right: 5px;background-color: #fff;}
.form .form-control::-webkit-input-placeholder {color:var(--gray-300);font-size: 15px;}
.form .form-control::-moz-placeholder          {color:var(--gray-300);font-size: 15px;}
.form .form-control:-moz-placeholder           {color:var(--gray-300);font-size: 15px;}
.form .form-control:-ms-input-placeholder      {color:var(--gray-300);font-size: 15px;}
.form .privacy {font-size: 13px;color: var(--gray-700);font-weight: 400;}
.form .privacy a {color: var(--gray-dark); text-decoration: underline;}
.form .form-control-textarea {min-height: 80px}
.form .is-required span {color: #B7002C;}
.form .is-required .form-control {border-color: #B7002C;}
.form-thx {text-align: center;padding:40px 30px 40px 30px;}
.form .btn-submit .icon {margin-right: 8px;}
@media (max-width: 575px) {
    .form .form-group-final p {line-height: 12px;}
    .form .privacy {padding-left: 0;padding-right: 0;font-size: 12px}
    .form .privacy p {font-size: 12px;line-height: 16px;}
}


/**
 * Modals
 */
.modal-dialog {}
.modal-content {background-color: #fff;border-radius: var(--radius)}
.modal-body {padding:30px 60px 10px 60px;position: relative;}
.modal-title {text-align: center;font-family: var(--roboto);font-weight: bold;font-size: 24px;line-height: 29px;color: var(--primary);margin-bottom: 15px;}
.modal-description {font-size: 14px;line-height: 19px;text-align: center;margin-bottom: 25px;}
.btn-modal-close {position: absolute;width: 40px;height: 40px;right: 0;top: 0;z-index: 1;border: none;background-color: #fff;font-size: 26px}
.btn-modal-close:focus,
.btn-modal-close:hover {background-color: #fff;color: var(--primary)}
@media (max-width: 575px) {
    .modal-body {padding:30px 15px 10px 15px;}
    .modal-title {font-size: 18px;line-height: 22px;}
    .modal-description {line-height: 20px;}
}


/**
 * Social
 */
.social {}
.social a {display: inline-block;margin-right: 7px;border-radius: 50%;width: 19px;height: 19px;line-height: 19px;background-color: var(--default);text-align: center;font-weight: normal;}
.social a i {color: #fff;font-size: 12px;}
.social a:hover {background-color: var(--primary);}


/**
 * Sliders
 */
/* Swiper */
.swiper {position: relative;}
.swiper .prev,
.swiper .next {color: var(--primary);background-color: rgba(255, 255, 255, 0.8);width: 35px;height: 35px;position: absolute; bottom: 0; z-index: 2;display: flex;align-items: center;justify-content: center;transition: var(--transition);box-shadow: none !important; outline: none !important}
.swiper .prev:hover,
.swiper .next:hover {background-color: var(--primary);color: #fff}
.swiper .prev {right: 35px;}
.swiper .next {right: 0;}
.swiper .prev i,
.swiper .next i {font-size: 18px}
.swiper .prev i {margin-right: 2px;}
.swiper .next i {margin-left: 2px;}


/* Swiper:About */



/**
 * Text
 */
.text, .text p {font-size: 16px;font-weight: 400;line-height: 24px;}
.text h1 {font-weight: bold;font-size:35px;margin-bottom: 15px;text-transform: uppercase;color: var(--default)}
.text h2 {font-weight: bold;font-size:16px;margin-bottom: 10px;text-transform: uppercase;color: var(--default)}
.text h3 {font-weight: 700;font-size:18px;margin-bottom: 10px;text-transform: uppercase;color: var(--default)}
.text h4,.text h5,.text h6{font-weight: 500;font-size:24px;margin-bottom: 10px;}
.text p {margin-bottom:15px;}
.text a {text-decoration:underline;color:var(--primary);}
.text a:hover { color:#B46714;}
.text strong {font-weight: bold;}
.text blockquote {text-align:center;outline: 2px solid #fff; outline-offset: -25px;padding:60px 50px;background-color: #E5E5E5;margin-bottom: 40px;}
.text blockquote > *:last-child {margin-bottom: 0;}
.text em {font-style:italic;}
.text ul, .text ol{padding: 5px 15px 10px 0;margin-bottom:5px;}
.text ul li, .text ol li {margin-left:15px;}
.text ul li {position: relative;text-align: left;padding-left: 3px;margin-bottom: 10px;color: var(--primary)}
.text ol li {list-style:decimal;padding:1px 0 5px 10px;}
.text .justifyfull {text-align:justify;}
.text img {}
.text.adaptive-image img {width:100% !important;}
.text hr {}
@media (max-width: 767px) {
    .text, .text p {font-size: 14px;line-height: 20px;}
}


/**
 * Main:Header
 */
.main-header {padding-top: 30px;}
.main-header h1 {font-weight: bold;font-size: 30px;line-height: 35px;color: var(--primary);position: relative;padding-bottom: 15px;}
.main-header h1:before {width: 57px;height: 2px;background-color: var(--primary);position: absolute;left: 0;bottom: 0;z-index: 1;display: block;content: ""}
@media (max-width:767px) {
    .main-header h1 {font-size: 20px;line-height: 23px;}
}


/**
 * Section:Header
 */
.section-header {margin-bottom: 30px;position: relative;padding-bottom: 15px;}
.section-header:before {width: 57px;height: 2px;background-color: var(--primary);position: absolute;left: 0;bottom: 0;z-index: 1;display: block;content: ""}
.section-header h1,
.section-header h2 {font-weight: bold;font-size: 30px;line-height: 35px;color: var(--primary)}
.section-header-centered {text-align: center;padding-bottom: 0;}
.section-header-centered:before {display: none;}
@media (max-width:767px) {
    .section-header {margin-bottom: 20px;}
    .section-header h1,
    .section-header h2 {font-size: 20px;line-height: 23px;}
    .section-header-centered {text-align: left;}
}


/**
 * Section:Spacer
 */
.spacer-x1 {padding-top: 40px;padding-bottom: 40px;}
.spacer-x2 {padding-top: 60px;padding-bottom: 60px;}
.spacer-top-x1 {padding-top: 40px;}
.spacer-top-x2 {padding-top: 60px;}
.spacer-bottom-x1 {padding-bottom: 40px;}
.spacer-bottom-x2 {padding-bottom: 60px;}
@media (max-width:767px) {
    .spacer-x1 {padding-top: 30px;padding-bottom: 30px;}
    .spacer-x2 {padding-top: 40px;padding-bottom: 40px;}
    .spacer-top-x1 {padding-top: 15px;}
    .spacer-top-x2 {padding-top: 30px;}
    .spacer-bottom-x1 {padding-bottom: 15px;}
    .spacer-bottom-x2 {padding-bottom: 30px;}
}


/**
 * Header
 */
.template > header {position: fixed;left: 0;top: 0;width: 100%;z-index: 101;transition: var(--transition);padding-top: var(--header-padding);padding-bottom: var(--header-padding);}
.template > header .container {position: relative;}
.template > header .row-header {min-height: var(--height-header);}
.template > header .logo {display: inline-block;}
.template > header .btn-hamburger {display: none;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);z-index: 11;}
.template > header .header-lang {display: inline-block;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);z-index: 10;}
.template > header .header-lang .btn-lang {font-weight: bold;font-size: 18px;text-transform: uppercase;color: var(--primary);position: relative;z-index: 1;padding: 0;}
.template > header .header-lang .btn-lang i {margin-left: 10px;margin-top: -2px;transition: var(--transition)}
.template > header .header-lang .list {position: absolute;right: 5px;top: 100%;z-index: 2;min-width: 200px;}
.template > header .header-lang .list ul {padding: 10px;background-color: #fff;border-radius: 6px;position: relative;margin: 10px;box-shadow: var(--shadow)}
.template > header .header-lang .list ul:after {position: absolute;right: 10px;top: -11px; display: block;content: "\f2ec";font-family: var(--awesome-pro);font-weight: 900;z-index: 1;color: #fff}
.template > header .header-lang .list .icon {min-width: 26px;min-height: 16px;}
.template > header .header-lang .list li {list-style: none;text-align: right;margin-bottom: 5px;padding-bottom: 5px;border-bottom: 1px solid var(--gray-300);}
.template > header .header-lang .list li:last-child {margin-bottom: 0;border-bottom: none;padding-bottom: 0;}
.template > header .header-lang .list li a {display: flex;align-items: center;justify-content: space-between;width: 100%;}
.template > header .header-lang .list li:hover a,
.template > header .header-lang .list li.active a {color: var(--primary)}
.template > header .header-lang .list.collapse.show ~ .btn-lang i,
.template > header .header-lang .btn-lang:hover i {transform: rotate(-180deg)}
.template > header .header-lang .list.collapse.show ~ .btn-lang,
.template > header .header-lang .btn-lang:hover {background-color: transparent;color: currentColor}
/* Header:Fixed */
.template.header-fixed > header {background-color: #fff;padding-top: 0;padding-bottom: 0;box-shadow: var(--shadow)}

@media (max-width:991px) {
    .template > header .row-header {min-height: var(--height-header-mobile);}
    .template > header .col-nav {transform:translateX(100%);position: fixed;left: 0;top: calc(var(--height-header-mobile) + (var(--header-padding) * 2));z-index: 1;width: 100%;height: calc(100vh - var(--height-header-mobile));background-color: #fff;transition: var(--transition)}
    .template.header-fixed > header .col-nav {top: var(--height-header-mobile);}
    .template > header .btn-hamburger {display: inline-flex;}
    .template > header .header-lang {right: 120px;padding-top: 3px;}

    /* Mobile */
    .template.nav-opened > header {background-color: #fff;}
    .template.nav-opened > header .col-nav {transform: translateX(0)}
}
@media (max-width:767px) {
    .template > header .logo img {max-height: calc(var(--height-header-mobile) - 20px);}
}
@media (max-width:575px) {
    .template > header .header-lang {right: 85px;}
}


/* Nav:Main */
.nav-main {text-align: right;padding-top: 14px;padding-right: 150px;}
.nav-main .menu {display: inline-block;}
.nav-main .menu li {list-style: none;display: inline-block;margin-right: 45px;position: relative;}
.nav-main .menu li:last-child {margin-right: 0;}
.nav-main .menu li:after {content: "";display: block;position: absolute;left: 0;bottom: 0;z-index: 1;width: 0;height: 10px;background: center center / auto no-repeat url("../images/nav-main-wave.svg");transition: .5s;opacity: 0}
.nav-main .menu li a {display: inline-block;color: #141414;font-weight: 500;font-size: 18px;padding-bottom: 15px;position: relative;z-index: 2;}
.nav-main .menu li:hover a {color: var(--primary)}
.nav-main .menu li:hover:after {width: 100%;opacity: 1}
@media (max-width:1199px) {
    .nav-main {padding-right: 90px;}
    .nav-main .menu li {margin-right: 20px;}
    .nav-main .menu li a {font-size: 16px}
}
@media (max-width:991px) {
    .nav-main {padding-right: 0;background: center center / 100% auto no-repeat url("../images/nav-mobile-bg.png");height: 100%;display: flex;align-items: center; justify-content:center;}
    .nav-main .menu {display: block;}
    .nav-main .menu li {margin-right: 0;display: block;margin-bottom: 5vh;text-align: center;}
    .nav-main .menu li:last-child {margin-bottom: 0;}
    .nav-main .menu li:after {display: none !important;}
}


/**
 * Section:Hero
 */
.section-hero {position: relative;overflow: hidden}
.section-hero .container-caption {position: relative;z-index: 10;}
.section-hero .container-caption h1 {font-size: 47px;font-weight: bold;color: #fff;text-transform: uppercase;}
.section-hero .container-caption .btn-scroll-down {position: absolute;left: 50%;bottom: 35px;z-index: 1;transform: translateY(-50%);padding: 0;-webkit-animation: spin 2.4s infinite linear;animation: spin 2.4s infinite linear;}
.section-hero .row-hero {min-height: 100vh;position: relative;z-index: 2;}
.section-hero .parallax {height: 100%;width: 100%;overflow: hidden;position: absolute;left: 0;top: 0;z-index: 1;}
.section-hero .parallax .layout {/*background-attachment: fixed;*/ background-size: cover;position: absolute;left: 0;width: calc(100%);height: calc(100%);z-index: 1; background-repeat: no-repeat;}
.section-hero .parallax .layout {background-position: center center; top: 0;background-image: url("/assets/images/example/shit2.jpg");z-index: 1;}
@media (max-width:991px) {
    .section-hero .row-hero {min-height: 450px;}
    .section-hero .container-caption h1 {font-size: 26px}
    .section-hero .container-caption .btn-scroll-down {display: none;}
}
@media (max-width:575px) {
    .section-hero .row-hero {height: auto;min-height:100%;padding-top: 15px;padding-bottom: 15px;}
    .section-hero .parallax {height: 50vh;background: center center / cover no-repeat url("../images/hero/bg-mobile.png");position: relative;}
    .section-hero .parallax .layout {display: none;}
    .section-hero .container-caption h1 {font-size: 20px;color: var(--primary)}
}


/**
 * Section:About
 */
.section-about {overflow: hidden}
.section-about .section-header {margin-bottom: 20px;position: relative;}
.section-about .section-header:after {display: block;content: "";border: 3px solid #F7F3EA;width: 100%;height: 160px;max-width: 460px; position: absolute;left: -110px;top: -30px;z-index: 1;}
.section-about .section-header h2 {}
.section-about .col-content {}
.section-about .col-content .wrapper {padding-left: 40px;padding-top: 60px;}
.section-about .col-content .since {color: var(--warning)}
.section-about .col-content .text {padding-top: 70px;margin-bottom: 30px;}
@media (max-width:991px) {
    .section-about .section-header:after {left: -60px;}
    .section-about .col-content .wrapper {padding-left: 0;}
}
@media (max-width:767px) {
    .section-about .section-header {margin-bottom: 15px;}
    .section-about .section-header:after {height: 110px;top: -20px;}
    .section-about .col-content .wrapper {padding-top: 40px;}
    .section-about .col-content .since {font-size: 14px}
    .section-about .col-content .text {padding-top: 35px;margin-bottom: 20px;}
}



/**
 * Section:Factory
 */
.section-factory {background: var(--gray-100) left bottom / auto no-repeat url("../images/wave-1.png");overflow: hidden}
.section-factory > .container {position: relative;padding-bottom: 100px;}
.section-factory .section-header {margin-bottom: 40px;}
.section-factory .content {background-color: #fff;padding: 50px 60px 50px 60px;max-width: 690px;position: absolute;right: 0;bottom: 0;z-index: 2;}
.section-factory .more {padding-top: 30px;}
.section-factory .pechat-k {position: absolute;right: -50px;bottom: -50px;z-index: 2;}
@media (min-width:992px) {
    .swiper-factory {min-height: 360px;position: relative;z-index: 1;}
    .swiper-factory .swiper-slide,
    .swiper-factory .slide-image {height: 240px;width: 410px; transition: var(--transition);opacity: .8}
    .swiper-factory .swiper-slide-active,
    .swiper-factory .swiper-slide-active .slide-image {width: 720px !important;height: 360px !important;opacity: 1}
    .swiper-factory .prev,
    .swiper-factory .next {bottom: auto;top: 0;}
    .swiper-factory .prev {right: auto;left: 650px;}
    .swiper-factory .next {right: auto;left: 685px;}
}
@media (max-width:991px) {
    .section-factory {}
    .section-factory > .container {padding-bottom: 0;}
    .section-factory .section-header {margin-bottom: 30px;}
    .section-factory .content {max-width: none;position: relative;}
    .swiper-factory .swiper-slide {max-width: 580px;}
    .swiper-factory .prev {right: auto;left: 510px;}
    .swiper-factory .next {right: auto;left: 545px;}
}
@media (max-width:767px) {
    .section-factory {background-position: left -190px bottom -30px;padding-bottom: 50px;}
    .section-factory .content {background-color: transparent;padding: 15px 0 0 0;}
    .section-factory .more {padding-top: 0;}
    .section-factory .pechat-k {max-width: 100px;right: 0;bottom: -92px;}
    .swiper-factory .swiper-slide {max-width: 380px;}
    .swiper-factory .prev {left: 310px;}
    .swiper-factory .next {left: 345px;}
}
@media (max-width:575px) {
    .swiper-factory .swiper-slide {max-width: 260px;}
    .swiper-factory .prev {left: 190px;}
    .swiper-factory .next {left: 225px;}
}


/**
 * Section:Goods
 */
.section-goods {overflow: hidden}
.section-goods .section-header {margin-bottom: 60px;}
.section-goods .col-content .wrapper {padding-left: 40px;padding-top: 60px;padding-right: 40px;}
.section-goods .text {margin-bottom: 40px;}
.section-goods .text h3 {margin-bottom: 20px;}

.grid-categories {}
.grid-categories .col {margin-bottom: 30px;}
.grid-categories .grid-item {background-color: #fff;border-radius:15px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);padding: 30px;display: flex;align-items: center;flex-wrap: wrap;min-height: 280px;text-align: center;justify-content: center}
.grid-categories .grid-item figcaption {font-size: 18px;font-weight: bold;}
.grid-categories .col.active .grid-item figcaption,
.grid-categories .grid-item:hover figcaption {color: var(--primary)}
.grid-categories .grid-item .item-image {display: flex;position: relative;align-items: center;justify-content: center;flex-wrap: wrap;width: 100%;min-height: 160px;}
.grid-categories .grid-item .item-image:after {max-width: 145px;max-height: 145px;display: block;content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 0;height: 0;background-color: var(--yellow);border-radius: 50%;z-index: 1;transition: var(--transition);opacity: 0}
.grid-categories .grid-item .item-image img {position: relative;z-index: 2;}
.grid-categories .grid-item:hover .item-image:after,
.grid-categories .col.active .grid-item .item-image:after {width: 100%;height: 100%;opacity: 1}
@media (max-width:1199px) {
    .section-goods .section-header {margin-bottom: 30px;}
    .section-goods .col-content .wrapper {padding: 30px 0 0 0;}
    .section-goods .grid-categories {margin-bottom: 10px;}
}
@media (max-width:767px) {
    .section-goods .text {margin-bottom: 0;}
}
@media (max-width:575px) {
    .section-goods .grid-categories {margin-left: -5px;margin-right: -5px;margin-bottom: 20px;}
    .section-goods .grid-categories .col {padding-left: 5px;padding-right: 5px;margin-bottom: 10px;}
    .section-goods .more {text-align: center;}
    .grid-categories .grid-item {padding: 10px;min-height: 140px;height: 100%;}
    .grid-categories .grid-item .item-image:after {max-width: 80px;max-height: 80px;}
    .grid-categories .grid-item .item-image {min-height: auto;padding: 15px}
    .grid-categories .grid-item .item-image img {max-height: 60px;}
    .grid-categories .grid-item figcaption {font-size: 14px;line-height: 16px;padding-left: 15px;padding-right: 15px;}
}


/**
 * Section:Contact
 */
.section-contacts {background: var(--gray-100) left -100px top -50px / auto no-repeat url("../images/wave-2.png");overflow: hidden}
.section-contacts .section-header {margin-bottom: 40px;}
.section-contacts .row-top {margin-bottom: 30px;}
.section-contacts .address {margin-bottom: 30px;}
.section-contacts .address h3 {margin-bottom: 10px;color: var(--primary); font-weight: bold; font-size: 20px;}
.section-contacts .address p {margin-bottom: 5px;}
.section-contacts .caption {text-transform: uppercase;font-size: 20px;color: var(--primary);font-weight: bold;margin-bottom: 30px;}
.section-contacts .brands li {list-style: none;font-size: 19px;font-weight: bold;color: var(--primary);padding-left: 100px;position: relative;min-height: 67px;margin-bottom: 30px;}
.section-contacts .brands li img {position: absolute;left: 0;top: 0;z-index: 1;}
.section-contacts .brands li a {color: currentColor;font-weight: bold;text-decoration: underline;}
.section-contacts .grid-clocks {}
.section-contacts .grid-clocks .grid-item {display: inline-block;text-align: center;}
.section-contacts .grid-clocks .grid-item figcaption {margin-top: 10px;font-weight: bold;color: #000}
@media (max-width: 991px) {
    .section-contacts .grid-clocks {max-width: 470px;}
}
@media (max-width: 767px) {
    .section-contacts .address {margin-bottom: 15px;}
    .section-contacts .address h3 {margin-bottom: 10px;font-size: 16px;}
    .section-contacts .address p {font-size: 14px}
    .section-contacts .caption {font-size: 16px;margin-bottom: 15px;}
}
@media (max-width: 575px) {
    .section-contacts .brands li {font-size: 14px;line-height: 16px;padding-left: 75px;margin-bottom: 15px;}
    .section-contacts .brands li img {max-height: 55px;}
    .section-contacts .grid-clocks .grid-item figcaption {font-size: 14px}
}


/**
 * Section:Map
 */
.section-map {overflow: hidden}
.section-map .ymap {height: 520px;width: 100%;}
[class*="ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.ymap-custom-balloon {background-color: #fff;border-radius: 5px;padding: 5px;min-width: 145px;text-align: left;display: inline-block;}
.ymap-custom-balloon-caption {color: #000;font-weight: bold;font-size: 15px}
.ymap-custom-balloon-text {font-size: 13px;color: var(--gray-400)}



/**
 * Footer
 */
.template > footer {background: var(--primary) 0 0 / auto repeat-x url("../images/footer-bg-sprite.png");color: #fff;position: relative;}
.template > footer:before {display: block;content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: right bottom / auto no-repeat url("../images/footer-bg.svg");color: #fff}
.template > footer a {color: #fff}
.template > footer > .container {min-height: 340px;position: relative;z-index: 2;}
.template > footer .logo {display: inline-block;}
.template > footer .top,
.template > footer .bottom {width: 100%;position: absolute;left: 0;padding-left: 15px;padding-right: 15px;}
.template > footer .top {top: 0;padding-top: 40px;}
.template > footer .bottom {bottom: 0;padding-bottom: 40px;}
.template > footer .year {text-align: center;}
.nav-footer {}
.nav-footer li {list-style: none;margin-left: 20px;margin-right: 20px;display: inline-block;margin-bottom: 5px;}
.template > footer .col-policy p {margin-bottom: 5px;}
.template > footer .col-policy .copy {margin-bottom: 0;}
.template > footer .btn-top {position: absolute;padding: 0;right: 15px;top: 75px;z-index: 1;}
@media (max-width: 991px) {
    .nav-footer {padding-left: 50px;}
    .nav-footer li {display: block;margin-left: 0;margin-right: 0;}
    .template > footer .year {text-align: right;}
}
@media (max-width: 767px) {
    .template > footer {font-size: 14px;}
    .template > footer:before {background-position: right 22% bottom 100px;}
    .template > footer > .container {min-height: 580px;}
    .nav-footer li {font-size: 14px;}
}
@media (max-width: 575px) {
    .template > footer .logo {max-width: 180px;margin-bottom: 30px;}
    .template > footer .btn-top {top: 60px;}
    .nav-footer {padding-left: 0;}
    .nav-footer .menu {display: flex;flex-wrap: wrap;padding-left: 30px;padding-right: 30px;}
    .nav-footer li {width: 50%;margin-bottom: 20px;}
    .nav-footer li a {font-weight: bold;}
}


/**
 * Template
 */
.template:not(.template-index) > main {padding-top: var(--height-header);}


/**
 * Template::Contact
 */
.template-contact .section-contacts {background-color: #fff;background-position: right -100% top;}
@media (max-width: 1199px) {
    .template-contact .section-contacts {background-position: right 0 top;}
}

/**
 * Template::404
 */
.template-e404 {}
.section-404 .section-header h1 {}
.section-404 .col-btn {padding-top: 20px;}
.section-404 .col-btn .btn {margin-right: 20px;}
.section-404 .img-404 {margin-left: -100px;}
@media (max-width: 991px) {
    .section-404 .section-header {margin-bottom: 50px;}
    .section-404 .col-btn {margin-bottom: 30px;}
    .section-404 .img-404 {margin-left: 0;}
}
@media (max-width: 767px) {
    .section-404 .col-btn {padding-top: 0;}
}
@media (max-width: 575px) {
    .section-404 .col-btn .btn {margin-right: 0;margin-bottom: 15px;}
}


/**
 * Template::Tools
 */
.grid-tools {}
.grid-tools .grid-item {margin-bottom: 30px;}
.grid-tools .grid-item .caption {margin-bottom: 20px;}
.grid-tools .grid-item .caption h2 {font-size: 20px;line-height: 23px;color: var(--primary);font-weight: bold;}
.grid-tools .grid-item .text {padding-top: 30px;}
@media (max-width: 767px) {
    .grid-tools .grid-item .caption h2 {font-size: 16px;line-height: normal;}
    .grid-tools .grid-item .col-img {margin-bottom: 30px;}
    .grid-tools .grid-item .text {padding-top: 0;}
}


/**
 * Template::About
 */
.template-about {}
.template-about .main-header {padding-top: 60px;}

/* Section:AboutBoss */
.section-about-boss {position: relative;margin-top: 30px;}
.section-about-boss .quote {background-color: var(--gray-100);padding-top: 30px;padding-bottom: 30px;margin-bottom: 30px;position: relative;z-index: 1;}
.section-about-boss .quote:after {background: right top / auto no-repeat url("../images/wave-5.png");position: absolute;z-index: 1;right: 0;top: -90px;height: 439px;width: 882px;display: block;content: ""}
.section-about-boss .quote .text p {font-size: 16px;line-height: 25px;color:#303131;}
.section-about-boss .quote author {font-size: 14px;}
.section-about-boss .more {position: relative;z-index: 3;}
.section-about-boss .photo {position: absolute;width: 100%;left: 0;top: 0;z-index: 2;padding-top: 30px;}
.section-about-boss .content {padding-left: 50px;}
@media (max-width: 991px) {
    .section-about-boss .quote:after {top: -30px;}
    .section-about-boss .content {padding-left: 0;}
}
@media (max-width: 767px) {
    .section-about-boss {margin-top: 0;}
    .section-about-boss .quote:after {display: none;}
    .section-about-boss .photo {position: relative;}
    .section-about-boss .quote .text p {font-size: 14px;line-height: 22px;}
}
 
/* Section:AboutContent */
.section-about-content {overflow: hidden;}
.section-about-content .section-header h2 {font-size: 25px}
.section-about-content .content {padding-left: 50px;}
.section-about-content .modern {position: relative;padding-bottom: 100px;}
.swiper-modern-thumbs {max-width: 440px;}
.swiper-modern-thumbs .swiper-slide {}
.swiper-modern-thumbs .swiper-slide h2 {margin-bottom: 35px;font-weight: bold;font-size: 25px;line-height: 29px;color: var(--primary);position: relative;padding-bottom: 15px;}
.swiper-modern-thumbs .swiper-slide h2:before {width: 57px;height: 2px;background-color: var(--primary);position: absolute;left: 0;bottom: 0;z-index: 1;display: block;content: ""}
.swiper-modern-thumbs .swiper-slide h3 {font-size: 20px;font-weight: bold;margin-bottom: 20px;color: var(--warning)}
.swiper-modern-thumbs .swiper-slide p {line-height: 21px;}
.swiper-modern-thumbs .swiper-nav {position: relative;display: flex;align-items: center;margin-top: 30px;justify-content: space-between;max-width: 330px;}
.swiper-modern-thumbs .swiper-nav:after {width: 100%;height: 1px;display: block;position: absolute;left: 0;top: 50%;transform:translateY(-50%);z-index: 1;content: "";background-color: var(--primary);}
.swiper-modern-thumbs .swiper-nav .buttons,
.swiper-modern-thumbs .swiper-nav .counter {background-color: #fff;display: inline-block;position: relative;z-index: 2;}
.swiper-modern-thumbs .swiper-nav .buttons {padding-right: 10px;min-width: 80px;display: flex;align-items: center;justify-content: space-between}
.swiper-modern-thumbs .swiper-nav .counter {padding-left: 10px;color: var(--primary);font-weight: 500;line-height: normal;}
.swiper-modern-thumbs .swiper-nav .counter span {display: inline-block;}
.swiper-modern-thumbs .swiper-nav .counter .qty {font-size: 85%;}
.swiper-modern-thumbs .prev,
.swiper-modern-thumbs .next {right: auto;position: relative;border:1.5px solid var(--gray-500);border-radius: 100%;width: 30px;height: 30px;color: var(--gray-500)}
.swiper-modern-thumbs .prev i,
.swiper-modern-thumbs .next i {font-size: 14px}
.swiper-modern-thumbs .prev:hover,
.swiper-modern-thumbs .next:hover,
.swiper-modern-thumbs .next.active {border-color: var(--primary);background-color: #fff;color: var(--primary)}
.swiper-modern {width: 40vw;position: absolute;right: 0;top: 50px;z-index: 1;}
.swiper-modern .swiper-slide {width: 40vw;max-width: 500px;}
.swiper-modern .swiper-slide img {opacity: .5;max-height: 200px;}
.swiper-modern .swiper-slide-active img {opacity: 1}

.section-about-content .infobox {margin-bottom: 60px;}
.section-about-content .infobox .infobox-bg {background: center center / cover no-repeat url("../images/img1.png");min-height:403px;}
.section-about-content .infobox .text {color: #fff;padding: 20px;max-width: 50%;}
.section-about-content .infobox .text p {font-weight: bold;}
@media (max-width: 1400px) {
    .swiper-modern {width: 50vw;}
}
@media (max-width: 1199px) {
    .section-about-content .modern {padding-bottom: 30px;}
    .swiper-modern .swiper-slide img {max-height: 170px;}
}
@media (max-width: 991px) {
    .swiper-modern {width: 100%;position: relative;right: auto;top: auto;}
    .swiper-modern .swiper-slide {width: 100%;max-width: 575px;}
    .swiper-modern .swiper-slide img {max-height: 100%;}
    .swiper-modern-thumbs {margin-bottom: 30px;}
}
@media (max-width: 767px) {
    .swiper-modern-thumbs .swiper-slide h2 {font-size: 20px;line-height: normal;padding-bottom: 10px;margin-bottom: 20px;}
    .swiper-modern-thumbs .swiper-slide h3 {font-size: 16px;}
    .swiper-modern-thumbs .swiper-slide p {line-height: normal;font-size: 14px}
    .section-about-content .infobox .text {max-width: 90%;}
}

/* JS:Readmore */
.js-read-more {position: relative;overflow: hidden;margin-bottom: 15px;transition: height .3s;}
.js-read-more:after {display: block;content: "";width: 100%;height: 50px;position: absolute;left: 0;bottom: 0;z-index: 2;background: linear-gradient(0deg, #FFFFFF -13.02%, rgba(255, 255, 255, 0) 57.29%);}
.js-read-more-show {color: var(--gray-900)}
.js-read-more-show:hover {color: var(--primary)}
.js-read-more-hide {color: var(--primary) !important}
.js-read-more[aria-expanded="true"]:after {display: none;}
@media (max-width: 767px) {
    .js-read-more-show,
    .js-read-more-hide {font-size: 14px}
}


/**
 * Template::Products
 */

/* Section:Categories */
.section-categories {background-color: var(--gray-100);margin-top: 30px;}
.section-categories .grid-categories .grid-item {cursor: pointer}
@media (max-width: 991px) {
    .section-categories .grid-categories .grid-item {min-height: 100%;height: 100%;padding: 15px;}
    .section-categories .grid-categories .item-image {display: none;}
}
@media (max-width: 767px) {
    .section-categories .grid-categories .col {margin-bottom: 15px;}
    .section-categories .grid-categories .grid-item {padding: 10px;}
    .section-categories .grid-categories .grid-item figcaption {font-size: 16px;line-height: 19px;}
}
@media (max-width: 575px) {
    .section-categories .grid-categories .col:last-child {margin-bottom: 0;}
    .section-categories .grid-categories .col.active .grid-item,
    .section-categories .grid-categories .grid-item:hover {background-color: var(--primary);}
    .section-categories .grid-categories .grid-item:hover figcaption,
    .section-categories .grid-categories .col.active .grid-item figcaption {color: #fff}
}


/* Section:Tabs */
.section-tabs {background: right top / auto no-repeat url("../images/wave-4.png");position: relative;z-index: 10;}
.prod-list {margin-bottom: 30px;}
.prod-list .caption {margin-bottom: 30px;font-size: 17px;}
.prod-list .caption h2 {margin-bottom: 10px;position: relative;font-weight: bold;font-size: 18px;line-height: 21px;color: var(--primary);text-transform: uppercase;padding-bottom: 13px;}
.prod-list .caption h2:before {width: 57px;height: 2px;background-color: var(--primary);position: absolute;left: 0;bottom: 0;z-index: 1;display: block;content: ""}
.prod-list .caption p {margin-bottom: 0;font-weight: 500;}

.grid-collapsed {position: relative;}
.grid-collapsed > .btn-more {padding: 0;font-size: 14px;font-weight: 500;}
.grid-collapsed > .btn-more i {margin-left: 15px;transition: .1s}
.grid-collapsed.is-visible > .btn-more i {transform: rotate(-180deg)}

.section-tabs .grid-collapsed > .btn-more {position: absolute;right: 0;top: -55px;z-index: 1;}

.grid-products {flex-wrap: wrap}
.grid-products .col {flex: 0 0 200px;max-width: 200px;margin-right: 30px;margin-bottom: 40px;}
.grid-products .grid-item {position: relative;width: 200px;cursor: pointer;}
.grid-products .grid-item figcaption {display: none;padding: 175px 20px 5px;position: absolute;left: -55px;top:-30px;width: calc(100% + 115px);z-index: 2;background-color: #fff;box-shadow: 0 0 9px rgba(0, 0, 0, 0.25);border-radius: 10px;}
.grid-products .item-image {position: relative;display: block;z-index: 1;}
.grid-products .item-image img {max-height: 127px;}
.grid-products .item-title {margin-bottom: 10px; font-weight: 500;font-size: 16px;line-height: 19px;text-transform: uppercase;color: var(--primary)}
.grid-products .item-desc {font-size: 14px;line-height: 18px;margin-bottom: 15px;}
.grid-products .item-kkal {}
.grid-products .item-kkal p {font-weight: bold;margin-bottom: 10px;max-width: 80%;}
.grid-products .item-kkal table {font-size: 14px;color: var(--default)}
.grid-products .item-kkal table td {padding: 4px 0;border:none !important;}
.grid-products .item-kkal table td:first-child {width: 70%;}
.grid-products .item-mobile {display: none;padding-top: 15px;}
.grid-products .item-mobile .btn-more {width: 100%;align-items: center;justify-content: space-between;display: flex;padding:0;height: 20px;font-size: 14px;font-weight: 400;}
.grid-products .item-mobile .btn-more i {transition: .1s}
.grid-products .grid-item.is-visible figcaption {display: block;}
.grid-products .grid-item.is-visible .item-image {z-index: 3;}
.grid-products .grid-item.is-visible .item-mobile .btn-more i {transform: rotate(-180deg)}
@media (max-width: 1199px) {
    .grid-products .col {margin-right: 20px;margin-bottom: 20px;}
}
@media (max-width: 991px) {
    /*.grid-products {justify-content: center}*/
}
@media (max-width: 991px) {
    .prod-list {margin-bottom: 50px;}
    .grid-products .col {margin-right: 0;flex: 0 0 100%;max-width: 100%;margin-bottom: 30px;}
    .grid-products .grid-item {width: 100%;border-bottom: 1px solid var(--gray-500);padding-bottom: 10px;}
    .grid-products .item-title {margin-bottom: 5px;font-size: 14px;}
    .grid-products .item-image {text-align: center;}
    .grid-products .item-mobile {display: block;}
    .grid-products .grid-item figcaption {padding: 0;left: auto;position: relative;top: auto;width: 100%;box-shadow: none;border-radius: 0}
    .grid-products .grid-item figcaption .item-title {display: none;}
    .grid-products .item-desc {padding-top: 15px;}
}

/* visibility */
.section-tabs .grid-collapsed .grid-products .col:nth-child(n+6) {display: none;}
.section-tabs .grid-collapsed.is-visible .grid-products .col:nth-child(n+6) {display: block;}
@media (max-width: 575px) {
    .section-tabs .grid-collapsed > .btn-more {position: relative;right: auto;top: auto;width: 150px;margin: 0 auto;display: flex;}
}
/*@media (max-width: 1199px) {
    .section-tabs .grid-collapsed .grid-products .col:nth-child(n+5) {display: none;}
    .section-tabs .grid-collapsed.is-visible .grid-products .col:nth-child(n+5) {display: block;}
}
@media (max-width: 991px) {
    .section-tabs .grid-collapsed .grid-products .col:nth-child(n+4) {display: none;}
    .section-tabs .grid-collapsed.is-visible .grid-products .col:nth-child(n+4) {display: block;}
}
@media (max-width: 767px) {
    .section-tabs .grid-collapsed .grid-products .col:nth-child(n+3) {display: none;}
    .section-tabs .grid-collapsed.is-visible .grid-products .col:nth-child(n+3) {display: block;}
}
@media (max-width: 575px) {
    .section-tabs .grid-collapsed .grid-products .col:nth-child(n+3) {display: none;}
    .section-tabs .grid-collapsed.is-visible .grid-products .col:nth-child(n+3) {display: block;}
    .section-tabs .grid-collapsed > .btn-more {position: relative;right: auto;top: auto;width: 150px;margin: 0 auto;display: flex;}
}*/


/**
 * Template::Manufacture
 */
.template-manufacture {background: right top 30px / auto no-repeat url("../images/wave-3.png");}
.template-manufacture .main-header {margin-bottom: 30px;}

/**
 * Section:ManufactureContent
 */
.section-manufacture {}
.section-manufacture .content {max-width: 80%;}
@media (max-width: 991px) {
    .section-manufacture .content {max-width: 100%;}
}

/**
 * Section:Region
 */
.section-region {}
.section-region .col-text .text {position: relative;max-width: 550px;}
.section-region .col-text .text h4 {color: var(--primary);font-size: 16px;font-weight: 500; }
.section-region .col-text .img-fish {position: absolute;right: 0;bottom: -50px;z-index: 1;}
.section-region .container-region {padding-left: 0;padding-right: 0;position: relative;max-width: 1500px;}
.section-region .districts {width: 567px;height: 590px;position: relative;background: center center / auto no-repeat url("../images/vector-map.png");}
.section-region .districts .points {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.section-region .districts .point {position: absolute;right: 0;z-index: 1;width: 15px;height: 15px;cursor: pointer}
.section-region .districts .popup {display: none;padding: 10px;position: absolute;left: 15px;bottom: 25px;background-color: #fff;min-height: 38px;min-width: 130px;align-items: center;justify-content: center; border-radius: 4px;box-shadow: 0 0 13px rgba(0, 0, 0, 0.25);z-index: 1;text-align: center;}
.section-region .districts .popup:before {border-radius: 4px;position: absolute;left: 0;top: 0; background-color: #fff; width: 100%; height: 100%; display: block;content: "";z-index: 2;}
.section-region .districts .popup:after {width: 0;height: 0;border-top: 13px solid #fff;filter: drop-shadow(0px 0px 13px rgba(0,0,0,0.25));border-right: 13px solid transparent; position: absolute;left: 0;bottom: -11px;display: block;content: "";z-index: 1;}
.section-region .districts .popup span {font-size: 14px;line-height: 16px;color: var(--primary);font-weight: 500;display: block;width: 100%;position: relative;z-index: 3;}
.section-region .districts .point-1 {top: 33.3%;right: 19.5%;}
.section-region .districts .point-2 {top: 38.5%;right: 19.5%;}
.section-region .districts .point-3 {top: 50.3%;right: 35.5%;}
.section-region .districts .point-4 {top: 56.3%;right: 14.2%;}
.section-region .districts .point-5 {top: 59.1%;right: 26%;}
.section-region .districts .point-6 {top: 63.3%;right: 37.5%;}
.section-region .districts .point-7 {top: 72.5%;right: 14.5%;}
.section-region .districts .point-8 {top: 78.3%;right: 19.5%;}
.section-region .districts .point-9 {top: 86.5%;right: 22.3%;}

.section-region .districts .point:hover .popup,
.section-region .districts .point.active .popup {display: flex;}

@media (max-width: 991px) {
    .section-region .container-region {margin: 0 auto;max-width: 720px;padding-left: 15px;padding-right: 15px;}
    .section-region .col-text .img-fish {bottom: -75px;}
}
@media (max-width: 767px) {
    .section-region .container-region {max-width: 540px;}
    .section-region .col-text .img-fish {display: none;}
}