@charset "UTF-8";

@font-face {
    font-family: main;
    src: url('../fonts/main/OpenSansRegular.eot');
    src: url('../fonts/main/OpenSansRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/main/OpenSansRegular.woff') format('woff'),
        url('../fonts/main/OpenSansRegular.ttf') format('truetype'),
        url('../fonts/main/OpenSansRegular.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: mainbold;
    src: url('../fonts/main/OpenSansBold.eot');
    src: url('../fonts/main/OpenSansBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/main/OpenSansBold.woff') format('woff'),
        url('../fonts/main/OpenSansBold.ttf') format('truetype'),
        url('../fonts/main/OpenSansBold.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Main */
:root {
    --color-main: #000;
    --color-hover: #ec2d3f;
    --color-btn: #fff;
    --background-main: #ec2d3f;
    --background-hover: #ec2d3f;
    --background-btn: #bd1700;
    --color-red: #ec2d3f;
    --color-gray: gray;
}

#block-body {
    overflow: hidden;
}

/* #header { } */

/* #body {} */

/* #footer {} */

/* General */
.title-main {
    text-align: center;
    position: relative;
    max-width: 750px;
    margin: auto;
    margin-bottom: calc(70/var(--ctn-per));
    font-family: mainbold;
    color: #a50d20;
    font-size: 28px;
    text-transform: capitalize;
    line-height: 1.5;
}

/*.title-main h2 {
    display: inline-block;
    text-align: center;
    font-family: mainbold;
    color: #dea603;
    font-size: 35px;
    text-transform: uppercase;
}*/

/* .title-main p {} */

.btn-main {
    text-align: center;
}

.btn-main a {
    background: #a50d20;
    color: var(--color-btn);
    padding: 12px;
    display: inline-block;
    border-left: 5px solid #E89700;
    font-family: 'main';
    font-size: 15px;
    text-transform: uppercase;
}

.btn-main a:hover {
    background: #E89700;
    color: #fff;
}

/*end General*/
/*============================*/
/* Header */
/* #block-header {} */

.header-box {
    position: relative;
}

.header-top {
    background: #a50d20;
    font-family: 'main';
    font-size: 15px;
    color: #fff;
}

.header-top .box {
    align-items: center;
    padding: 4px 0;
}

/* .header-slogan {}

.header-slogan marquee {}

.header-slogan marquee span {}

.header-address {}

.header-address i {}

.header-address span {}

.header-email {}

.header-email i {}

.header-email span {} */

.header-hotline {
    font-size: 16px;
    font-family: 'mainbold';
}

/* .header-hotline i {}

.header-hotline span {}

.header-social {}

.header-social span {}

.header-social a {}

.header-social a img {}

.header-mid {} */

.header-mid .box {
    align-items: center;
    padding: 12.5px 0;
}

.header-logo {
    width: 200px;
}

/* .header-logo a {}

.header-logo a img {}

.header-banner {}

.header-banner a {}

.header-banner a img {}

.header-cart {}

.header-cart a {}

.header-cart a i {}

.header-cart a span {}

.header-lang {}

.header-lang a {} */

.header-lang a svg {
    width: 30px;
}

/* .header-bot {} */

/*end header*/
/*============================*/
/* Menu */
#block-menu {
    width: calc(620/var(--ctn-per));
}

.container-menu {
    align-items: center;
}

.menu-main {
    position: relative;
    align-items: center;
    flex-grow: 1;
}

.menu-main li {
    position: relative;
    color: #000;
}

.menu-main li a {
    font-family: main;
    color: inherit;
    display: block;
}

.menu-main>li {
    text-align: center;
    position: relative;
}

/* .menu-main>li>a:before {
    position: absolute;
    content: attr(title);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #ffc20e;
    opacity: 0;
    text-shadow: 0 0 1px rgb(255 255 255 / 30%);
    -webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
    -moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
    transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none;
} */

.menu-main>li>a:before {
    position: absolute;
    content: attr(title);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    background-color:#a50d20;
    border-radius: 10px;
    background-clip: content-box;
    box-shadow: 0 0 0 4px #a50d20;
    opacity: 0;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    transform: scale(1.1) translate(10px, -10px) rotate(4deg);
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none;
    }

.menu-main>li.active>a:before,
.menu-main>li:hover>a:before {
    -webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    -moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
    opacity: 1;
}

.menu-main>li>a {
    font-size: 18px;
    line-height: 50px;
    text-transform: uppercase;
}

.menu-main .menu-list li:hover>ul,
.menu-main li:hover .menu-list {
    opacity: 1;
    visibility: visible;
}

.menu-main li .menu-list {
    -webkit-transform: rotate3d(1, 0, 0, -90deg);
    -moz-transform: rotate3d(1, 0, 0, -90deg);
    -o-transform: rotate3d(1, 0, 0, -90deg);
    -ms-transform: rotate3d(1, 0, 0, -90deg);
    transform: rotate3d(1, 0, 0, -90deg);
    -webkit-transform-origin: 0 0 0;
    -moz-transform-origin: 0 0 0;
    -o-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.menu-main li:hover .menu-list {
    -webkit-transform: rotate3d(0, 0, 0, 0deg);
    -moz-transform: rotate3d(0, 0, 0, 0deg);
    -o-transform: rotate3d(0, 0, 0, 0deg);
    -ms-transform: rotate3d(0, 0, 0, 0deg);
    transform: rotate3d(0, 0, 0, 0deg);
}

.menu-main li ul {
    background-color: #ffffff;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    width: 280px;
    box-shadow: 0 0 3px 1px #6b6a6a;
    -webkit-transition: visibility 0.3s, opacity 0.3s;
    -moz-transition: visibility 0.3s, opacity 0.3s;
    -ms-transition: visibility 0.3s, opacity 0.3s;
    -o-transition: visibility 0.3s, opacity 0.3s;
    transition: visibility 0.3s, opacity 0.3s;
}

.menu-main .menu-list {
    left: 0;
    top: 100%;
}

.menu-main .menu-list li {
    text-align: left;
    border-bottom: 1px solid #d0d0d0;
}

.menu-main .menu-list li a {
    display: block;
    padding: 10px 20px;
}

.menu-main li ul {
    left: 100%;
    top: 0;
}

.menu-main .menu-list li:last-child {
    border-bottom: none;
}

.menu-main .menu-list li:hover,
.menu-main .menu-list li:focus {
    background-color: #a50d20;
    color: #fff;
}

/*============================*/
/* Search */
.search-full {
    width: 200px;
    border: 1px solid #fff;
}

.search-full svg {

    width: 20px;
}

.search-full svg * {
    fill: #fff;
}

.search-full input {
    flex-grow: 1;
    height: 30px;
    outline: none;
    padding: 0px;
    border: 0px;
    background: transparent;
    text-indent: 10px;
    font-size: 13px;
    color: #fff;
    width: calc(100% - 36px);
}

.search-full button {
    width: 35px;
    height: 30px;
    line-height: 27px;
    background: none;
    border-left: 1px solid #fff;
}

.search-full button:focus {
    outline: none;
}

.search-full input::-webkit-input-placeholder {
    color: #fff;
    font-size: 13px;
}

.search-full input:-moz-placeholder {
    color: #fff;
    font-size: 13px;
}

.search-full input::-moz-placeholder {
    color: #fff;
    font-size: 13px;
}

.search-full input:-ms-input-placeholder {
    color: #fff;
    font-size: 13px;
}

/*search-in-out*/

.menu-search {
    width: 20px;
}

.menu-search i {
    color: #fff;
    font-size: 20px;
}

/* .search-form {
    background-color: #ccc;
    height: 40px;
    position: absolute;
    right: 0%;
    top: 100%;
    z-index: 9999;
    display: block;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    box-shadow: -2px 2px 9px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border: 1px solid rgba(220, 220, 220, 0.3);
    opacity: 0;
    color: #000;
} */

.search-form {
    background-color: #ccc;
    height: 40px;
    position: absolute;
    right: 0%;
    top: 100%;
    z-index: 9999;
    display: block;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    box-shadow: -2px 2px 9px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    border: 1px solid rgba(220, 220, 220, 0.3);
    opacity: 0;
    color: #000;
}


.form-row-search input[type="text"] {
    border: none;
    outline: none;
    width: 100%;
    height: 42px;
    padding: 0px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 47px;
    position: absolute;
    display: block;
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

/*============================*/
/* Slideshow */
#block-slideshow {
    position: relative;
}

.container-slideshow {
    /* width: 100%; */
    height: auto;
    overflow: hidden;
}

/* .slideshow-box {} */

.slideshow-img {
    position: relative;
}

.slideshow-img>img {
    width: 100%;
}

/*end Slide*/
/*============================*/
/*introduce*/
:root {
    --introduce-img: 580;
    --introduce-text: 580;
}

/* #block-introduce {}

.container-introduce {}

.introduce-title {}

.introduce-title h2 {}

.introduce-title p {}

.introduce-box {} */

.introduce-col {
    padding-left: calc(15/(var(--introduce-img) + 30)*100%);
    padding-right: calc(15/(var(--introduce-img) + 30)*100%);
    margin-bottom: 30px;
}

.introduce-col figure {
    position: relative;
}

.introduce-col figure figcaption {
    z-index: 1;
    top: calc(100% - 40px);
    text-align: center;
    font-family: main;
    font-size: 14px;
    color: #fff;
    background: rgb(165 13 32 / 50%);
    padding: 5px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    justify-content: center;
    align-items: center;
}

.introduce-col figure:hover figcaption {
    top: 0;
}

/* .introduce-item {} */

.introduce-img {
    width: calc(var(--introduce-img)/var(--ctn-per));
}

.introduce-wrap {
    margin-left: calc(-15/var(--introduce-img)*100%);
    margin-right: calc(-15/var(--introduce-img)*100%);
}

/* .introduce-img a {}

.introduce-img a img {} */

.introduce-text {
    width: calc(var(--introduce-text)/var(--ctn-per));
}

.introduce-text h1 {
    font-family: main;
    text-transform: uppercase;
    font-size: 28px;
    color: #a50d20;
    margin-bottom: 10px;
}

.introduce-text h2 {
    font-family: main;
    text-transform: uppercase;
    font-size: 24px;
    color: #a50d20;
    margin-bottom: 10px;
}

.introduce-text h3 {
    font-family: 'main';
    text-transform: uppercase;
    font-size: 20px;
    color: #a50d20;
    margin-bottom: 10px;
}

.introduce-text p {
    font-family: main;
    font-size: 13px;
    margin-bottom: 20px;
}

.introduce-text article {
    font-family: main;
    font-size: 16px;
    color: #000;
    margin-bottom: calc(30/580*100%);
    line-height: 30px;
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
}

.introduce-text .btn-main {
    text-align: left;
}

.introduce-text .btn-main button {
    margin-right: 25px;
}

/* .introduce-text .btn-main button a {} */

/*end introduce*/
/*===============================*/
/*field*/
/* #block-field {}

.container-field {} */

#block-field .swiper-container {
    width: 80%;
}

.field-title {
    width: 20%;
    background: linear-gradient(127deg, #ED213A, #93291E);
    color: #fff;
    padding: calc(20/var(--wid-per));
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-family: 'main';
}

.field-title h2 {
    margin-bottom: calc(20/380*100%);
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'mainbold';
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.field-title h3 {
    margin-bottom: calc(20/380*100%);
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'mainbold';
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.field-item:hover .field-text {
    padding: calc(20/380*100%);
}

.field-title p {
    font-size: 14px;
    line-height: 25px;
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* .field-box {}

.field-col {} */

.field-item {
    position: relative;
}

/* .field-img {}

.field-img a {}

.field-img a img {} */

/* .field-text {
    top: calc(100% - 45px);
    background: rgb(165 13 32 / 75%);
    color: #fff;
    font-family: 'main';
    font-size: 14px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
} */

.field-text {
    top: calc(100% - 45px);
    background: rgba(165, 13, 32, 0.75);
    color: #fff;
    font: 14px 'main';
    text-align: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    transition: all 0.5s;
    }

.field-text h3 {
    text-transform: uppercase;
    display: -webkit-box;
    width: 100%;
    font-size: 15px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

/* .field-text h3 a {} */

.field-text article {
    visibility: hidden;
    opacity: 0;
    height: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 14px;
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* .field-text span {}

.field-text p {}

.field-btn {}

.field-btn a {}

.field-btn a:hover {} */

.field-item:hover .field-text {
    top: 0;
}

.field-item:hover .field-text article {
    opacity: 1;
    visibility: visible;
    height: initial;
    margin-top: 10px;
}

/* .swiper-button {} */

.swiper-button button {
    position: absolute;
    background: rgb(0 0 0 / 50%);
    width: 35px;
}

.swiper-button button i {
    font-size: 30px;
    color: #fff;
}

.swiper-button button.field-prev {
    right: initial;
    left: 0;
}

.swiper-button button.field-next {
    right: 0;
    left: initial;
}



/*end field*/
/*===============================*/
/*product*/
/* #block-product {}

.container-product {}

.product-title {}

.product-title h2 {}

.product-title p {} */

.product-box {
    justify-content: flex-start;
}

/* .product-col {} */

.product-item {
    background: #fff;
    border: 1px solid #ccc;
}

.product-img {
    margin-bottom: 10px;
}

.product-img a {
    position: relative;
    display: block;
}

/* .product-img a img {} */

.product-text {
    padding: 0 10px;
    margin-bottom: 10px;
}

.product-text h3 {
    font-family: mainbold;
    text-transform: capitalize;
    line-height: initial;
    font-size: 16px;
    margin-bottom: 5px;
}

/* .product-text h3 a {} */

.product-text article {
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: main;
    font-size: 14px;
    margin-bottom: 5px;
    display: none;
}

.price {
    font-family: main;
    font-size: 13px;
    margin-bottom: 5px;
}

.price a,
.price-new {
    font-size: 15px;
    color: var(--color-red);
    font-family: mainbold;
}

.price-old {
    font-size: 12px;
    color: var(--color-gray);
    font-family: main;
}

/* .product-text button {}

.product-text button a {}

.product-text button a:hover {} */

/*end product*/
/*===============================*/
.tab-lable {
    justify-content: center;
    margin-bottom: 20px;
}

.tab-lable li {
    margin: 2.5px;
}

.tab-lable .tab-active {
    background: red;
    color: #fff;
}

.tab-lable li h2 {
    cursor: pointer;
    font-family: main;
    font-size: 14px;
    padding: 0 15px;
    border: 1px solid #ccc;
    line-height: 40px;
    color: inherit;
}

/*tab*/
/* #block-tab {}

.container-tab {}

.tab-title {}

.tab-title li {} */

/* .tab-title li h2 {}

.tab-box {}

.tab-col {}

.tab-item {}

.tab-img {}

.tab-img a {}

.tab-img a img {}

.tab-text {}

.tab-text h3 {}

.tab-text h3 a {}

.tab-text p {}

.tab-text button {}

.tab-text button a {}

.tab-text button a:hover {} */

/*end tab*/
/*===============================*/
/*page*/
/* #block-propage {}

.container-propage {}

.product-paging {}

#block-pagelist {}

.container-pagelist {} */

.pagelist-paging {
    justify-content: flex-start;
}

/*end page*/
/*===============================*/
/*tabPage*/
/* #block-tabPage {}

.container-tabPage {} */

.tabPage-title {
    justify-content: center;
    margin-bottom: 20px;
}

.tabPage-title li {
    margin: 2.5px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    font-family: 'mainbold';
    font-size: 15px;
    color: #282828;
    text-transform: uppercase;
    min-width: 100px;
    text-align: center;
    padding: 8.5px 10px;
    cursor: pointer;
}

.tabPage-title li.tabPage-active {
    background: #027b76;
    border-color: #027b76;
    color: #fff;
}

/* .tabPage-show {}

.tabPage-box {}

.tabPage-col {}

.tabPage-item {}

.tabPage-img {}

.tabPage-img a {}

.tabPage-img a img {}

.tabPage-text {}

.tabPage-text h3 {}

.tabPage-text h3 a {}

.tabPage-text p {}

.tabPage-text article {}

.tabPage-text button {}

.tabPage-text button a {}

.tabPage-text button a:hover {} */

/*end tabPage*/
/*===============================*/
/*loadMore*/
#block-loadMore {
    background: url('../images/bg.jpg');
}

.loadMore-plus {

    text-align: center;

    font-family: 'main';

    text-transform: uppercase;

    font-size: 20px;

    margin-top: 10px;
}

/* .container-loadMore {}

.loadMore-title {}

.loadMore-title h2 {}

.loadMore-title p {}

.loadMore-box {}

.loadMore-col {}

.loadMore-item {}

.loadMore-img {}

.loadMore-img a {}

.loadMore-img a img {}

.loadMore-text {}

.loadMore-text h3 {}

.loadMore-text h3 a {}

.loadMore-text p {}

.loadMore-text article {}

.loadMore-text button {}

.loadMore-text button a {}

.loadMore-text button a:hover {} */

/*end loadMore*/
/*===============================*/
/*ads*/
/* #block-ads {}

.container-ads {}

.ads-box {}

.ads-item {}

.ads-img {}

.ads-img a {}

.ads-img a img {}

.ads-text {} */

/*end ads*/
/*===============================*/
/*Album*/
/* #block-album {}

.container-album {} */

.album-box {
    justify-content: flex-start;
}

/* .album-col {} */

.album-item {
    position: relative;
    overflow: hidden;
}

/* .album-img {} */

.album-img a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.album-text {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: #00000080;
    padding: 10px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    visibility: hidden;
    opacity: 0;
    color: #fff;
}

.album-item:hover .album-text {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    visibility: visible;
    opacity: 1;
}

.album-text h3 {
    font-family: mainbold;
    font-size: 16px;
    text-transform: uppercase;
}

.album-text p {
    font-family: main;
    font-size: 13px;
}

/*end Album*/
/*===============================*/
/*Merge*/
:root {
    --merge-news: 770;
    --merge-video: 380;
}

/* #block-merge {}

.container-merge {} */

.merge-title {
    position: relative;
    align-items: center;
}

.merge-news .merge-title {
    margin-bottom: calc(30/770*100%);
}

.merge-title h3 {
    font-family: mainbold;
    font-size: 30px;
    text-transform: uppercase;
    display: inline-block;
}

.merge-title a {
    font-family: main;
    font-size: 14px;
    text-transform: uppercase;
}

/* .merge-box {} */

/*merge-news*/
.merge-news {
    width: calc(var(--merge-news)/var(--ctn-per));
}

.news-first {
    width: calc(370/var(--merge-news)*100%);
}

.news-first .news-img {
    width: 100%;
}

/* .news-first .news-img a {}

.news-first .news-img a img {} */

.news-first .news-text {
    width: 100%;
}

.news-first .news-text h3 {
    margin-bottom: 15px;
    color: #000;
    margin-top: 15px;
    text-transform: capitalize;
}

.news-first .news-text h3 a {
    font-family: mainbold;
    font-size: 15px;
}

.news-first .news-text p {
    font-family: main;
    font-size: 13px;
    color: #929292;
    margin-bottom: 5px;
}

.news-first .news-text p span {
    font-style: italic;
}

/* .news-first .news-text article {}

.news-first .news-text .btn-main {}

.news-first .news-text .btn-main a {} */

.news-scroll {
    width: calc(370/var(--merge-news)*100%);
    overflow: hidden;
}

.news-col {
    margin-bottom: 20px !important;
}

/* .news-item {} */

.news-img {
    width: calc(170/370*100%);
}

/* .news-img a {}

.news-img a img {} */

.news-text {
    width: calc(180/370*100%);
}

.news-text h3 {
    font-family: 'mainbold';
    font-size: 14px;
    margin-top: 10px;
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
}

/* .news-text h3 a {}

.news-text p {}

.news-text p span {} */

.news-text article {
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* .news-text btn-main a {}

.news-text btn-main a:hover {} */

/*end merge-news*/
/*================*/
/*merge-video*/
.merge-video {
    width: calc(var(--merge-video)/var(--ctn-per));
    overflow: hidden;
}

.merge-video .merge-title {
    margin-bottom: calc(30/380*100%);
}

/* .video-box {} */

.video-play {
    line-height: 0;
    margin-bottom: 10px;
}

/* .video-play iframe {} */

.video-list {
    margin-left: calc(-5/var(--merge-video)*100%);
    margin-right: calc(-5/var(--merge-video)*100%);
}

.video-col {
    margin-bottom: 20px;
}

/* .video-item {}

.video-item a {} */

.video-item a img {
    height: auto;
}

.video-list {
    overflow: hidden;
}

.video-select {
    width: 100%;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #ccc;
}

/*end merge-video*/
/*end Merge*/
/*===============================*/
/*partner*/
#block-partner {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background: url('../images/bg.jpg');
}

.container-partner {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
}

#block-partner .swiper-container {
    max-width: 900px;
}

/* .partner-title {}

.partner-title h2 {}

.partner-title p {}

.partner-box {} */

.partner-col.swiper-slide {
    margin-bottom: 0;
}

/* .partner-col {}

.partner-item {} */

.partner-img {
    border: 1px solid #ccc;
}

/* .partner-img a {}

.partner-img a img {}

.partner-text {}

.partner-text h3 {}

.partner-text h3 a {}

.partner-text p {}

.partner-text article {}

.partner-text button {}

.partner-text button a {}

.partner-text button a:hover {}

.partner-button {} */

.partner-button button {
    position: absolute;
    top: calc(50% - 32px/2);
    background: none;
}

.partner-button button i {
    font-size: 30px;
    color: #000;
}

.partner-button button.partner-prev {
    right: initial;
    left: 0;
    color: #000;
}

.partner-button button.partner-next {
    right: 0;
    left: initial;
}

/*end partner*/
/*===============================*/
/* Brand */
/* #block-brand {}

.container-brand {}

.brand-box {}

.brand-col {}

.brand-item {}

.brand-img {}

.brand-img a {}

.brand-img a img {}

.brand-text {}

.brand-text h3 {}

.brand-text h3 a {}

.brand-text p {}

.brand-text button {}

.brand-text button a {}

.brand-text button a:hover {} */

/*end Brand*/
/*===============================*/
/* Footer */
/* #block-footer {} */

.footer-title {
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
    font-family: mainbold;
    font-size: 16px;
    text-transform: uppercase;
}

.footer-title::after {
    position: absolute;
    content: '';
    background: #fff;
    width: 50px;
    height: 2px;
    left: 0;
    bottom: 0;
}

/*.footer-title h2 {
    font-family: mainbold;
    text-transform: uppercase;
}*/

/*top*/
.footer-top {
    color: #000;
    background: url('../images/bg-footer.jpg')no-repeat bottom center;
}

/* .footer-top .box {} */

.footer-company {
    width: 550px;
}

.company-title {
    margin-bottom: 25px;
    font-family: 'mainbold';
    font-size: 16px;
    color: #ffc20e;
}

/*.company-title h2 {
    font-family: 'mainbold';
    font-size: 20px;
    color: #ffc20e;
}*/

.company-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.company-item i {
    color: #fff;
    border: 1px solid #fff;
    width: 30px;
    line-height: 28px;
    font-size: 12px;
    text-align: center;
}

.company-item span {
    font-family: main;
    font-size: 14px;
    color: #fff;
    padding-left: 10px;
    width: calc(100% - 30px);
    line-height: 1.2;
}

.footer-content {
    line-height: 30px;
    font-family: main;
}

/* .footer-content li {} */

.footer-content li a {
    font-family: main;
    font-size: 14px;
    position: relative;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.footer-content li a:hover {
    left: 5px;
}

.footer-policy {
    width: 200px;
}

.footer-mail {
    width: 250px;
}

/* .mail-box {} */

.mail-form {
    position: relative;
}

.mail-form textarea,
.mail-form input {
    border: none;
    width: 100%;
    background: #fff;
    font-family: main;
    color: #000;
    font-size: 13px;
    padding-left: 10px;
    line-height: 34px;
    margin-bottom: 10px;
}

.mail-form textarea {
    height: initial;
    resize: none;
}

.mail-form textarea::-webkit-input-placeholder,
.mail-form input::-webkit-input-placeholder {
    font-family: main;
    color: #333;
    font-size: 13px;
}

.mail-form textarea::-moz-placeholder,
.mail-form input::-moz-placeholder {
    font-family: main;
    color: #333;
    font-size: 13px;
}

.mail-form textarea::-ms-input-placeholder,
.mail-form input::-ms-input-placeholder {
    font-family: main;
    color: #333;
    font-size: 13px;
}

.mail-form textarea::-moz-placeholder,
.mail-form input::-moz-placeholder {
    font-family: main;
    color: #333;
    font-size: 13px;
}

.mail-btn {
    border: none;
    font-family: mainbold;
    font-size: 15px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    min-width: 120px;
    line-height: 40px;
    background: #bb0606;
    color: #fff;
}

.mail-btn:hover {
    background: black;
}

.footer-mail p {
    font-family: main;
    font-size: 14px;
}

.footer-facebook {
    width: 270px;
}

.footer-social {
    justify-content: flex-start;
    margin-top: 20px;
}

.footer-social span {
    display: block;
    width: 100%;
    font-family: 'mainbold';
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.footer-social a {
    margin-right: 10px;
    border-radius: 50%;
}

/*mid*/
.footer-mid {
    background: #bb0606;
    color: #fff;
}

.footer-mid .box {
    padding: 10px 0;
    font-family: main;
    font-size: 14px;
}

/* .copyright {} */

.copyright p {
    font-size: 13px;
}

/* .copyright p span {} */

.counter {
    line-height: 15px;
}

.counter p {
    padding: 0 5px;
    font-size: 13px;
    border-right: 1px solid #ccc;
}

/* .counter p span {}

.social-footer {}

.social-footer a {} */

/*bot*/
.footer-bot {
    border-top: 1px solid #eaeaea;
}

.footer-bot .box {
    padding: 10px 0;
    align-items: center;
}

#footer-map {
    line-height: 0;
}

#footer-map iframe {
    width: 100%;
    height: 400px;
}

/*end Footer*/
/*===============================*/
#body-social {
    position: fixed;
    right: 20px;
    bottom: 350px;
    z-index: 9999;
}

#body-social a {
    margin: 2.5px 0;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
    display: block;
}

/*aside*/
.aside-small {
    width: 270px;
}

.aside-big {
    width: 100%;
    /*width: calc(100% - 300px);*/
}

.aside-news {
    position: sticky;
    top: 50px;
}

.container-aside {
    position: relative;
    padding-top: 10px;
}

.aside-title {
    position: absolute;
    top: 0;
    left: 0;
}

.aside-title::after {
    position: absolute;
    content: '';
    background: #a50d20;
    width: 165px;
    height: 1px;
    bottom: -5px;
    right: -2px;
}

.aside-title::before {
    position: absolute;
    content: '';
    background: #a50d20;
    width: 180px;
    height: 2px;
    bottom: -10px;
    right: 0;
}

.aside-title h2 {
    font-family: mainbold;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    background: #ffc20e;
    width: 230px;
    padding: 12px 0;
    text-align: center;
    position: relative;
}

.aside-title h2::after {
    position: absolute;
    content: '';
    border-top: 45px solid #ffc20e;
    border-right: 15px solid #0000;
    top: 0;
    left: 100%;
}

.aside-title h2::before {
    position: absolute;
    content: '';
    top: 10px;
    background: #a50d20;
    width: 15px;
    height: 45px;
    transform: skew(-18deg);
    left: calc(100% + 7px);
}

.aside-box {
    border: 1px solid #cacaca;
    background: #f7f7f7;
    padding: 15px;
    padding-top: 55px;
}

.aside-list li a {
    font-family: 'main';
    font-size: 14px;
    color: #333333;
    display: block;
    padding: 14px 0;
    position: relative;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.aside-list>li>a {
    font-family: 'mainbold';
    background: url('../images/bg-list.png')no-repeat left center;
    padding-left: 20px;
    border-bottom: 1px dashed #ccc;
}

.aside-list li a:hover {
    color: red;
}


.aside-col {
    padding-bottom: 20px !important;
}

.aside-img {
    margin-bottom: 10px;
}

.aside-text {
    text-align: left;
}

.aside-text h3 {
    padding: 5px 0;
}

.aside-text h3 a {
    font-family: 'mainbold';
    text-transform: uppercase;
    font-size: 15px;
}

.aside-text article {
    font-family: 'main';
    font-size: 14px;
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*end aside*/
/*===============================*/
/*News Classic*/

/* .newsClassic-col {}

.newsClassic-item {} */

.newsClassic-img {
    width: 35%;
}

/* .newsClassic-img a {}

.newsClassic-img a img {} */

.newsClassic-text {
    width: calc(65% - 10px);
}

.newsClassic-text h3 {
    margin-bottom: 10px;
}

.newsClassic-text h3 a {
    font-family: mainbold;
}

.newsClassic-text p {
    font-family: main;
    font-size: 13px;
    color: #5d5d5d;
    margin-bottom: 5px;
}

.newsClassic-text article {
    font-family: main;
    margin-bottom: 10px;
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsClassic-text>a {
    font-family: main;
    font-size: 13px;
}

/* .newsClassic-text>a:hover {} */

/* end Classic */

/*pushTop*/
/* #block-pushTop {} */

/* .container-pushTop {}

.pushTop-title {}

.pushTop-title h2 {}

.pushTop-title p {}

.pushTop-box {}

.pushTop-col {} */

.pushTop-item {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.pushTop-item:hover img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.pushTop-item:hover .pushTop-text {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}

/* .pushTop-img {} */

.pushTop-img {
    box-shadow: inset 8px -5px black;
}

.pushTop-img img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
    max-width: 100%;
    display: block;
    position: relative;
}

.pushTop-text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    background: #0f4334;
    color: #ffcc01;
    height: 100px;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}


.pushTop-text h3 {
    display: -webkit-box;
    width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}

.pushTop-text h3 a {
    font-family: 'mainbold';
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}

/* .pushTop-text p {} */

.pushTop-text article {
    display: -webkit-box;
    width: 70%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'main';
    color: #fff;
    font-size: 13px;
}


.pushTop-text>a {
    position: absolute;
    bottom: 20px;
    right: 20px;
    text-align: center;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-block;
    background: #ffcc01;
    color: #000;
    font-family: 'main';
    font-size: 13px;
}

.pushTop-text>a:hover {
    background: var(--background-hover);
    color: #fff;
}

/*end pushTop*/
/*===============================*/