/* more */
.moreBtn{position: relative;margin: 0px auto 0;background: linear-gradient(to right,var(--primary),var(--secondary));overflow: hidden;margin-top: 25px;width: 210px;}
a.more_btn {text-transform: uppercase;z-index: 3;line-height: 1.4;position: relative;display: flex;-webkit-box-align: center;padding: 14px 30px;font-size: 12px;font-weight: 600;color: #ffffff;letter-spacing: 0.5px;background: linear-gradient(to right,var(--primary),var(--secondary));justify-content: center;align-items: center;}
a.more_btn:after {display: inline-block;content: "";width: 7px;height: 7px;border-top: 1px solid #ffffff;border-right: 1px solid #ffffff;transform: rotate(45deg);vertical-align: 1px;margin-left: 20px;-webkit-animation: btnArrow 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;animation: btnArrow 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;}
.moreBtn a.more_btn:hover {background: linear-gradient(to right,var(--secondary),var(--primary));}

/* section */
section { padding: 5vw 0; }
section >* { z-index: 3; }
section .title_box {margin-bottom: 40px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
section .title_box font { text-transform: uppercase; line-height: 130%; letter-spacing: 8px; font-weight: 400; font-size: 39px; }
section .title_box font:last-child { margin-left: 15px; }
section .title_box .page_title, section .textEditor .page_title,#coordinators_area .textEditor .page_title strong {letter-spacing: 0.2px;margin-bottom: 22px;margin-top: 3px;font-size: 50px;font-weight: 800;line-height: 1;background: -webkit-gradient(linear,left top,right top,from(var(--primary)),to(var(--secondary)));background: linear-gradient(to right,var(--primary),var(--secondary));background-clip: text;-webkit-background-clip: text;color: transparent;text-transform: uppercase;display: inline-block;}
section.bg_box {background: no-repeat 50% / cover;background-attachment: fixed;}
#wrap{z-index: 10;position: relative;}
section .text_stroke {line-height: 1;font-weight: 800;font-size: 26vmin;opacity: .6;z-index: 0;right: 15%;top: 0px;-webkit-text-stroke: 0px #000;color: #f3f5f7;-webkit-text-fill-color: #f3f5f7;}
section .title_box .page_title,.coordinatorsBox .textEditor .text{position:relative}
section .title_box .page_title::after,.coordinatorsBox .textEditor .text::after{content:"";position:absolute;bottom:-30px;left:0;display:block;width:35px;height:2px;background:linear-gradient(to right,var(--primary),var(--secondary))}

/* textEditor */
section .textEditor .page_title,#coordinators_area .textEditor .page_title strong{position:relative}
section .textEditor .page_title span{position:absolute;left: -60px;top:-80px}
section .textEditor{padding: 30px 0 90px;z-index:10;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
section .textEditor .text{font-weight:500;font-size:23px;letter-spacing:0.02em;margin-bottom:10px;line-height: 160%;margin-top:8px}
section .textEditor .titleA{width:80%;font-size:17px;font-weight:600;letter-spacing:0;color:#3f3f3f;line-height:1.8;margin:30px 0 0}

/* serviceArea */
.serviceArea{width:100%;top:-90px;z-index:10;margin:-80px 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
.serviceArea .serviceBox{position:relative;top:-60px;width: calc(115% + 70px);height: 260px;background-image:url("/images/39/img_service_bg.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;margin:0 -70px 0 0;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;animation-name: fadeInLeft;-webkit-animation-name: fadeInLeft;}
.serviceArea .serviceBox .serviceList .serviceItem:not(:nth-last-child(1))::before{content:"";position:absolute;top:50%;right:0;width:0;height:0;border-style:solid;border-width:11px 0 11px 5px;border-color:transparent transparent transparent #fff}
.serviceArea .serviceItem{
    width: calc(100% - 40px);
    margin: auto;
    padding: 0 20px;
}
.serviceArea .serviceBox .serviceList .item{display:flex;width: calc(100% - 20px);flex-direction: column;align-items: flex-start;margin: 20px 10px;}
.serviceArea .serviceBox .serviceList .item:hover .Img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.serviceArea .serviceBox .serviceList .Img{width:60px;height:60px}
.serviceArea .serviceBox .serviceList .Img img{width:100%;display:block;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.serviceArea .serviceBox .serviceList .step .noBox{color:#dddde1;font-size:40px;font-weight:600;line-height:110%}
.serviceArea .serviceBox .serviceList .Txt{width:100%;text-align:center;color:#fff;margin-top: 15px;}
.serviceArea .serviceBox .serviceList .Txt .title{font-size: 18px;font-weight: 600;color: #131313;line-height: 150%;}
.serviceArea .serviceBox .serviceList .Txt .entitle{font-size: 17px;font-weight: 600;padding-top: 15px;margin: 15px 0 0 0;background: -webkit-gradient(linear, left top, right top, from(var(--primary)), to(var(--secondary)));background: linear-gradient(to right, var(--primary), var(--secondary));background-clip: text;-webkit-background-clip: text;color: transparent;position: relative;}
.serviceArea .serviceBox .serviceList .Txt .entitle::after{content:"";position:absolute;top:0;left:0;display:block;width:25px;height:2px;background:#585858}
.serviceArea .titleBox{position:relative;background:-webkit-gradient(linear,left top,right top,from(var(--primary)),to(var(--secondary)));background:linear-gradient(to right,var(--primary),var(--secondary));width:calc(45% + 70px);display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:end;align-items:flex-start;padding:0 70px 0px 220px;height:300px;color:#fff;margin:0 0 0 -70px;text-align:left;animation-name: fadeInRight;-webkit-animation-name: fadeInRight;}
.serviceArea .titleBox .titleTw{color:#fff;position:relative;z-index:2}
.serviceArea .titleBox .titleEn{position:relative;z-index:2;font-style:inherit;font-size:44px;font-weight:700;line-height:120%;width:270px;text-transform:uppercase}
.serviceArea .titleBox::before{content:"";position:absolute;top:0;left:0;background-image:url("../images/line.png");background-repeat:repeat;background-position:center;background-size:auto;width:100%;height:100%;pointer-events:none}


/* about_area */
#about_area{position:relative;padding: 120px 0;height: 1080px;background: repeat-y url(/images/39/line.png) center,linear-gradient(180deg,rgb(255 255 255 / 5%) 0%,#fff 85.64%,#f3f5f7 68.65%,#f3f5f7 100%);overflow:hidden}
#about_area .nowrap_box{z-index:10;}
#about_area .info_item{margin-bottom: 100px;font-size:15px;line-height:1.8;width:42%;padding-right:72px}
#about_area .img_item {margin-bottom: 30px;width: 53.4%;position: absolute;bottom: -200px;right: 0;height: auto;animation-name: fadeInRight;-webkit-animation-name: fadeInRight;}
#about_area .img_item:before {position: absolute;width: 100%;height: 90%;border: 1px rgba(var(--info-rgb), .1) solid;display: block;top: 130px;right: 30px;content: "";}
#about_area .img_item img {width: 100%;}
#about_area .img_item a { padding: 20px 35px; letter-spacing: 5px; text-transform: uppercase; font-size: 13px; right: 30px; bottom: -30px; z-index: 3; }
#about_area .info_item article {margin-bottom: 40px;width: 90%;line-height: 210%;letter-spacing: 1px;font-weight: 300;}
#about_area .info_item article .classLink li{font-size:17px;font-weight:600;letter-spacing:0;color:#3f3f3f;line-height:200%}
#about_area .info_item article .classLink{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

/* advantageBox */
.advantageBox{position:absolute;bottom: 40px;left:0;right:0;margin:auto;display:flex;-webkit-box-pack:center;justify-content:center;z-index: 20;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
.advantageBox li{padding:0}
.advantageBox .item{position:relative;overflow:hidden;background-color:#ffffff;height:230px;width:400px}
.advantageBox .item:nth-child(2n){background-color:#f4f4f4}
.advantageBox .contentBox{opacity:1;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;width:auto}
.advantageBox .Img img{display:block;width: 70%;margin: auto;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.advantageBox .Img a{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex}
.advantageBox p.content{opacity:0;height:50px;position:absolute;bottom:52px;font-size:14px;width:280px;max-width:280px;left:60px;color:#fff}
.advantageBox h3{display:block;width:100%;font-weight:400;color:#fff;letter-spacing:1px;line-height:1.1}
.advantageBox .adList{display:-webkit-box;display:-ms-flexbox;display:flex}
.advantageBox .adList::after{content:"";position:absolute;right:0;bottom:0;z-index:0;width:100%;height:10px;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}

#coordinators_area{position:relative;padding:180px 0 100px 0;background:repeat-y url(/images/39/img_Coordinators_bg.jpg) center,linear-gradient(180deg,rgb(255 255 255) 0%,#fff 85.64%,#ffffff 68.65%,#ffffff 100%);background-repeat:no-repeat;background-position:50% 130%;overflow:hidden;width:100%}
#coordinators_area .text_stroke{top:-60px;font-size:25vmin;right:0}
#coordinators_area .coordinatorsBox{width:1600px;margin:0 auto;display:flex;justify-content:center}
#coordinators_area .textEditor .page_title strong{font-size:36px;margin-bottom:0px}
#coordinators_area .coordinatorsBox .textBox{width:440px;margin-right:50px;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#coordinators_area .coordinatorsBox .membersBox{width:calc(100% - 500px)}
#coordinators_area .quadrilateral{width:170px;height:230px;-webkit-animation:quadril 2s infinite alternate ease-in-out;animation:quadril 2s infinite alternate ease-in-out;position:absolute;z-index:1;bottom:0;left:-50px;transition:all 0.5s ease 0s}
#coordinators_area .circle{width:150px;height:150px;right:0px;top:0;-webkit-animation:circle2 3.5s infinite alternate ease-in-out;animation:circle2 3.5s infinite alternate ease-in-out;position:absolute;z-index:1;transition:all 0.5s ease 0s}
#coordinators_area .circle img,#coordinators_area .quadrilateral{object-fit:none}

@keyframes quadril{0%,100%{bottom:250px}
50%{bottom:220px}
}
@-webkit-keyframes quadril{0%,100%{bottom:250px}
50%{bottom:220px}
}
@keyframes circle1{0%,100%{opacity:1}
50%{opacity:0}
}
@-webkit-keyframes circle1{0%,100%{opacity:1}
50%{opacity:0}
}
@keyframes circle2{0%,100%{right:0px;top:10%}
50%{right:0px;top:13%}
}
@-webkit-keyframes circle2{0%,100%{lef:-300px;top:10%}
50%{lef:-380px;top:13%}
}


/* list_box */
.list_box .info_box h3 {height: 200px;font-weight: 400;font-size: 17px;color: #383838;-webkit-line-clamp: inherit;font-family: var(--font-family), sans-serif;letter-spacing: 0;}

/* news_area */
#news_area{background-color:#f5f6f8;padding: 5vw 0 5vw 0;}
#news_area .title_box{text-align:center}
#news_area .title_box .page_title::after{left:50%;transform:translateX(-50%)}
#news_area ul .newsitem{padding:10px 10px 40px}
#news_area .list_box .row{padding-bottom:30px;position:relative;padding:30px 30px;background-color:#ffffff;letter-spacing:0.5px}
#news_area .list_box .row img{height:320px}
#news_area .list_box .row .info_box{padding:0;bottom:0}
#news_area .list_box .row .info_box p *{font-weight:500;font-size:14px;color:#a5a5a5}
#news_area .list_box .row .info_box p{margin-bottom:10px}
#news_area .list_box .row .info_box p a{margin-right:10px;padding:0 2px;max-width:calc(100% - 82px);height:23px;z-index:2}
#news_area .list_box .row .info_box .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #e6e6e6}
#news_area .list_box .row .info_box .btn a{position:relative;font-size:13px;font-weight:800;line-height:1;background:-webkit-gradient(linear,left top,right top,from(var(--primary)),to(var(--secondary)));background:linear-gradient(to right,var(--primary),var(--secondary));background-clip:text;-webkit-background-clip:text;color:transparent;text-transform:uppercase;display:inline-block}
#news_area .list_box .row .info_box .btn .btn_arrow{display:inline-block;width:28px;height:28px}
#news_area .list_box .row .info_box .btn .circle{stroke:#fff;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
#news_area .list_box .row .info_box .btn .arrow{position:absolute;top:calc(50% - 4px);left:calc(50% - 5px);fill:#fff;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
#news_area .list_box .row .info_box .btn .arrow{position:relative;display:inline-block;vertical-align:middle;width:9px;height:9px;margin-right:-5px;margin-bottom:4px}
#news_area .list_box .row .info_box .btn .arrow:after,#news_area .list_box .row .info_box .btn .arrow:before{content:"";position:absolute;top:50%;left:0;z-index:1;width:100%;height:1px;margin-top:-0.5px;background-color:#1583c1}
#news_area .list_box .row .info_box .btn .arrow:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}



/* product_area */
#product_area img { height: 100%; }
#product_area .row .info_box >div { margin: auto; width: calc(100% - 100px); }
#product_area .row .info_box h3 { margin: 10px 0; }
#product_area .row .info_box .line { margin: 10px 0 30px; width: 50px; height: 1px; background: var(--primary); opacity: .7; }
#product_area .row .info_box article { height: 75px; font-weight: 300; font-size: 15px; -webkit-line-clamp: 3; }
#product_area .row .info_box .price { margin-top: 15px; min-height: 30px; }
#product_area .row .info_box .price font { margin-left: 20px; font-weight: 300; }

/* book_area */
#book_area .row img { height: 400px; }
#book_area .row .info_box { padding: 100px 15px 60px; width: calc(100% - 30px); background: -webkit-linear-gradient(top,transparent 0,rgba(var(--black-rgb), .01) 2%, rgba(var(--black-rgb), .8) 90%); background: linear-gradient(to bottom,transparent 0,rgba(var(--black-rgb), .01) 2%, rgba(var(--black-rgb), .8) 90%); bottom: -20px; left: 0; }


@media (max-width:1680px){
	.advantageBox .item{width:325px;height:200px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
	.advantageBox .item .Txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
	.advantageBox .item .Txt .content{inset:auto;bottom:25px;right:-50px}
	.advantageBox .item .Txt h3{font-size:20px;margin-top:14px}
	.advantageBox .item .Txt p{font-size:16px}
	.advantageBox .item:hover{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
	.advantageBox .item:hover .Img{opacity:1}
	.advantageBox .item:hover .Txt{margin-bottom:25px}
	.advantageBox .item:hover .Txt p,.advantageBox .item:hover .Txt h3{font-size:18px}
	.advantageBox .item:hover p.content{bottom:30px;left:24px}
	#coordinators_area .coordinatorsBox{width:85%}
	#coordinators_area .coordinatorsBox .textBox{width:320px}
	#coordinators_area .coordinatorsBox .membersBox{width:calc(100% - 380px)}
	#about_area .img_item{bottom:0}
}
@media (max-width:1600px){
	.serviceArea .titleBox{padding:0 0 0 200px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}

}
@media (max-width:1440px){
	.advantageBox{bottom:80px}
	.advantageBox .item{width:280px;height:200px}
	.advantageBox .item p.content{max-width:240px;height:45px}
	.advantageBox .item:hover .Txt{margin-bottom:30px}
	.advantageBox .item:hover p.content{bottom:40px}
	.serviceArea .serviceBox .serviceList .Txt .title{
    font-size: 16px;
}
	.serviceArea .serviceBox .serviceList .Txt{
    margin-top: 10px;
}
	.serviceArea .serviceBox .serviceList .step .noBox{
    font-size: 35px;
}
	.serviceArea .serviceBox .serviceList .item{
    margin: 20px 50px;
}
	.serviceArea .serviceBox{
    height: 230px;
}
	.serviceArea .titleBox{
    height: 240px;
}
}

@media screen and (min-width: 1281px){
	#about_area .d_flex { align-items: center; }
	#product_area .row:hover .info_box .line { width: 100%; }
	#book_area .row:hover .info_box { bottom: 0; }
	.serviceArea .serviceBox .serviceList .Txt .title{width: 100%;}
	#about_area:after{content:"";position:absolute;bottom:350px;z-index:1;width:100%;height:100%;display:block;background-image:url(/images/39/img_about_bg.png);background-repeat:no-repeat;background-position:50% 100%;background-size:auto}
	#news_area ul .newsitem:hover .row .info_box .btn .arrow:after{-webkit-transform:rotate(270deg);transform:rotate(270deg)}
	#news_area ul .newsitem:hover .row{-webkit-box-shadow:0px 20px 10px 2.4px #e7ebef80;box-shadow:0px 20px 10px 2.4px #e7ebef80}
	#news_area ul .newsitem:hover .row .info_box h3{color:var(--primary)}

}
@media screen and (max-width: 1280px){
	#about_area .img_item:before , #about_area .img_item img { width: 100%; }
	#about_area .img_item img { height: 100%; }
	#product_area .row .info_box { background: rgba(var(--secondary-rgb), .5); }
	#product_area .row .img_box { opacity: .1; }
	.advantageBox .adList li{width:50%}
	.advantageBox .adList li:nth-child(n) .item{background-color:#4d70b1}
	.advantageBox .adList li:nth-child(3n+1) .item{background-color:#005192}
	.advantageBox .item{width:100%;-ms-flex-negative:0;flex-shrink:0}
	.advantageBox .item p.content{max-width:240px;left:0;right:0;margin:auto}
	section .text_stroke,#coordinators_area .text_stroke{display: none;}
	.serviceArea{flex-direction:column;align-items:flex-start}
	.serviceArea .serviceBox{width:calc(100% + 0px)}
	.serviceArea{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0}
	.serviceArea .serviceBox{width:100%;margin:0;top:0;padding:0 20px 0 0;display:initial;height:220px;background-size:cover}
	.serviceArea .titleBox{width:calc(100% - 100px);margin:0;padding:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0 50px;height:170px}
	.serviceArea .titleBox .titleEn{font-size:30px}
	.webBox .slick-dots{margin-top:0}
	#coordinators_area{padding:100px 0 100px 0}
}
@media screen and (max-width: 1140px){
	.advantageBox .adList{width:100%}
	.advantageBox{bottom:0}
	section .title_box .page_title,section .textEditor .page_title,#coordinators_area .textEditor .page_title strong{font-size:30px}
	section .textEditor .page_title span{top:-70px;left:-60px}
	section .textEditor .text{font-size: 16px;}
	section .textEditor .titleA{font-size: 14px;width: 100%;}
	#about_area{padding:80px 0;height:1000px}
	#about_area .img_item{bottom:140px}
	#coordinators_area .coordinatorsBox{width:90%;display:flex;flex-direction:column}
	#coordinators_area .coordinatorsBox .textBox{width:100%;padding:30px 0 40px;margin-right:0}
	#coordinators_area .coordinatorsBox .membersBox{width:calc(100% - 0px)}
	#coordinators_area .circle img,#coordinators_area .quadrilateral{display:none}
	#news_area .list_box .row{margin:0}
	.serviceArea .serviceBox .serviceList .Txt{margin-top:10px}
	section .textEditor{padding:90px 0 50px}

}
@media screen and (max-width: 1024px){
	#about_area .img_item { width: 59vw; margin: 0 0 0 auto; order: inherit; }
	#about_area .info_item {margin-top: 0px;z-index: 4;width: 100%;padding-right: 0;}
	#about_area .info_item article{width: 100%;}
}
@media screen and (max-width: 768px){
	.advantageBox .adList li{width:100%}
	.advantageBox .adList li:nth-child(n) .item{background-color:#4d70b1}
	.advantageBox .adList li:nth-child(2n) .item{background-color:#005192}
	.advantageBox .item{height:120px}
	.advantageBox .Img img{width:80%;margin:auto}
	#about_area .img_item{width:100vw;height:100vw;position:inherit}
	#about_area{height:100%;padding:0px 0}
	#product_area .list_box{margin:auto;width:400px}
	#product_area .row .info_box >div{width:calc(100% - 60px)}
	#product_area .row .info_box article{height:50px;-webkit-line-clamp:2}
	#book_area .row img{height:350px}
	.serviceArea .serviceBox .serviceList .item{margin: 20px 10px 20px;width: calc(100% - 20px);}
	.serviceArea .serviceItem ul{
    padding: 0 5px;
    width: calc(100% - 0px);
}
	.serviceArea .serviceBox .serviceList .Txt .title{font-size:14px}
	.serviceArea .serviceBox .serviceList .step .noBox{font-size:30px}
	.serviceArea .serviceBox .serviceList .Txt{margin-top:10px}
	.serviceArea .serviceBox .serviceList .Txt .entitle{font-size:14px}
	.serviceArea .serviceBox{height: 200px;}
	.list_box .info_box h3{font-size:16px}
	#news_area ul .newsitem{padding:10px 10px 10px}
	#news_area{padding:9vw 0 9vw 0}
	#coordinators_area{padding:60px 0 100px 0}
}
@media (max-width:640px){
	.serviceArea .titleBox{height: 170px;width: calc(100% - 60px);padding: 0 30px;}
	.serviceArea .titleBox::before{height:180px}
	#about_area .img_item {width: 100%;bottom: 70px;}
	#about_area .img_item:before { background: rgba(var(--secondary-rgb), 0); }
	#about_area .info_item {margin-top: 0px;}
	#coordinators_area{padding:60px 0 30px 0}
}
@media screen and (max-width: 500px){
	#product_area .list_box { width: 100%; }
	.serviceArea .serviceBox{height: 180px;}
}