/* 7-21 */
.about-title {
	width: 100%;
	z-index: 999;
	font-size: 5.5rem; 
	margin-top: 30%;
	position: absolute;
	text-align: center;
}

@media only screen and (max-width: 599px){
.about-title {
	font-size: 2.5rem; 
	margin-top: 60%;

}

}




/* 新增  */
.prt_section_col01 {
	width:33.33%;
	float:left;
	
	}
	@media screen and (max-width:700px){
		.prt_section_col01 {
	width:50%;
	float:left;
	
	}
}
.prt_section_col02 {
	width:50%;
	float:left;
	
	}
	@media screen and (max-width:700px){
		.prt_section_col02 {
	width:50%;
	float:left;
	
	}
}
/* 新增 2021.6.18 */
.casedetail{
	max-width:1250px; 
	margin:0 auto; 
	font-size:16px; 
	line-height:25px;
	}
.casedetail p{
	
	padding:10px;
	
	}
.casedetail h4{
	padding:10px;
	font-size:20px;
	
	}
	
.b-gallery__item {
	min-height:180px;}
/* 新增  2020.4.30 */
				 .divlink{
				 clear: both;
				 margin-top: 0em;
				 margin-bottom: 1em;
				 padding-left:1em; 
				 padding-right:1em;
				 padding-top: 1em!important;
				 padding-bottom: 1em!important;
				 width: 100%;
				 display: block;
				 font-weight: bold;
				 background-color: #89cacd;
				 border: 0!important;
				 border-left: 4px solid #5c5c5c!important;
				 box-shadow: 0 1px 2px rgb(0 0 0 / 17%);
				 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
				 -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17);
				 -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 17%);
				 text-decoration: none;
				 }
				 .divlink a:active, .divlink a:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } 
				 .divlink a { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } 
				 .divlink a .text {  color:#5c5c5c; text-decoration:none; font-size: 16px; } 
				 .divlink a .title { color:#242424; text-decoration: underline!important; font-size: 16px; } 
				 .divlink a:hover .title { text-decoration: underline!important; } 
/* 新增  2020.5.11 */

/* 新增  2020.6.1 */
.list-of-links__container{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
    max-width: 1600px;
    
    vertical-align: middle;
    width: 90%;
	background:#212121;
	padding:40px 20px 40px 20px;
}

.list-of-links__heading-wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 50px;
}
.list-of-links__heading {

    font-weight: normal;
    font-style: normal;
    color: #333;
    font-size: 18px;
    line-height: 1.4;
    color: #a1a1a1;
    margin: 0 30px 0 0;
}
.list-of-links__line {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    color: #a1a1a1;
    opacity: 0.5;
}

.list-of-links__links-container {
    font-weight: 400;
    font-style: normal;
    color: #a1a1a1;
    font-size: 16px;
    line-height: 1.5;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

.list-of-links__links {
    box-sizing: border-box;
    color: #a1a1a1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 32px;
    list-style-type: none;
    margin: 30px 0 0;
    padding-right: 15px;
    width: 25%;
}

@media only screen and (max-width: 599px){
.list-of-links__links {
    max-width: none;
    width: 50%;
	line-height: 22px;
}

}

.list-of-links__link {
    font-weight: 400;
    font-style: normal;
    color: #a1a1a1;
    font-size: 16px;
    line-height: 1.6;
    border-bottom: 1px solid;
    padding-bottom: 1px;
    text-decoration: none;
}
.list-of-links__link-description {
    line-height: 1.2em;
    color: #a1a1a1;
}

/* 新增  2020.6.1 */

.all_projects a {
    font-weight: 400
}

.d_img {
    position: relative;
    height: 100%
}

.d_img img {
    width: 100%;
    height: 100%;
    -o-object-position: top;
    object-position: top;
    -o-object-fit: cover;
    object-fit: cover
}

.d_img::before {
    content: "";
    width: 100%;
    height: 250px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
    position: absolute;
    bottom: 0;
    left: 0
}
.wc_slr .sd_hd_slr .swiper-wrapper .swiper-slide img {
    height: 100%;
}

.drd_rows .drd_cols .txt {
    display: block
}

.drd_rows .drd_cols .txt .tx {
    margin-bottom: 5px;
    display: block
}

.drd_rows_abt .drd_cols_abt .txt .tx {
    line-height: 2
}

.bl_tabs_tech {
    max-width: 1300px;
    margin: 0 auto
}

.bl_tabs_tech .bl_tlist_tech {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.bl_tabs_tech .bl_tlist_tech li {
    margin: 0 30px 0 0
}

.caption_sd_slr_glr {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    max-width: 100%
}

.caption_sd_slr_glr .sd_slr_cols {
    color: #fff;
    bottom: 0
}

.caption_sd_slr_glr .sd_slr_cols p {
    padding: 30px 20px;
    background: #000;
    background: -moz-linear-gradient(0deg, #000 0, transparent 100%);
    background: -webkit-linear-gradient(0deg, #000 0, transparent 100%);
    background: linear-gradient(0deg, #000 0, transparent 100%)
}



.caption_sd_slr_glr~.sd_nav_mb.sd_nav_mb_mrn {
    position: absolute;
    margin-top: 40px !important;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ppf_desc .rows.rows_txt .cols.cols02 {
    width: 200px
}

.b-gallery__item p {
    margin-top: 20px;
    text-align: center;
    letter-spacing: .03em;
    font: 16px/2 KelsonSansRU;
    color: #18191b
}

.lvl2_items .lvl2_itm_rows .lvl2_itm_cols .itm_lnk .bg .ovr {
    display: none
}

.cp_slr .swiper-button-prev {
    opacity: 1;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

.cp_slr .swiper-button-next {
    opacity: 1;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

.rp_slr .swiper-button-prev {
    opacity: 1;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

.rp_slr .swiper-button-next {
    opacity: 1;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

#turnkey_wrap .section .tp_ttl .tp_txt a,
#turnkey_wrap .section .tp_ttl .tp_txt p {
    line-height: 2
}

.mn_menu .mnm_t_rows .mnm_t_cols .language {
    margin-left: auto
}

.fancybox-is-open .fancybox-bg {
    opacity: 1
}

.fancybox-bg {
    background: #f5f6f8
}

.ab_next_mb.ab_next.swiper-button-next,
.ab_prev_mb.ab_prev.swiper-button-prev,
.abt_next01.swiper-button-next,
.abt_prev01.swiper-button-prev,
.next02.swiper-button-next,
.prev02.swiper-button-prev,
.sd_nav_mb .sd_next_mb.swiper-button-next,
.sd_nav_mb .sd_prev_mb.swiper-button-prev,
.sd_next_mb.sd_next_mb01.swiper-button-next,
.sd_next_mb01.swiper-button-next,
.sd_prev_mb.sd_prev_mb01.swiper-button-prev,
.sd_prev_mb01.swiper-button-prev,
.som_next.swiper-button-next,
.som_prev.swiper-button-prev {
    background: #18191b;
    border-radius: 50%;
    width: 45px;
    height: 45px
}

.ab_next_mb.ab_next.swiper-button-next span,
.ab_prev_mb.ab_prev.swiper-button-prev span,
.abt_next01.swiper-button-next span,
.abt_prev01.swiper-button-prev span,
.dbl_nav_mb .next02 span,
.dbl_nav_mb .prev02 span,
.sd_nav_mb .sd_next_mb.swiper-button-next span,
.sd_nav_mb .sd_prev_mb.swiper-button-prev span,
.sd_next_mb.sd_next_mb01.swiper-button-next span,
.sd_next_mb01.swiper-button-next span,
.sd_prev_mb.sd_prev_mb01.swiper-button-prev span,
.sd_prev_mb01.swiper-button-prev span,
.som_next.swiper-button-next span,
.som_prev.swiper-button-prev span {
    width: 13px;
    background: #fff;
    margin-left: auto;
    margin-right: auto
}

.abt_next01.swiper-button-next span:before,
.dbl_nav_mb .next02 span:before,
.sd_nav_mb .sd_next_mb.swiper-button-next span:before,
.sd_next_mb.sd_next_mb01.swiper-button-next span:before,
.sd_next_mb01.swiper-button-next span:before,
.som_next.swiper-button-next span:before {
    width: 4px;
    height: 4px;
    right: 15px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff
}

.ab_next_mb.ab_next.swiper-button-next span:before {
    width: 4px;
    height: 4px;
    right: 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff
}

.abt_prev01.swiper-button-prev span:before,
.dbl_nav_mb .prev02 span:before,
.sd_nav_mb .sd_prev_mb.swiper-button-prev span:before,
.sd_prev_mb.sd_prev_mb01.swiper-button-prev span:before,
.sd_prev_mb01.swiper-button-prev span:before,
.som_prev.swiper-button-prev span:before {
    width: 4px;
    height: 4px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    left: 15px
}

.ab_prev_mb.ab_prev.swiper-button-prev span:before {
    width: 4px;
    height: 4px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    left: 0
}

.fmb .bt_txt .eocjs-newsticker-container .eocjs-newsticker-one,
.fmb .bt_txt .eocjs-newsticker-container .eocjs-newsticker-two {
    color: #49423d
}

.mission_abt .ma_ttl .h4 {
    color: #18191b;
    font: 20px/20px KelsonSansRU
}

.logo_s {
    height: 90px
}

.mn_menu_mbl .mn_menu_mbl_in .logo_mbl {
    position: relative;
}

.mn_menu .logo_s>*,
.logo_mbl a>* {
    -webkit-animation: 6s callback ease-in-out infinite;
    animation: 6s callback ease-in-out infinite;
    transition: all .5s ease-in-out
}

.mn_menu .logo_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(../img/logo_2.svg) no-repeat center;
    background-size: contain;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.mn_menu .logo_link+.logo_text,
.logo_mbl .logo_text {
    opacity: 0;
    color: #fff;
    font: 100 65px/65px InCaST;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.logo_mbl .logo_text {
    font-size: 40px;
}

.mn_menu .logo_s:hover>* {
    -webkit-animation: none !important;
    animation: none !important
}

.mn_menu .logo_s:hover .logo_link {
    opacity: 0
}

.mn_menu .logo_s:hover .logo_text {
    opacity: 1
}

p.tp_rm_btm_tc,
p.tp_rm_btm_to {
    display: none
}

.active_txt {
    display: block !important
}

.sd_our_advantages .sd_rtt_desc .rows .cols.cols01 .ln span:nth-child(4) {
    display: none
}

.sd_our_advantages .sd_rtt_desc .rows {
    height: 240px
}

.multiple_circles .m_crc_over:after,
.multiple_circles .m_crc_over:before,
.multiple_circles .s_crc_over:after,
.multiple_circles .s_crc_over:before {
    -webkit-animation: 1.25s toandfro ease-in-out infinite;
    animation: 1.25s toandfro ease-in-out infinite
}
.press_abt_slr .swiper-slide:before {
    display: flex;
    content: '+';
    width: 4rem;
    height: 4rem;
    position: absolute;
    right: 10%;
    bottom: 30px;
    background: #18191b;
    z-index: 1;
    border-radius: 50%;
    color: #ffffffa6;
    align-items: center;
    justify-content: center;
    font-size: 4em;
    font-weight: 100;
    font-family: 'InCaST';
}
.press_abt_slr .swiper-slide:after {
    content: 'ЧИТАТЬ ПОЛНОСТЬЮ';
    position: absolute;
    right: 20px;
    bottom: 14px;
    color: #ffffffc6;
    font: 300 12px/12px KelsonSansRU;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}
@-webkit-keyframes toandfro {
    0% {
        bottom: -85px
    }

    50% {
        bottom: -90px
    }

    100% {
        bottom: -85px
    }
}

@keyframes toandfro {
    0% {
        bottom: -85px
    }

    50% {
        bottom: -90px
    }

    100% {
        bottom: -85px
    }
}

.cp_slr .swiper-button-prev,
.rp_slr .swiper-button-prev {
    left: -15%
}

.cp_slr .swiper-button-next,
.rp_slr .swiper-button-next {
    right: -15%
}

.sd_video>iframe {
    width: 100%;
    height: 53vw
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content:"";
    background-color: rgba(0, 0, 0, 0);
    transition:0.7s;
}
.stretched-link:hover:after {
    background-color: rgba(0, 0, 0, 0.5);
    transition:0.5s;
}
.stretched-link:before {
     content:"";
      position: absolute;
	top: 50%; 
        left: 50%;
        transform: translate(-50%,-50%);
        z-index:3;
}
.stretched-link:hover:before {
     content:url("/img/lupaw.png");
}

.magazine-article {
    max-width: 1075px
}
/*2021.6.1 新增*/
.article-contents h4 { font-size:26px;}
.article-contents strong { font-weight:bold;}

.magazine-article {
    text-align: justify;
    color: #000;
    font: 300 16px/2 Microsoft YaHei;
    letter-spacing: .03em
}


.article-title {
    font-family: KelsonSansRU;
    font-size: 26px;
    line-height: 1.5;
    text-align: center;
    margin-top: 20px;
    margin-bottom: .5em
}

.article-subtitle {
    text-align: center;
    font-size: 16px;
    margin-bottom: 2em
}

.magazine-article img,
.magazine-article p {
    margin-bottom: 2em
}

.magazine-article img:not([width]) {
    width: 100%
}

.magazine-article table {
    width: 100%
}

.magazine-article table td {
    width: 50%;
    padding: 0 20px;
    vertical-align: top
}

.magazine-article table td:first-child {
    padding-left: 0
}

.magazine-article table td:last-child {
    padding-right: 0
}

.magazine-article blockquote {
    position: relative;
    padding-left: 50px;
    font-style: italic
}

.magazine-article blockquote::before {
    content: '\201C';
    font-family: InCaST;
    font-size: 150px;
    font-style: normal;
    position: absolute;
    top: .39em;
    left: -4px
}

.event-fancybox {
    padding: 0
}

.event-fancybox-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.event-slider {
    background-color: #161a1b;
    width: 100%
}

.event-slider .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.event-slider img {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -o-object-fit: cover;
    object-fit: cover;
    min-height: 1px
}

.event-slider .event-slider-nav {
    position: absolute;
    bottom: 50px;
    left: 100px;
    width: 128px;
    height: 46px
}

.event-slider .event-slider-nav>* {
    top: 0;
    margin: 0;
    width: 46px;
    height: 46px;
    background: #fff;
    border-radius: 100%
}

.event-slider .event-slider-nav .event-prev {
    left: 0
}

.event-slider .event-slider-nav .event-next {
    right: 0
}

.event-slider .event-slider-nav>::after {
    display: none
}

.event-slider .event-slider-nav span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 13px;
    height: 1px;
    background: #161a1b;
    display: block
}

.event-slider .event-slider-nav span:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 4px;
    height: 4px;
    border-top: 1px solid #161a1b
}

.event-slider .event-slider-nav .event-prev span:before {
    left: 0;
    border-left: 1px solid #161a1b;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.event-slider .event-slider-nav .event-next span:before {
    right: 0;
    border-right: 1px solid #161a1b;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.event-photo-description {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 150px;
    color: #fff;
    text-transform: uppercase;
    padding: 50px 120px 45px 300px;
    font-family: KelsonSansRU;
    letter-spacing: .3em;
    font-size: 12px;
    opacity: .5;
    font-weight: 300;
    line-height: 1.6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.event-fancybox-content {
    width: 40%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 70px;
    color: #000;
    font: 300 15px/25px RobotoCondensed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.event-fancybox-content .scrollbox {
    max-height: 100%;
    min-height: 1px
}

.event-fancybox-content p {
    margin-bottom: 2em
}

.event-fancybox-content p.heading {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    text-transform: uppercase;
    font-family: KelsonSansRU;
    letter-spacing: .08em
}

.event-fancybox-content .to-the-start {
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    position: relative;
    margin-right: 15px;
    cursor: pointer
}

.event-fancybox-content .to-the-start::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 64px;
    height: 1px;
    background-color: #ececec
}

#wrapper {
    overflow: hidden
}

[data-bg]:not(.loaded):not(.no-fade):not(.swiper-lazy),
img[data-src]:not(.loaded):not(.no-fade):not(.swiper-lazy) {
    opacity: 0 !important
}

[data-bg],
[data-ll-status=loaded],
img.loaded,
img[data-src] {
    -webkit-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

#callback {
    position: fixed;
    background-color: rgba(255, 255, 255, .5);
    z-index: 999;
    right: 35px;
    bottom: 35px;
    width: 40px;
    height: 40px
}

#go_top[style]:not([style*=none])+#callback {
    bottom: 125px
}

#go_top,
.go_top {
    bottom: 85px !important;
}

#callback>:not(.menu) {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: 8s callback ease-in-out infinite;
    animation: 8s callback ease-in-out infinite
}

@-webkit-keyframes callback {
    0% {
        opacity: 0
    }

    7% {
        opacity: 1
    }

    43% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes callback {
    0% {
        opacity: 0
    }

    7% {
        opacity: 1
    }

    43% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

#callback .message {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    opacity: 0
}

#callback .menu {
    position: absolute;
    bottom: 100%;
    right: 0;
    text-align: right;
    background-color: #fff;
    border: 1px solid #ededed;
    min-width: 225px;
    width: max-content;
}

#callback:not(:hover) .menu {
    opacity: 0;
    pointer-events: none
}

#callback .menu>* {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #18191b;
    padding: 15px 15px;
    font-family: RobotoCondensed;
    text-transform: uppercase;
    letter-spacing: .2em;
    font-size: 12px;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#callback .menu>:not(:last-child) {
    border-bottom: 1px solid #ededed
}

#callback,
#callback .menu>* {
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

#callback .menu img {
    width: 17px;
    margin-right: 8px
}

#callback .menu>*>* {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

#callback .menu>:focus,
#callback .menu>:hover,
#callback:hover {
    background-color: #ededed
}

#callback .menu span {
    position: relative
}

#callback .menu span::before {
    content: '';
    width: 0%;
    height: 1px;
    background-color: currentColor;
    position: absolute;
    top: calc(100% + 2px);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#callback .menu a:hover span::before {
    width: 100%
}

.cndkbeforeafter {
    pointer-events: none
}

.cndkbeforeafter .cndkbeforeafter-seperator {
    pointer-events: auto
}

.lvl3_afore .ba-slider.non-initialized {
    transition: none;
    opacity: 0
}

.sd_slr_glr .bg .txt {
    display: none !important
}

.wc_slr .sd_prev {
    left: 40px
}

.wc_slr .sd_next {
    right: 40px
}

.sd_other_services {
    padding-top: 75px
}

.go_top {
    display: block !important
}

video[autoplay] {
    pointer-events: none
}

.cp_slr,
.rp_slr {
    max-height: 100vh
}

.b-gallery {
    max-width: 100%;
}



.wc_slr .sd_hd_slr .swiper-wrapper .swiper-slide img {
    min-width: 20px;
}


.pt_abt_service.default * {
    color: #000 !important;
}

.pt_abt_service.default .tp_rows_abt .tp_rm .tp_rm_btm .p:before,
.pt_abt_service.default .tp_rows_abt .tp_rm .tp_rm_btm .p:after {
    background-color: #000 !important;
}



.rbm_desc .rbm_rows .rbm_cols .desc {
    padding-bottom: 0;
}


.construction_progress .cp_tabs .сp_list_sc.сp_list_sc_hrz .cp_list li:last-child,
.renovation_photo .rp_tabs .rp_list_sc.rp_list_sc_hrz .rp_list li:last-child {
    margin-right: 0 !important;
}



.construction_progress .cp_tabs .сp_list_sc,
.renovation_photo .rp_tabs .rp_list_sc {
    padding-left: 60px !important;
    padding-right: 60px !important;
}


.sd_slr_glr .bg .bg_in {
    background-size: cover;
}




.stick-out-right {
    margin-right: calc((100vw - 100%) / -2);
}

.stick-out-left {
    margin-left: calc((100vw - 100%) / -2);
}


.swiper-pagination-progressbar {
    top: unset !important;
    bottom: 0 !important;
    height: 1px !important;
    background: rgba(0, 0, 0, .1) !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #18191b;
    margin-top: -1px;
    height: 2px;
}


.office-gallery-title {
    font: 12px/12px KelsonSansRU;
    letter-spacing: .18em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 40px;
}

.office-gallery {
    height: 600px;
}

.office-gallery:not(:last-child) {
    margin-bottom: 130px;
}

.office-gallery .swiper-container {
    height: 100% !important;
    padding-bottom: 80px;
}

.office-gallery .swiper-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center 20%;
}
.office-gallery .sd_hd_slr1.swiper-container a, .office-dark-section .sd_drk_slr a {
    width: auto;
}
.office-gallery .sd_hd_slr1.swiper-container img,
.office-dark-section .sd_drk_slr img {
    object-fit: contain;
    width: auto;
}
@media screen and (max-width:780px) {

.office-gallery .sd_hd_slr1.swiper-container a, .office-dark-section .sd_drk_slr a {
    width: auto;
    max-width: 100%;
}
.office-gallery .sd_hd_slr1.swiper-container img,
.office-dark-section .sd_drk_slr img {
    object-fit: contain;
    width: 100%;
    max-width: calc(100% - 20px);
    object-position: center center;
}
.office-gallery {
   height: 350px;
}
}
.office-gallery #sd_hd_slr_3.swiper-container img {
    object-position: center;
}

.office-gallery .sd_next,
.office-gallery .sd_prev {
    top: calc(50% - 40px);
}

.office-gallery .sd_nav_mb {
    margin-top: 17px;
}


.office-gallery .swiper-container a[href^=http]::before,
.office-gallery .swiper-container a[href^=http]::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.office-gallery .swiper-container a[href^=http]::before {
    content: '';
    left: 50%;
    width: 130px;
    height: 130px;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
}

.office-gallery .swiper-container a[href^=http]::after {
    content: '\25B6';
    left: calc(50% + 2px);
    color: #fff;
    font-size: 25px;
}


#contacts_wrap.compact .compact-contacts-title {
    font: 36px/54px KelsonSansRU;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 50px;
    display: none;
}


#srv_dtl_wrap .abt_srv_dtl {
 margin-top:200px;
 margin-bottom:200px;
}
.office-gray-section {
    background-color: #f4f6f7 !important;
    padding: 100px 0 70px;
    margin-top: 120px;
}

.office-gray-section .wc_slr {
    height: 600px;
}

.office-gray-section .wc_slr,
.office-gray-section .jst_txt {
    background: none;
}


.office-dark-section {
    margin-top: 100px;
    background-color: #18191b !important;
    padding: 100px 0 70px;
    color: #fff;
}

.office-dark-section .wc_slr,
.office-dark-section .jst_txt {
    background: none;
}

.office-dark-section #events {
    background: none;
}

.office-dark-section .eocjs-newsticker-one,
.office-dark-section .eocjs-newsticker-two {
    color: rgba(255, 255, 255, .2) !important;
}

.office-dark-section .swiper-pagination-progressbar {
    background-color: rgba(255, 255, 255, .1) !important;
}

.office-dark-section .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #fff !important;
}
.section-description {
    margin: 50px 0 150px;
}

.section-description .title {
    font: 20px/20px KelsonSansRU;
    letter-spacing: .18em;
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
}

.section-description p {
    font: 300 22px/44px KelsonSansRU;
    max-width: 1100px;
    opacity: .6;
}

.sd_grid_over {
    max-width: 100%;
}

.section.section06 {
    height: 100%;
}

.section .bg_white {
    position: absolute;
    top: 37%;
    height: 100%;
    color: rgba(0, 0, 0, .15);
    background-color: #FCFDFF;
}

.section .bg_white span.h1 {
    height: 100%;
    letter-spacing: -.03em;
    font: 100 330px/290px InCaST;
    text-transform: uppercase
}

.section06 .eocjs-newsticker .eocjs-newsticker-container {
    position: unset;
}

.abt_sc02 .abt_sc02_nav {
    z-index: 5;
}

.kollab-img img {
    width: 100%;
}

.kollab-item {
    position: relative;
}

.kollab-item .kollab-item-text p {
    color: #fff;
    font: 20px/24px KelsonSansRU;
    letter-spacing: .18em;
    text-transform: uppercase;
    z-index: 5;
    text-align: center;
}

.kollab-item .kollab-item-text p:after {
    content: " ";
    position: absolute;
    width: 70px;
    height: 1px;
    background: #fff;
    top: 50%;
    margin-left: 10px;
}

.kollab-item .kollab-item-text {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.mw-1280 {
    max-width: 1480px !important;
}

.kollab-wrap {
    margin: 180px 0;
}
.kollab-wrap .cp_slr .caption .bg .bg_in {
       background-size: contain;
}
.wrapper-kollab {
    margin: 70px 0px;
}

.wrapper-kollab .scrollmagic-pin-spacer {
    padding-top: 0px !important;
}

.wrapper-kollab .sd_rtt_desc {
    transform: none !important;
    padding-bottom: 70px;
}

.wrapper-kollab .sd_our_advantages {
    height: auto !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    margin: 0 auto;
    width: 70%;
}

.bl_ics_rt {
    display: none !important;
}
.abt_sc02 .abt_sc02_nav.kollaboratsii-list .asn_list{
     justify-content: center;
}
.abt_sc02 .abt_sc02_nav.kollaboratsii-list .asn_list li {
     margin: 0 20px;
}
.colab_header .h4{
   display:none;
}
.abt_sc02 .abt_sc02_nav .asn_list {
  justify-content:center;
}
.abt_sc02 .abt_sc02_nav .asn_list li {
  margin: 0 20px;
}
.abt_sc02 .abt_sc02_nav {
   bottom:16vh;
}
.collab_behinde {
   height:60vh;
}
.kollab-wrap .section .bg_white {
   top:30%;
}
.kollab-wrap .jst_txt {
   padding-top:0px;
}

.right .construction_progress .cp_tabs {
      flex-flow: row-reverse;
} 
.right .construction_progress .cp_tabs .сp_list_sc.сp_list_sc_vrt {
    display: flex;
    justify-content: flex-end;
}
.right .cp_list.cp_list1 li {
    display: flex;
    flex-direction: row-reverse;
}
.right .construction_progress .cp_tabs .cp_list li span {
    margin: 0 25px 0 0;
}

.wc_slr .sd_hd_slr1 .swiper-wrapper .swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
}


@media screen and (min-width: 1600px) {
    #contacts_wrap.compact>* {
        height: 100vh;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 50%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    #contacts_wrap.compact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    #contacts_wrap.compact .cnt_tabs_v {
        padding-top: 170px;
    }

    #contacts_wrap.compact .cw_b {
        padding-bottom: 0 !important;
    }

    #contacts_wrap.compact .cnt_tabs_v .cnt_tabs_v_content .cnt_rows {
        display: block;
    }

    #contacts_wrap.compact .cnt_tabs_v .cnt_tabs_v_content .cnt_rows .cnt_cols {
        width: 100%;
        margin-bottom: 50px;
    }

    #contacts_wrap.compact .cnt_tabs_v .cnt_tabs_v_content .cnt_rows .cnt_cols .br {
        display: inline !important;
    }


    #contacts_wrap.compact .cnt_tabs_v .cnt_tabs_v_content .cnb_rows {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 50px;
    }

    #contacts_wrap.compact .cnt_tabs_v .cnt_tabs_v_content .cnb_rows .cnb_cols {
        width: 50%;
    }

    #contacts_wrap.compact .cnt_tabs_v .cnt_tabs_v_content .cnb_rows .cnb_cols:not(:last-child) {
        margin-bottom: 30px;
    }

    #contacts_wrap.compact .cnt_tabs_v .cnt_tabs_v_content .cnb_rows .cnb_cols .desc .t {
        margin-bottom: 18px;
    }


    #contacts_wrap.compact .cw_b .cw_bt {
        left: 0 !important;
        margin: 0;
        top: 30px;
    }


    #contacts_wrap.compact .compact-contacts-title {
        display: block;
    }
}

@media screen and (max-width: 1599px) {
    #contacts_wrap.compact .cw_bt {
        top: 65px !important;
        left: 0 !important;
        margin: 0 !important;
    }

    #contacts_wrap.compact .cnt_tabs_v {
        padding-top: 150px;
    }

    #contacts_wrap.compact .cw_b {
        padding-bottom: 130px;
    }

    #contacts_wrap.compact #cnt_cmap {
        height: 70vh;
    }
}

@media screen and (min-width: 1001px) {
    .rbm_desc .rbm_rows .rbm_cols .desc .txt {
        max-width: 375px;
    }

    .event-fancybox {
        height: 100%;
        overflow: hidden
    }
}

@media (max-width:1000px) {
    #srv_dtl_wrap .our_friends .wc_slr .sd_prev,
    #srv_dtl_wrap .container .wc_slr .sd_prev,
    #srv_dtl_wrap .office-dark-section .wc_slr .sd_prev {
        left: 20px;
    }

    .event-fancybox [data-fancybox-close] {
        background-color: #fff
    }

    .event-fancybox-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .event-slider {
        height: 50vh;
        min-height: 300px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .event-fancybox-content {
        width: 100%;
        min-height: 1px;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        padding: 50px 40px
    }

    .event-photo-description {
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: auto;
        padding: 20px
    }

    .event-slider .event-slider-nav {
        left: 20px;
        width: calc(100% - 40px);
        bottom: 50%;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        z-index: 1
    }

    .caption_sd_slr_glr .sd_slr_cols p {
        font-size: 16px
    }

    .rbm_desc .rbm_rows .rbm_cols {
        position: relative;
        padding-top: 82px
    }

    .rbm_desc .rbm_rows .rbm_cols .desc .nbl {
        position: absolute !important;
        top: -5px
    }

    .rbm_desc .rbm_rows .rbm_cols .desc .txt .h4 {
        position: absolute !important;
        top: 20px
    }

    .rbm_desc .rbm_rows .rbm_cols .desc .txt .h4+p {
        margin-top: 0
    }

    .cnt_mp .cities .city {
        width: 100%
    }

    .cnt_mp .cities .city .h3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .cnt_mp .cities .city .h3::after {
        content: '-'
    }

    .cnt_mp .cities .city:not(.active) .h3::after {
        content: '+'
    }

    .cnt_mp .cities .city:not(.active) .cts_hd {
        max-height: 0;
        margin-top: 0;
        opacity: 0
    }

    .cnt_mp .cities .city .cts_hd {
        max-height: 250px;
        overflow: hidden;
        opacity: 1
    }

    .tp_sw_desc .tp_sw_rows .tp_sw_cols .itm_lnk {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .tp_sw_desc .tp_sw_rows .tp_sw_cols .itm_lnk .desc {
        margin: 10px 0 30px
    }
}

@media screen and (min-width: 901px) {
    .sd_other_services .rows .sos_lnk .h4 {
        min-height: 64px;
    }
}

@media only screen and (max-width: 900px) {
    .kollab-wrap {
        margin: 70px 0;
    }
    .abt_sc02 .abt_sc02_nav {
        bottom:0vh;
    }
    .abt_sc02 .abt_sc02_nav .asn_list li {
        padding-bottom:20px;
    }
    .wc_slr .sd_hd_slr .swiper-wrapper .swiper-slide img {
        height:auto!important;
    }
    .office-gray-section .jst_txt {
        padding-top:50px;
    }
}

@media screen and (max-width:900px) {
    .abt_sc02 {
        height: auto;
        margin: 100px 0 0 !important;
    }

    .abt_sc02 .logo_c_txt {
        margin-top: 70px !important;
    }

    .kollab-wrap.left .jst_txt {
        margin-top: 100px !important;
    }

    .kollab-wrap.right .jst_txt {
        margin-top: 50px !important;
    }

    .sd_slr_glr .bg,
    .sd_slr_glr .swiper-wrapper .swiper-slide {
        height: 100% !important;
        max-height: 239px;
    }

    .cp_slr .bg_in,
    .rp_slr .bg_in,
    .sd_slr_glr .bg_in {
        display: block !important;
        background-size: cover!important;
    }

    .sd_slr_glr .bg_in {
        background-color: #f5f6f8
    }
    .office-gallery .sd_hd_slr1.swiper-container img {
        object-fit: contain;
        width:100%;
    }
    body .swiper-wrapper {
      align-items: center;
    }
    .office-gallery .swiper-container {
       max-height:263px;
    }
    #srv_dtl_wrap .abt_srv_dtl {
        margin-top: 100px;
        margin-bottom: 100px;
    }

    .section-description p {
        font: 300 16px/34px KelsonSansRU;
    }

    .office-gray-section .wc_slr {
        height: auto;
    }
}

@media screen and (min-width:851px) {
    .sd_video>iframe {
        display: none
    }
}

@media (max-width:850px) {
.caption_sd_slr_glr .sd_slr_cols p {
    padding: 30px 20px;
    background: #000;
    background: -moz-linear-gradient(0deg, #000 0, transparent 65%);
    background: -webkit-linear-gradient(0deg, #000 0, transparent 65%);
    background: linear-gradient(0deg, #000 0, transparent 65%)
}

    .bgb_abt {
        padding-bottom: 200px
    }

    .bgb_mbs_abt .bgb_mbs_slr_abt .caption .bg_s {
        height: 300px
    }

    .bgb_mbs_abt .bgb_mbs_slr_abt .caption .bg_s .hd {
        width: 100%;
        height: 100%;
        -o-object-position: top;
        object-position: top;
        -o-object-fit: cover;
        object-fit: cover
    }

    .sd_gallery .ttl {
        margin: 40px auto
    }

    .fancybox-slide.fancybox-slide--video {
        padding: 0 !important
    }

    .fancybox-slide--video .fancybox-content {
        width: 100% !important
    }

    .abt_sc02 .logo_c_txt .h4 {
        text-align: center
    }

    .mission_abt .ma_ttl .h4 {
        font: 18px/20px KelsonSansRU
    }

    .lvl3_afore .ba-slider .cndkbeforeafter-seperator span {
        width: 45px;
        height: 45px;
        margin: -22px 0 0 -22px
    }

    .sd_slr {
        margin: 0 -25px
    }

    .sd_video>iframe+.sdv_crc {
        display: none
    }

    #srv_dtl_wrap .section.section02 {
        height: auto !important
    }
}


@media screen and (max-width: 815px) {
    .kollab-item .kollab-item-text p:after {
        display: none;
    }

    .eocjs-newsticker .eocjs-newsticker-one,
    .eocjs-newsticker .eocjs-newsticker-two {
        font: 100 100px/100px InCaST;
    }

    .kollab-img {
        height: 100vh;
    }

    .kollab-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    body .scrollmagic-pin-spacer .scrollmagic-pin-spacer {
        padding-top: 0 !important;
    }
}

@media only screen and (min-width: 300px) and (max-width: 800px) {
    .ab_nav_mb,
    .sd_nav_mb {
        display: none;
    }

    .ab_prev.swiper-button-prev.hd,
    .ab_next.swiper-button-next.hd,
    .ssg_over .sd_prev,
    .ssg_over .sd_next {
        display: block !important;
    }

    #contacts_wrap.compact .cnt_tabs_v {
        padding-top: 0;
    }

    .section-description {
        margin: 50px 0 0;
    }

    .office-gallery:not(:last-child) {
        margin-bottom: 0;
    }

    .office-dark-section {
        margin-top: 0;
        padding: 30px 0 70px;
    }

    .office-gray-section {
        padding: 30px 0 70px;
        margin-top: 50px;
    }

    .office-gallery-title {
        margin-top: 40px;
    }
}

@media screen and (max-width:700px) {

    .abt_srv_dtl .sdt_over .bt .eocjs-newsticker-container .eocjs-newsticker-one,
    .abt_srv_dtl .sdt_over .bt .eocjs-newsticker-container .eocjs-newsticker-two,
    .development_abt .bt .eocjs-newsticker-container .eocjs-newsticker-one,
    .development_abt .bt .eocjs-newsticker-container .eocjs-newsticker-two,
    .our_friends .bt .eocjs-newsticker-container .eocjs-newsticker-one,
    .our_friends .bt .eocjs-newsticker-container .eocjs-newsticker-two {
        color: rgba(24, 25, 27, .7)
    }
}

@media screen and (max-width:600px) {
    .article-title {
        font-size: 20px
    }

    .magazine-article table,
    .magazine-article table tbody,
    .magazine-article table td,
    .magazine-article table tr {
        display: block !important;
        width: 100% !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

@media (max-width:500px) {
    #callback .menu {
        bottom: 0;
        right: 100%
    }

    #callback .menu>* {
        padding: 14px 15px
    }

    #srv_dtl_wrap .abt_srv_dtl {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .section-description {
        margin: 50px 0 0;
    }

    .office-gallery-title {
        margin-bottom: 0;
    }

    .office-gray-section {
        padding: 50px 0 30px;
        margin-top: 0;
    }

    .office-dark-section {
        margin-top: 0;
        padding: 30px 0 40px;
    }
}

@media (max-width: 400px){
    .sd_gallery {
        margin: 115px 0 150px;
    }
    .sd_slr_glr .swiper-wrapper, .sd_slr_glr .swiper-wrapper .swiper-slide {
        max-height: 300px;
    }
}
.fancybox-stage .event-slider img {
    object-fit: contain;
}
/*新增通用样式*/
.link-white{
	color: #fff;
	font: 300 12px/12px KelsonSansRU;
	letter-spacing: .25em;
	text-transform: uppercase;
	-webkit-transition: .35s;
	transition: .35s
}
.link-white:hover {
	color: rgba(255,255,255,.63);
	-webkit-transition: .35s;
	transition: .35s
}

.magazine-article a, .magazine-article a:link, .magazine-article a:visited {
	color: #000;
	text-decoration: none
}

.magazine-article li a, .magazine-article li a:link, .magazine-article li a:visited {
	color: #000;
	text-decoration: none;
	font-size:12px;
}