@charset "UTF-8";
@font-face { font-family: main; src: url('../fonts/main/MuliRegular.eot'); src: url('../fonts/main/MuliRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/main/MuliRegular.woff') format('woff'), url('../fonts/main/MuliRegular.ttf') format('truetype'), url('../fonts/main/MuliRegular.svg#MuliRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: mainbold; src: url('../fonts/main/MuliBold.eot'); src: url('../fonts/main/MuliBold.eot?#iefix') format('embedded-opentype'), url('../fonts/main/MuliBold.woff') format('woff'), url('../fonts/main/MuliBold.ttf') format('truetype'), url('../fonts/main/MuliBold.svg#MuliBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: iCielPantonBlack; src: url('../fonts/main/iCielPantonBlack.eot'); src: url('../fonts/main/iCielPantonBlack.eot?#iefix') format('embedded-opentype'), url('../fonts/main/iCielPantonBlack.woff') format('woff'), url('../fonts/main/iCielPantonBlack.ttf') format('truetype'), url('../fonts/main/iCielPantonBlack.svg#iCielPantonBlack') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: MTDMitreSquare; src: url('../fonts/main/MTDMitreSquare.eot'); src: url('../fonts/main/MTDMitreSquare.eot?#iefix') format('embedded-opentype'), url('../fonts/main/MTDMitreSquare.woff') format('woff'), url('../fonts/main/MTDMitreSquare.ttf') format('truetype'), url('../fonts/main/MTDMitreSquare.svg#MTDMitreSquare') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: MuliSemiBold; src: url('../fonts/main/MuliSemiBold.eot'); src: url('../fonts/main/MuliSemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/main/MuliSemiBold.woff') format('woff'), url('../fonts/main/MuliSemiBold.ttf') format('truetype'), url('../fonts/main/MuliSemiBold.svg#MuliSemiBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: UTMHelvetIns; src: url('../fonts/main/UTMHelvetIns.eot'); src: url('../fonts/main/UTMHelvetIns.eot?#iefix') format('embedded-opentype'), url('../fonts/main/UTMHelvetIns.woff') format('woff'), url('../fonts/main/UTMHelvetIns.ttf') format('truetype'), url('../fonts/main/UTMHelvetIns.svg#UTMHelvetIns') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: MuliExtraBold; src: url('../fonts/main/MuliExtraBold.eot'); src: url('../fonts/main/MuliExtraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/main/MuliExtraBold.woff') format('woff'), url('../fonts/main/MuliExtraBold.ttf') format('truetype'), url('../fonts/main/MuliExtraBold.svg#MuliExtraBold') 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: #808080; --color-red: #ec2d3f; --color-gray: gray; }
#block-body { overflow: hidden; }

/* General */
.title-main { text-align: center; position: relative; margin-bottom: calc(30/var(--ctn-per)); }
.title-main h3 { line-height: initial; align-items: center; }
.title-main h3 i { flex-grow: 1; background: #dadada; height: 1px; position: relative; }
.title-main h3 i:first-of-type { margin-right: 40px; }
.title-main h3 i:last-of-type { margin-left: 40px; }
.title-main h3 i:before { position: absolute; content: ''; background: url('../images/title.png'); width: 19px; height: 14px; top: calc(50% - 14px/2); }
.title-main h3 i:first-of-type:before { left: calc(100% + 5px); }
.title-main h3 i:last-of-type:before { right: calc(100% + 5px); }
.title-main h3 span { padding: 10px; padding-bottom: 0; max-width: 700px; margin: 0 auto; font-family: iCielPantonBlack; text-transform: uppercase; font-size: 35px; color: #0005cb; }
.title-main p { max-width: 700px; margin: 0 auto; }
.btn-main { text-align: center; width: 100%; background: none; }
.btn-main a { padding: 10px 20px; display: inline-block; border-radius: 30px; background: none; font-size: 15px; color: #191919; border: 1px solid #696969; }
.btn-main a:hover { background: #0207cb; color: #fff; }

/*end General*/

/*============================*/

/* Header */
#block-header { position: absolute; top: 20px; left: 0; right: 0; z-index: 3; }
.header-box { position: relative; }
.header-top .box { align-items: center; }
.header-mid .box { align-items: center; }
.header-logo { width: 90px; }
.header-lang a svg { width: 30px; }

/*end header*/

/*============================*/

/* Menu */
#block-menu { max-width: 1020px; flex-grow: 1; }
.container-menu { align-items: center; }
.container-menu .search-inOut svg { fill: #fff; }
.not-index .container-menu .search-inOut svg { fill: #000; }
.menu-main { position: relative; align-items: center; flex-grow: 1; }
.menu-main li { position: relative; color: #ffffff; }
.menu-main li a { font-family: main; color: inherit; display: block; }
.menu-main>li { text-align: center; flex-grow: 1; position: relative;}
.menu-main>li>a:before { position: absolute; content: attr(title); width: 100%; height: 100%; top: 0; left: 0; 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; background: #0005cb; border-radius: 30PX; }
.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; color: #fff; }
.menu-main>li>a { font-size: 15px; line-height: 45px; text-transform: uppercase; font-family: 'mainbold'; }
.menu-main .menu-list li:hover .menu-cat, .menu-main .menu-cat li:hover .menu-item, .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: #0a0a0a94; position: absolute; visibility: hidden; opacity: 0; z-index: 10; width: 250px; 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: 6px 20px; }
.menu-main .menu-item, .menu-main .menu-cat { 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: #0005cb; }

/*============================*/

/* Search */
.search { width: calc(230/var(--ctn-per)); background: #fff; }
.search svg { width: 20px; }
.search svg * { fill: #000; }
.search p { float: left; width: 35px; height: 35px; line-height: 35px; cursor: pointer; text-align: center; margin: 0px; color: var(--color-gray); font-size: 16px; }
.search input { width: calc(100% - 35px); height: 35px; float: left; outline: none; padding: 0px; border: 0px; background: transparent; text-indent: 10px; font-size: 12px; }
.search input::-webkit-input-placeholder { color: #ccc; }
.search input:-moz-placeholder { color: #ccc; }
.search input::-moz-placeholder { color: #ccc; }
.search input:-ms-input-placeholder { color: #ccc; }

/*search-in-out*/
.menu-search { width: 20px; margin: 0 0 0 10px; }
.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; }
.form-row-search input[type="text"] { border: none; outline: none; width: 100%; height: 40px; padding: 0px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 47px; position: absolute; display: block; opacity: 0.7; -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; }

/*============================*/

/*info*/
#block-info { background: #0207cb; color: #fff; font-family: 'main'; font-size: 15px; }
.info-box { padding: 20px 0; line-height: 20px; }
.info-item { align-items: center; padding-left: 25px; position: relative; }
.info-item i { font-size: 20px; position: absolute; top: 0; left: 0; }
.info-item span { }

/*end info*/

/*===============================*/

/* Slideshow */
#block-slideshow { position: relative; z-index: 2; }
.container-slideshow {    /* width: 100%; */    height: auto; overflow: hidden; position: relative; z-index: 1; }
.slideshow-img { position: relative; }
.slideshow-img::before { position: absolute; content: ''; background: url('../images/after-slider.png')no-repeat; background-size: 100% 100%; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; }
.slideshow-img>img { width: 100%; }
.slideshow-img>a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2 }
.slideshow-text { position: absolute; bottom: 0; left: var(--lor); top: 110px; display: flex; flex-direction: column; justify-content: center; right: var(--lor); text-align: center; color: #fff; z-index: 3; }
.slideshow-text h3 { font-family: UTMHelvetIns; text-transform: uppercase; font-size: 40px; margin-bottom: 5px; }
.slideshow-text p { font-family: mainbold; font-size: 20px; text-transform: uppercase; margin-bottom: 20px; padding: 10px 0 12px; }
.slideshow-text p span { font-family: MTDMitreSquare; font-size: 25px; text-transform: capitalize; }
.slideshow-text article { font-family: main; font-size: 13px; }
.slideshow-btn { background: none; }
.slideshow-btn a { font-family: mainbold; font-size: 15px; color: #191919; background: #ffffff; padding: 12px 25px; display: inline-flex; position: relative; border-radius: 30px; }
.slideshow-btn a:hover { background-color: var(--background-hover); color: #fff; }
.slideshow-swiper .slideshow-text * { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); visibility: hidden; opacity: 0; -webkit-transition: all 0.5s 1s; -moz-transition: all 0.5s 1s; -ms-transition: all 0.5s 1s; -o-transition: all 0.5s 1s; transition: all 0.5s 1s; }
.swiper-slide-active .slideshow-text * { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); visibility: visible; opacity: 1; }
.swiper-slide-active .slideshow-text span { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
.swiper-slide-active .slideshow-text h3 { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
.swiper-slide-active .slideshow-text article { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; }
.swiper-slide-active .slideshow-text .slideshow-btn { -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; }
.swiper-slide:hover .slideshow-text .slideshow-btn, .swiper-slide:hover .slideshow-text .slideshow-btn a { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

/*end Slide*/

/*============================*/

/*About*/:root { --about-text: 940; }
#block-about { background: url('../images/bg-about.jpg'); }
.about-img { width: calc(var(--about-img)/var(--ctn-per)); }
.about-text { text-align: center; }
.about-text h2 { font-family: main; font-size: 20px; }
.about-text h3 { font-family: iCielPantonBlack; text-transform: uppercase; font-size: 35px; margin-bottom: calc(20/var(--about-text)*100%); color: #0005cb; line-height: initial; align-items: center; }
.about-text h3 i { flex-grow: 1; background: #dadada; height: 1px; position: relative; }
.about-text h3 i:first-of-type { margin-right: 40px; }
.about-text h3 i:last-of-type { margin-left: 40px; }
.about-text h3 i:before { position: absolute; content: ''; background: url('../images/title.png'); width: 19px; height: 14px; top: calc(50% - 14px/2); }
.about-text h3 i:first-of-type:before { left: calc(100% + 5px); }
.about-text h3 i:last-of-type:before { right: calc(100% + 5px); }
.about-text h3 span { padding: 10px; padding-bottom: 0; }
.about-text p { font-family: main; font-size: 13px; margin-bottom: 20px; }
.about-text article { font-family: main; font-size: 15px; color: #191919; margin: 0 auto; margin-bottom: calc(40/var(--about-text)*100%); line-height: 30px; display: -webkit-box; width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; position: relative; padding: 0px 35px; max-width: var(--about-text); }
.about-text article::before, .about-text article::after { position: absolute; content: ''; background: url('../images/2nhay.png'); width: 30px; height: 30px; }
.about-text article::before { top: 0; left: 0; }
.about-text article::after { right: 0; bottom: 0; transform: rotateY(180deg); }
.about-text .btn-main a { padding: calc(11/var(--about-text)*100%) calc(29/940*100%); font-style: italic; }

/*end About*/

/*===============================*/

/*service*/
#block-service { padding-top: calc(50/var(--wid-per)); }
.service-swiper .service-col { margin-bottom: 0; padding-bottom: 10px; }
.service-item { background: linear-gradient(to bottom, #0000 0%, #0000 calc(140/480*100%), #ededed calc(140/480*100%), #ededed 100%); }
.swiper-slide-active .service-item, .service-item:hover { background: linear-gradient(to bottom, #0000 0%, #0000 calc(140/480*100%), #161abd calc(140/480*100%), #161abd 100%); }
.swiper-slide-active .service-text, .service-item:hover .service-text { box-shadow: 0 5px 5px 0px #4c4c4c; }
.swiper-slide-active .service-img, .service-item:hover .service-img { background: #fff; }
.swiper-slide-active .service-text, .service-item:hover .service-text { color: #fff; }
.service-img { padding: 5px 0 5px 10px; background: #3a3ebf; border-radius: 50%; }
.service-img figure { border-radius: 50%; }
.service-text { padding: calc(20/280*100%); text-align: center; color: #191919; }
.service-text h3 { margin-bottom: calc(15/240*100%); }
.service-text h3 a { text-transform: uppercase; font-family: 'mainbold'; font-size: 18px; }
.service-text article { font-family: 'main'; display: -webkit-box; width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: calc(20/240*100%); }
.service-text button { margin-bottom: calc(10/240*100%); }
.service-text button a { padding: calc(7/240*100%) calc(25/240*100%); text-transform: uppercase; font-size: 13px; }
.swiper-slide-active .service-text button a, .service-item:hover .service-text button a { background: #fff; color: #0207cb; }

/*end service*/

/*===============================*/

/*procedure*/
#block-procedure { background: url(../images/bg-procedure.jpg) no-repeat center center / cover; }
.procedure-title p, .procedure-title h3 span { color: #fff; }
.procedure-box { margin-bottom: calc(40/var(--ctn-per)); justify-content: flex-start; }
.procedure-item { text-align: center; }
.procedure-text h3:hover { background: #0005cb }
.procedure-text h3:hover:before, .procedure-text h3:hover:after { border-color: #fff; }
.procedure-text h3:hover a { color: #fff; }
.procedure-number span { color: #fff; font-size: 45px; font-family: 'iCielPantonBlack'; display: inline-block; padding: 12px 0 1px; margin-bottom: 15px; }
.procedure-text { position: relative; padding: 20px 0; margin-top: 10px; }
.procedure-text::before { position: absolute; content: ''; background: #fff; width: 10px; height: 10px; border-radius: 50%; bottom: 100%; left: 0; right: 0; margin: auto; }
.procedure-text::after { position: absolute; content: ''; background: #fff; width: 100%; height: 1px; bottom: calc(100% + 5px); left: 0; right: 0; margin: auto; }
.procedure-text h3 { width: 100px; height: 100px; background: #fff; margin: 0 auto; transform: rotate(45deg); position: relative; display: flex; justify-content: center; align-items: center; }
.procedure-text h3::before, .procedure-text h3::after { position: absolute; content: ''; width: 50%; height: 50%; pointer-events: none; }
.procedure-text h3::before { border-top: 1px solid #1f23d1; border-left: 1px solid #1f23d1; top: 5px; left: 5px; }
.procedure-text h3::after { border-bottom: 1px solid #1f23d1; border-right: 1px solid #1f23d1; bottom: 5px; right: 5px; }
.procedure-text h3 a { transform: rotate(-45deg); font-family: 'MuliExtraBold'; font-size: 20px; color: #191919; padding: 10px; text-transform: uppercase; }
.procedure-footer { font-family: main; font-size: 17px; color: #ffffff; }

/*end procedure*/

/*===============================*/

/*product*/
.product-box { justify-content: flex-start; }
.product-item { background: #fff; }
.product-img { margin-bottom: 10px; }
.product-text { padding: 0 10px; text-align: center; font-size: 16px; }
.product-text h3 { font-family: mainbold; text-transform: capitalize; line-height: initial; font-size: 16px; margin-bottom: 5px; }
.product-text h3 a { font-family: 'mainbold'; color: #000000; text-transform: uppercase; }
.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; }
.product-text div { font-family: 'main'; color: #626262; }
.product-text div a { font-family: 'mainbold'; color: #d20707; }
.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; }

/*end product*/

/*===============================*/
.tab-lable { justify-content: center; margin-bottom: 20px; }
.tab-lable li { margin: 2.5px; }
.tab-lable .tab-active, .tabPage-title li:hover { background: #0005cb; 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*/

/*end tab*/

/*===============================*/

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

/*end page*/

/*===============================*/

/*tabPage*/
.tabPage-title { justify-content: center; margin-bottom: 20px; }
.tabPage-title li { margin: 2.5px; font-family: 'mainbold'; font-size: 15px; color: #282828; text-transform: uppercase; min-width: 100px; text-align: center; padding: 7px 10px; cursor: pointer; border-radius: 30px; }
.tabPage-title li.tabPage-active { background: #027b76; border-color: #027b76; color: #fff; }

/*end tabPage*/

/*===============================*/

/*mail*/
#block-mail { background: url('../images/bg-mail.jpg')no-repeat fixed; background-size: cover; }
.mail-title p, .mail-title h3 span { color: #fff; }
.mail-form { position: relative; }
.mail-form textarea, .mail-form input { border: none; width: 25%; background: #fff; font-family: main; color: #000; font-size: 13px; padding-left: 10px; line-height: 50px; border-radius: 5px; }
.mail-form textarea { height: initial; resize: none; width: 35%; }
.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: 10%; line-height: 40px; background: #0005cb; color: #fff; border-radius: 5px; padding: 0 10px; }
.mail-btn:hover { background: black; }

/*end mail*/

/*===============================*/

/*project*/
.project-swiper .project-col { margin-bottom: 0; }
.project-item { border: 1px solid #e6e6e6; padding: calc(10/410*100%); }
.project-text { padding: calc(15/365*100%) calc(10/365*100%); }
.project-text h3 { display: -webkit-box; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; }
.project-text h3 a { font-family: 'mainbold'; font-size: 16px; text-transform: uppercase; }
.project-text article { display: -webkit-box; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-family: 'main'; color: #666666; }

/*end project*/

/*===============================*/

/*Merge*/:root { --merge-news: 790; --merge-video: 380; }
#block-merge { background: url('../images/bg-about.jpg'); }

/*merge-news*/
.merge-news { width: calc(var(--merge-news)/var(--ctn-per)); }
.container-news>div { margin: 0 calc(-15/790*100%); }
.news-col { padding: 0 calc(15/820*100%); }
.news-img { margin-bottom: calc(10/380*100%); }
.news-text h3 { margin-bottom: calc(10/380*100%); display: -webkit-box; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.news-text h3 a { font-family: 'mainbold'; color: #000; text-transform: uppercase; }
.news-text p { margin-bottom: calc(10/380*100%); font-family: 'main'; font-size: 13px; color: #949494; font-style: italic; }
.news-text article { font-family: 'main'; color: #424242; display: -webkit-box; width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

/*end merge-news*/

/*================*/

/*merge-video*/
.merge-video { width: calc(var(--merge-video)/var(--ctn-per)); }
.video-play { line-height: 0; margin-bottom: 10px; }
.video-col { padding-left: calc(5/var(--merge-video)*100%); padding-right: calc(5/var(--merge-video)*100%); }
.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*/

/*===============================*/

/* Footer */
.footer-title { margin-bottom: 15px; position: relative; padding-bottom: 10px; }
.footer-title::after { position: absolute; content: ''; background: #cccccc; width: 50px; height: 1px; left: 0; bottom: 0; }
.footer-title h2 { font-family: mainbold; text-transform: uppercase; }

/*top*/
.footer-top { color: #000; }
.footer-info { width: 200px; }
.footer-logo { margin-bottom: 20px; text-align: center; }
.footer-company { width: 450px; }
.company-item { display: flex; align-items: center; margin-bottom: 10px; }
.company-item i { color: #000; border: 1px solid #000; width: 30px; line-height: 28px; font-size: 14px; text-align: center; border-radius: 50%; }
.company-item span { font-family: main; font-size: 14px; color: #000; padding-left: 10px; width: calc(100% - 30px); line-height: 1.2; }
.footer-content { line-height: 30px; font-family: main; }
.footer-content li a { font-family: main; color: #000; 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: 230px; }
.footer-facebook { width: 300px; }
.footer-social { justify-content: center; }
.footer-social a { border-radius: 50%; margin: 0 5px; }

/*mid*/
.footer-mid { background: #f2f2f2; }
.footer-mid .box { align-items: center; padding: 15px 0; font-family: main; font-size: 14px; justify-content: center; }
.copyright { margin-left: 10px; display: flex; align-items: center; }
.copyright a { margin-right: 15px; background: #0005cb; padding: 5px; border-radius: 5px; color: #fff; text-transform: uppercase; display: flex; align-items: center; }
.copyright a:hover { background: var(--background-hover); }
.copyright a svg { width: 30px; margin-right: 5px; }
.copyright p { font-size: 13px; display: inline-block; }
.counter p { padding: 0 5px; font-size: 13px; }

/*bot*/
#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; }

/*pay*/
.pay-title h3 { font-family: mainbold; color: #0005cb; }
.pay-box { align-items: center; }
.pay-img { margin: 0 5px; }

/*end pay*/

/*===============================*/

/*aside*/
.aside-small { width: 270px; }
.aside-big { 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: #db0000; width: 165px; height: 1px; bottom: -5px; right: -2px; }
.aside-title::before { position: absolute; content: ''; background: #db0000; width: 180px; height: 2px; bottom: -10px; right: 0; }
.aside-title h2 { font-family: mainbold; font-size: 18px; color: #fff; text-transform: uppercase; background: #007dfb; width: 230px; padding: 12px 0; text-align: center; position: relative; }
.aside-title h2::after { position: absolute; content: ''; border-top: 45px solid #007dfb; border-right: 15px solid #0000; top: 0; left: 100%; }
.aside-title h2::before { position: absolute; content: ''; top: 10px; background: #e02020; width: 15px; height: 45px; transform: skew(-18deg); left: calc(100% + 7px); }
.aside-box { border: 1px solid #cacaca; background: #f7f7f7; padding: 15px; padding-top: 45px; }
.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: center; }
.aside-text h3 { margin-bottom: 5px; }
.aside-text h3 a { font-family: 'mainbold'; }
.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-img { width: 35%; }
.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; }

/* end Classic */

/*pushTop*/
.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 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 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*/

/*===============================*/