@import url("reset.css");

html, body{height:100%; width:100%; }
img{vertical-align: top;   }
strong{font-weight:900;}
em{font-style:italic;}	
td{vertical-align:top;}
.clear{float:none; clear:both;}
p{margin-top:15px;}
p:first-child{margin-top:0px;}
.bold{font-weight:900;}

.table{display:table}
.tr{display:table-row}
.td{display:table-cell}

input, textarea{
	color: #fff;
    font-family: 'Noto Sans SC', sans-serif;
	}
	
body{
	color: #fff;
    font-family: 'Noto Sans SC', sans-serif;
	}

body.openmenu{
	overflow: hidden;
}	

a{
	color: #fff;
	}


.fix_wrapper {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
	pointer-events: none;
}

.fix_wrapper > *{
	pointer-events: auto;
}

.noscroll{
	overflow:hidden;
	}


.loading{
	position:fixed;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background-color:#FFF;
	z-index:1001;
	opacity: 1;
	}	
	
.loading img{
	width:20px;
	height:20px;
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	margin:auto;}	

	
	
.scrollin{
	
	}

.active_block .scrollin{
	
	-webkit-transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s,  opacity 0.9s ease 0s; 
    transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s,  opacity 0.9s ease 0s; 
	}
	
.scrollin1{
	-ms-transform: translateY(100px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(100px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(100px) translateX(0px) translateZ(0px) scale(1);
	opacity:0;
	}	
	
.active_block .scrollin1{
	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
	opacity:1;
	}
	
.scrollin2{
	-ms-transform: translateY(0px) translateX(-50px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(0px) translateX(-50px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(0px) translateX(-50px) translateZ(0px) scale(1);
	opacity:0;
	}	
	
.active_block .scrollin2{
	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
	opacity:1;
	}
	

.scrollin3{
	opacity:0;
	}	
	
.scrollin3.onscreen{
	opacity:1;
	}

.scrollin4{
	-ms-transform: translateY(100px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(100px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(100px) translateX(0px) translateZ(0px) scale(1);
	opacity:0 !important;
	}	
	
.loadfinish .active_block .scrollin4{
	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
	opacity:1 !important;
	}
	
.mask_in{
	position: relative;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}


.mask_in .before{
	position: absolute;
	top:5px;
	right:0%;
	bottom:0px;
	left:0%;
	margin: auto;
	background-color: #fff;
}

.text5 .mask_in .before{
	top:0px;
	bottom:0px;
}

.text4 .mask_in .before{
	top:0px;
	bottom:0px;
}

.purple_block .mask_in .before{
	background-color: #342a60;
}

.light_purple_bg + .block_content .mask_in .before{
	background-color: #ab9ac9;
}

.mask_in .after{
	position: absolute;
	top:5px;
	left:0%;
	bottom:0px;
	right:0%;
	margin: auto;
	background-color: #342a60;
}

.text5 .mask_in .after{
	top:0px;
	bottom:0px;
}

.text4 .mask_in .after{
	top:0px;
	bottom:0px;
}

.green_text .mask_in .after{
	background-color: #98ca4a;
}

.white_text .mask_in .after{
	background-color: #fff;
}


.mask_in_content{
	margin-left: -200%;
	position: relative;
	display: inline-block;
	width: 100%;
}


.mask_in_content.startani{
	-webkit-transition: margin-left 0.45s ease 0.6s; 
    transition: margin-left 0.45s ease 0.6s;  
	margin-left: 0%;
}


.loadfinish .home_block_text_slider_item.active .mask_in_content.startani{
	-webkit-transition: margin-left 0.45s ease 0.6s; 
    transition: margin-left 0.45s ease 0.6s;  
	margin-left: 0%;
}

.mask_in .after.startani{
	
	-webkit-transition:left 0.45s ease 1.2s; 
    transition:left 0.45s ease 1.2s;  
	left:100%;
	
}

.loadfinish .home_block_text_slider_item.active .mask_in .after.startani{
	-webkit-transition:left 0.45s ease 1.2s; 
    transition:left 0.45s ease 1.2s;  
	left:100%;
}

.mask_in .before.startani{
	-webkit-transition: all 0.45s ease 1.2s; 
    transition: all 0.45s ease 1.2s; 
	left:100%;
}

.loadfinish .home_block_text_slider_item.active .mask_in .before.startani{
	-webkit-transition:left 0.45s ease 1.2s; 
    transition:left 0.45s ease 1.2s;  
	left:100%;
}

/* common */

.section_center_full_content{
	max-width:960px;
	margin:auto;
	position:relative;
	}

.section_center_content{
	max-width:960px;
	padding-left:40px;
	padding-right:40px;
	margin:auto;
	position:relative;
	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	}	

/* header */


.header{
	background-color:#666;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	z-index:100;
	z-index:99;
	}
	

.top_logo2{
    mix-blend-mode: exclusion;
    filter: brightness(0) invert(1);
}

.top_logo.top_logo3{
	-webkit-transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    opacity:0 !important;
}

.attop .top_logo.top_logo3{
    opacity:1 !important;
}

.header_menu{
	position: absolute;
	top:100px;
	right:100px;
	}
	
.top_header_menu{
    mix-blend-mode: exclusion;
    z-index: 999;
}

.top_logo{
	position: absolute;
	top:80px;
	left:100px;
	width: 255px;
	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	opacity:1 !important;
	z-index:999;
	}	
	
.top_logo img{
    width: 100%;
}

.header_menu_ul{
	margin-top:15px;
	margin-left:-10px;
	margin-right:-10px;
	-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	}	
	
	
.header_menu_ul li{
	display:inline-block;
	vertical-align:middle;
	line-height:24px;
	}	
	
.header_menu_ul li + li{
	margin-left:10px;
	}	
	
.header_menu_ul li a{
	padding:8px 10px;
	color:#FFF;
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s; 
	}	
	

	
.header_menu_ul li a.active{
	text-decoration:underline;
	}

	
.header_menu_ul li a:hover{
	opacity:0.5;}	
	
.dropdown_btn{
	width:16px;
	height:16px;
	float: left;
	position: relative;
	cursor: pointer;
	}	
		
.dropdown_btn .linewrapper{
	width:16px;
	height:16px;
	overflow:hidden;
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	margin:auto;
	display:block;
	}	
	
.dropdown_btn .line{
	position:absolute;
	width:100%;
	-webkit-transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
	height:2px;
	overflow:hidden;
	display:block;
	}	
	
.dropdown_btn .line span{
	-webkit-transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1);
	position:absolute;
	width:100%;
	height:2px;
	display:block;
	background-color:#fff;
	}	

.header2 .dropdown_btn .line span{
	background-color:#000;
}
	
.dropdown_btn:hover .line span{
	background-color:#99c848;
	}	

.green_bg .dropdown_btn:hover .line span{
	background-color:#fff;
}		
	

.top_header_menu .dropdown_btn .line span{
	background-color:#fff;
}

	
.dropdown_btn .leftline{
	left:0%;
	}	
	
.dropdown_btn .line .rightline{
	left:300%;
	}	
	
.dropdown_btn .line1{
	top:10%;}	
	
.dropdown_btn .line2{
	top:50%;
	margin-top:-1px;}	
	
.dropdown_btn .line3{
	top:90%;
	margin-top:-2px;}	



.dropdown_btn .line1 .rightline{
	-webkit-transition: all 0.15s 0.05s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.05s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn .line2 .rightline{
	-webkit-transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn .line3 .rightline{
	-webkit-transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
	}
	
.dropdown_btn .line1 .leftline{
	-webkit-transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn .line2 .leftline{
	-webkit-transition: all 0.15s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn .line3 .leftline{
	-webkit-transition: all 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn.close .leftline{
	left:-400%;
	}	
	
.dropdown_btn.close .line1 .leftline{
	-webkit-transition: all 0.15s 0.05s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.05s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn.close .line2 .leftline{
	-webkit-transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.1s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn.close .line3 .leftline{
	-webkit-transition: all 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.15s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn.close .rightline{
	left:0%;
	}		
	
.dropdown_btn.close .line1{
	top:50%;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	}	
	
.dropdown_btn.close .line2{
	top:50%;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	margin-top:0px;
	}	
	
.dropdown_btn.close .line3{
	top:50%;
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	margin-top:0px;
	width:100%;
	}


.dropdown_btn.close .line1 .rightline{
	-webkit-transition: all 0.15s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.2s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn.close .line2 .rightline{
	-webkit-transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1);
	}	
	
.dropdown_btn.close .line3 .rightline{
	-webkit-transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s 0.25s cubic-bezier(0.77, 0, 0.175, 1);
	}


.dropdown_btn:hover .line{
	width:100%;
	border-color:#c5a954;
	}	


.dropdown{
	-webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	margin:auto;
	z-index:10;
	background-color:rgba(56,48,105,0.95);
	z-index: 999;
	opacity:0;
	pointer-events: none;
	}

.openmenu .dropdown{
	opacity:1;
	pointer-events: auto;
}	

.dropdown_content{
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow: auto;
}

.dropdown_content .table{
	width:100%;
	height:100%;
}

.dropdown_content .table .td{
	vertical-align: middle;
	padding: 200px 100px;
}

.dropdown_content .dropdown_menu{
	font-family: 'Noto Sans SC';
	letter-spacing: 0.05em;
	font-weight: 900;
	margin-left: 180px;
}

.dropdown_content .dropdown_menu li+li{
	margin-top: 60px;
}

.dropdown_menu a{
	color:#FFF;
	font-weight: bold;
	letter-spacing: 0.1em;
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	cursor: pointer;
}


.dropdown_menu a:hover, .dropdown_menu a.active{
	color:#98ca4a;
}

.dropdown_menu a .heading_icon{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	top:-20px;
	left:-22px;
	opacity:0;
}

.dropdown_menu a:hover .heading_icon, .dropdown_menu a.active .heading_icon{
	opacity:1;
}

.dropdown_info{
	position:absolute;
	bottom:100px;
	right:100px;
}	

.dropdown_info .text7{
	font-size: 10px;
    margin-right: 6px;
}

.dropdown_info td{
	vertical-align: top;
}

.dropdown_info tr+tr td{
	padding-top: 20px;
}

.dropdown_info td+td{
	padding-left: 10px;
	text-align: right;
}

.dropdown_info a{
	color:#98ca4a;
}

.dropdown_info .icon{
	width:15px;
    vertical-align: middle;
}

.lang_btn_wrapper{
	float: left;
	margin-left: 40px;
	line-height: 1em;
	text-align: center;
	position: relative;
}

.lang_btn_wrapper > .lang_btn{
	color:#fff;
	padding-bottom: 3px;
	border-bottom:1px solid #fff;
	line-height: 1em;
	-webkit-transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1);
	text-align: center;
}	

.hidden_lang_btn_wrapper{
	position: absolute;
	margin-top: 10px;
	padding-top: 20px;
	display: none;
	width:20px;
	left:50%;
	margin-left: -10px;
}

.hidden_lang_btn_wrapper::before{
	content:"";
	position: absolute;
	left:0px;
	right:0px;
	margin: auto;
	top:8px;
	width:8px;
	height:8px;
	border-right:1px solid #98ca4a;
	border-bottom:1px solid #98ca4a;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	display: block;
}

.green_bg .hidden_lang_btn_wrapper::before {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

.hidden_lang_btn_wrapper .lang_btn{
	color:#98ca4a;
	display: block;
	margin-top: 10px;
	text-align: center;
}

.green_bg .hidden_lang_btn_wrapper .lang_btn{
	color:#000;
}

.header2 .lang_btn_wrapper > .lang_btn{
	color:#000;
	border-bottom:1px solid #000;
}
	
.lang_btn_wrapper > .lang_btn:hover{
	color:#98ca4a;
	border-bottom:1px solid #98ca4a;
}

.green_bg .lang_btn_wrapper > .lang_btn:hover{
	color:#fff;
	border-bottom:1px solid #fff;
}

/* content */

.section_nav{
	position: absolute;
	top:0px;
	bottom:0px;
	right:100px;
	margin: auto;
	z-index: 99;
	pointer-events: auto;
	display: none;
}

.section_nav_prev{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	position: absolute;
	top:50%;
	margin-top: 25px;
	width:30px;
	height:30px;
	border:1px solid #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	right:0px;
	cursor: pointer;
}

.section_nav_prev::before{
	content:"";
	position: absolute;
	width:10px;
	height:10px;
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	top:0px;
	right:0px;
	bottom:0px;
	left:5px;
	margin: auto;
}

.section_nav_prev:hover{
	background-color: #fff;
}

.section_nav_prev:hover::before{
	border-top:2px solid #99c848;
	border-left:2px solid #99c848;
}

.section_nav_next{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	position: absolute;
	bottom:50%;
	margin-bottom: 25px;
	width:30px;
	height:30px;
	border:1px solid #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	right:0px;
	cursor: pointer;
}

.section_nav_next::before{
	content:"";
	position: absolute;
	width:10px;
	height:10px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	top:0px;
	right:5px;
	bottom:0px;
	left:0px;
	margin: auto;
}

.section_nav_next:hover{
	background-color: #fff;
}

.section_nav_next:hover::before{
	border-top:2px solid #99c848;
	border-right:2px solid #99c848;
}

.fix_scroll_text{
	-webkit-transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s,  opacity 0.9s ease 0s; 
    transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0s,  opacity 0.9s ease 0s; 
	position: fixed;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	bottom:100px;
	right:0px;
	padding-right: 30px;
	border-bottom:1px solid #fff;
	z-index: 11;
	line-height: 1em;
	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
	opacity:1;
    mix-blend-mode: exclusion;
}

.fix_scroll_text::before{
	content:"";
	width:38px;
	height:36px;
	margin: auto;
	margin-bottom: 10px;
	bottom:100%;
	left:0px;
	right:30px;
	background-image: url(images/scroll_left_right_icon.svg);
	background-size: 100% 100%;
	position: absolute;
}

.fix_scroll_text .t_wrapper{

	height:25px;
	overflow: hidden;
}

.bodyend .fix_scroll_text{
	-ms-transform: translateY(100px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(100px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(100px) translateX(0px) translateZ(0px) scale(1);
	opacity:0;
}

.fix_scroll_text .t1{
	margin-top: -25px;
	height:25px;
	overflow: hidden;
	animation: t1_animation 3s ease 0s infinite;
	line-height: 25px;
}

.fix_scroll_text .t2{
	height:25px;
	overflow: hidden;
	line-height: 25px;
}

@keyframes t1_animation {
	0%   {
		margin-top: -25px;
	}
	30%  {
		margin-top: 0px;
	}
	100%  {
		margin-top: 0px;
	}
}

.fix_scroll_text .scroll_circle{
	height:7px;
	margin-bottom: 30px;
	position: absolute;
	top: 6px;
}

.fix_scroll_text .scroll_circle_inwrapper{
	height:7px;
	width:50px;
	position: absolute;
	top:0px;
	right: 25px;
}

.fix_scroll_text .scroll_circle_inwrapper div{
	width:7px;
	height:7px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background-color: #fff;
	float: left;
}

.fix_scroll_text .scroll_circle_inwrapper::after{
	content:"";
	position: absolute;
	width:20px;
	height:20px;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	top:50%;
	right:0px;
	margin-top: -10px;
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	animation: a_animation 2s linear 0.2s infinite;
}

@keyframes a_animation {
	0%   {
	-ms-transform: translateX(0px) rotate(-45deg);
	-webkit-transform: translateX(0px) rotate(-45deg);
	transform: translateX(0px) rotate(-45deg);
	}
	10%  {
	-ms-transform: translateX(5px) rotate(-45deg);
	-webkit-transform: translateX(5px) rotate(-45deg);
	transform: translateX(5px) rotate(-45deg);
	}
	20%  {
	-ms-transform: translateX(0px) rotate(-45deg);
	-webkit-transform: translateX(0px) rotate(-45deg);
	transform: translateX(0px) rotate(-45deg);
	}
	30%  {
	-ms-transform: translateX(5px) rotate(-45deg);
	-webkit-transform: translateX(5px) rotate(-45deg);
	transform: translateX(5px) rotate(-45deg);
	}
	40%  {
	-ms-transform: translateX(0px) rotate(-45deg);
	-webkit-transform: translateX(0px) rotate(-45deg);
	transform: translateX(0px) rotate(-45deg);
	}
}


.fix_scroll_text .scroll_circle_inwrapper div + div{
	margin-left: 6px;
}


.scroll_circle_inwrapper .c1{
	animation: c_animation 2s linear 0s infinite;
}

.scroll_circle_inwrapper .c2{
	animation: c_animation 2s linear 0.1s infinite;
}

.scroll_circle_inwrapper .c3{
	animation: c_animation 2s linear 0.2s infinite;
}

@keyframes c_animation {
	0%   {
	-ms-transform: translateZ(0px) scale(1);
	-webkit-transform: translateZ(0px) scale(1);
	transform: translateZ(0px) scale(1);
	}
	25%  {
	-ms-transform: translateZ(0px) scale(0.5);
	-webkit-transform: translateZ(0px) scale(0.5);
	transform: translateZ(0px) scale(0.5);
	}
	50%  {
	-ms-transform: translateZ(0px) scale(1);
	-webkit-transform: translateZ(0px) scale(1);
	transform: translateZ(0px) scale(1);
	}
	75%  {
	-ms-transform: translateZ(0px) scale(1);
	-webkit-transform: translateZ(0px) scale(1);
	transform: translateZ(0px) scale(1);
	}
	100% {
	-ms-transform: translateZ(0px) scale(1);
	-webkit-transform: translateZ(0px) scale(1);
	transform: translateZ(0px) scale(1);
	}
}

.content{
	position: fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	white-space: nowrap;
	
}

.block_wrapper_wrapper{
	width:99999px;
}
.block_wrapper{
	float: left;
}

.content .block{
	float: left;
	position: relative;
	opacity:1;
	pointer-events: none;
}

.content .block.active_block{
	opacity:1;
}

.block_bg{
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-size: cover;
	background-position: center center;}

.s_block_bg{
	position: relative;
	height:100%;
	padding-bottom: 50%;
	background-size: cover;
	background-position: center center;
}

.block_content{
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	white-space: normal;
	z-index: 12;
}

.auto_block .block_content{
	position: relative;
	left:auto;
	top:auto;
	width:auto;
}

.block_content .table_wrapper{
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.auto_block .block_content .table_wrapper{
	position: relative;
	left:auto;
	top:auto;
	width:auto;
}

.block_content .table_wrapper .table{
	width:100%;
	height:100%;
}

.block_content .table_wrapper .td{
	padding: 0px 250px;
	vertical-align: middle;
	text-align: center;
}

.section{
	overflow:hidden;
	}

.thumb{
	width:100%;
	}
	
.thumb img{
	width:100%;
	}	
	
.t{
	display:table;
	width:100%;
	height:100%;
	}	
	
.d{
	display:table-cell;
	vertical-align:middle;
	text-align:center;	
	}	



.center_content{
	pointer-events: auto;
	padding-left: 120px;
	padding-right: 120px;
	margin: auto;
	max-width: 1400px;
}

.normal_center_content{
	pointer-events: auto;
	margin: auto;
	max-width: 960px;
	position: relative;

}

.small_center_content{
	pointer-events: auto;
	margin: auto;
	max-width: 960px;
	position: relative;
}	

.small_block.home_block .small_center_content{
	min-height:380px;
}

.s_center_content{
	pointer-events: auto;
	margin: auto;
	max-width: 720px;
	position: relative;
}	

.xs_center_content{
	pointer-events: auto;
	margin: auto;
	max-width: 640px;
	position: relative;
}	

.xxs_center_content{
	pointer-events: auto;
	margin: auto;
	max-width: 540px;
	position: relative;
}	
	
	
.left_text{
	text-align:left;
	}	
	
.right_text{
	text-align:right;
	}	
	


.col_wrapper{
	}
	
	
.row{
	margin-left:-15px;
	margin-right:-15px;
	}	
	
.big_col_wrapper .row{
	margin-left:-30px;
	margin-right:-30px;
	}	

.normal_col_wrapper .row{
	margin-left:-15px;
	margin-right:-15px;
	}	
	
.small_col_wrapper .row{
	margin-left:-10px;
	margin-right:-10px;
	}	
	
.xs_col_wrapper .row{
	margin-left:-1px;
	margin-right:-1px;
	}	
	
.col_spacing{
	margin-left:15px;
	margin-right:15px;
	}	
	
.big_col_wrapper .col_spacing{
	margin-left:30px;
	margin-right:30px;
	}

.normal_col_wrapper .col_spacing{
	margin-left:15px;
	margin-right:15px;
	}
	
.small_col_wrapper .col_spacing{
	margin-left:10px;
	margin-right:10px;
	}
	
.xs_col_wrapper .col_spacing{
	margin-left:1px;
	margin-right:1px;
	}	

.col{
	float:left;
	padding-left:0px;
	padding-right:0px;
	position:static;
	-webkit-flex-basis: auto; /* Safari 6.1+ */
    flex-basis: auto;
	}
	
.first_col{
	clear:left;
	}	

.col12{
	width:100%;
	}
	
.col10{
	width:83.33%;
	}

.col9{
	width:75%;
	}

.col8{
	width:66.66%;
	}

.col7{
	width:58.33%;
	}

.col6{
	width:50%;
	}

.col5{
	width:41.66%;
	}

.col4{
	width:33.33%;
	}

.col2{
	width:16.67%;
	}

.col3{
	width:25%;
	}
	
body{
	font-size:14px;
	line-height:1.4em;
	font-weight: 100;
	}
	
.text0{
	font-size:110px;
	line-height:1.2em;
	}	
	
.text1{
	font-size:70px;
	line-height:1.2em;
	}	
	
.text2{
	font-size:48px;
	line-height:1.2em;
	}	
	
.text3{
	font-size:40px;
	line-height:1.2em;
	}	
	
.text4{
	font-size:30px;
	line-height:1.4em;
	}	
	
.text4_2{
	font-size:25px;
	line-height:1.6em;
	}	
	
.text5{
	font-size:20px;
	line-height:1.6em;
	}	
	
.text6{
	font-size:16px;
	line-height:1.6em;
	}	
	
.text7{
	font-size:14px;
	line-height:1.6em;
	}	
	
.text8{
	font-size:12px;
	line-height:1.6em;
	}	
	
	
.center_text{
	text-align:center;
	}	
	
.float_right{
	float:right;
	}

.home_block .thin{
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 100;
	letter-spacing: 0.05em;
}


.purple_text{
	color: #342a60;
}

.purple_text2{
	color: #5d5588;
}

.white_text, .home_block .white_text{
	color: #fff;
}	

.green_text, .home_block .green_text{
	color: #98ca4a;
}	

.light_purple_text{
	color: #a39cc3;
}

.white_bg{
	background-color: #fff;
}

.light_purple_bg{
	background-color: #ab9ac9;
}
.light_purple_bg2{
	background-color: #a39cc3;
}

.purple_bg2{
	background-color: #51497e;
}

.purple_bg{
	background-color: #342a60;
}

.green_bg{
	background-color: #98ca4a;
}

.swiper-button-disabled{
	opacity:0.5;
	pointer-events: none;
}

/* home */

.white_block{
	background-color: #fff;
	color:#342a60;
}

.purple_block{
	background-color: #342a60;
	color:#fff;
}

.light_purple_block{
	background-color: #ab9ac9;
	color:#342a60;
}

.light_purple_block2{
	background-color: #bcb5d9;
	color:#342a60;
}

img, .block_bg, .bg{
	/*opacity:0;
	
	-webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
	*/
}

.icon_s_heading{
	/*opacity:0;*/
}

.active_block .icon_s_heading{
	opacity:1;
}


.active_block img, .active_block .block_bg, .active_block .bg{
	opacity:1;
}

.home_block_bg_slider_container_wrapper{
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index: 1;
	opacity:0;
}

.active_block .home_block_bg_slider_container_wrapper{
	opacity:1;
}

.home_block_bg_slider_container_wrapper:after{
	content:"";
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color: rgba(57,52,116,0.5);
	mix-blend-mode: multiply;
	z-index: 11;
	
	-webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
	opacity:0;
}

.active_block .home_block_bg_slider_container_wrapper:after{
	opacity:1;
}

.home_block_bg_slider_container_wrapper .tri1{
	position: absolute;
	left:0px;
	top:0px;
	height: 100%;
	mix-blend-mode: multiply;
	z-index: 11;
}

.home_block_bg_slider_container_wrapper .tri2{
	position: absolute;
	left:0px;
	top:0px;
	height: 100%;
	mix-blend-mode: multiply;
	z-index: 11;
}

.home_block_bg_slider_container_wrapper .tri3{
	position: absolute;
	left:0px;
	top:0px;
	height: 100%;
	mix-blend-mode: multiply;
	z-index: 11;
}

.home_block_bg_slider_container_wrapper .tri4{
	position: absolute;
	right:0px;
	top:0px;
	height: 100%;
	mix-blend-mode: multiply;
	margin-right: -15%;
	z-index: 11;
}

.home_block_bg_slider_container{
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

.home_block_bg{
	background-size: cover;
}

.home_block{
	overflow: hidden;
}

.home_block h1{
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 900;
	position: relative;
	line-height: 1.2em;
	letter-spacing: 0.01em;
}

.light_purple_block h1{
	color:#423b7f;
}

.icon_heading{
	position: relative;
}

.icon_heading::before{
	content:"";
	position: absolute;
	left:0px;
	top:0px;
	background-image: url(images/tri_icon.png);
	width:32px;
	height:14px;
	background-size: cover;
	margin-left: -42px;
	margin-top: -24px;
}

.heading_icon{
	position: absolute;
	left:0px;
	top:15px;
	width:32px;
	height:14px;
	background-size: cover;
	margin-left: -42px;
	font-size: 20px;
	line-height: 1em;
	letter-spacing: 0.2em;
	margin-right: 40px;
}

.text4 .heading_icon{
	top:6px;
}

.heading_icon_top{
	margin-top: -24px;
}


.fix_heading_icon{
	position: relative;
	left:auto;
	float: left;
	margin-left: auto;
}

.heading_icon2{
	margin-left: -62px;
}

.heading_num{
	position: absolute;
	left:0px;
	top:3px;
	width:32px;
	height:14px;
	background-size: cover;
	margin-left: -52px;
	font-size: 20px;
	line-height: 1em;
	letter-spacing: 0.2em;
}

.icon_s_heading{
	position: relative;
	line-height: 1.1em;
}

.icon_s_heading::before{
	content:"";
	position: absolute;
	left:0px;
	top:0px;
	background-image: url(images/tri_icon.png);
	width:32px;
	height:14px;
	background-size: cover;
	margin-left: -42px;
}

.white_block .icon_s_heading::before{
	background-image: url(images/tri_icon_purple.png);
}

.icon_s_heading2{
	padding-left: 65px;
}

.icon_s_heading2::before{
	content:"";
	position: absolute;
	left:0px;
	top:0px;
	background-image: url(images/tri_icon_green.png);
	width:32px;
	height:14px;
	background-size: cover;
	margin-left: auto;
}

.home_block h1{
	margin-top: 30px;
}

.home_block h1:first-child{
	margin-top: auto;
}

.tagline_wrapper{
	margin-top: 10px;
}

.home_block .tagline{
	margin-top: 10px;
	padding-left: 50px;
	position: relative;
}
.home_block .tagline2{
	padding-left: 100px;
}


.home_block .tagline:first-child{
	margin-top: auto;
}

.home_block .tagline::before{
	content:"";
	position: absolute;
	width:30px;
	top:13px;
	left:5px;
	height:1px;
	background-color: #fff;
}

.home_block .tagline2::before{
	width:80px;
}

.home_block .purple_text.tagline::before{
	background-color: #342a60;
}

.home_block .green_text.tagline::before{
	background-color: #98ca4a;
}

.home_block .white_text.tagline::before{
	background-color: #fff;
}

.home_block .light_purple.tagline::before{
	background-color: #ab9ac9;
}


.home_block .tagline + .btn_wrapper{
	padding-left: 50px;
}

.home_block .btn_wrapper{
	margin-top: 25px;
}


.home_block .description{
	margin-top: 25px;
}

.home_block .description:first-child{
	margin-top: auto;
}
.more_btn{
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	
}

.more_btn span{
	display: inline-block;
	vertical-align: middle;
	color:#fff;
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

.more_btn .icon{
	width:30px;
	height:30px;
	border:1px solid #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	margin-right: 20px;
	position: relative;
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

.more_btn .icon::before{
	content:"";
	width:15px;
	height:2px;
	position: absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	margin: auto;
	background-color: #fff;
	display: block;
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

.more_btn .icon::after{
	content:"";
	width:2px;
	height:15px;
	position: absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	margin: auto;
	background-color: #fff;
	display: block;
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
}

.more_btn:hover, .more_btn:hover span{
	color: #99c848;
}

.more_btn:hover .icon{
	background-color: #fff;
}

.more_btn:hover .icon::before{
	background-color: #99c848;
}

.more_btn:hover .icon::after{
	background-color: #99c848;
}



.white_block .more_btn span{
	color:#99c848;
}

.white_block .more_btn .icon{
	border:1px solid #99c848;
}

.white_block .more_btn .icon::before{
	background-color: #99c848;
}

.white_block .more_btn .icon::after{
	background-color: #99c848;
}



.white_block .more_btn:hover span{
	color:#99c848;
}

.white_block .more_btn:hover .icon{
	background-color: #99c848;
	border:1px solid #99c848;
}

.white_block .more_btn:hover .icon::before{
	background-color: #fff;
}

.white_block .more_btn:hover .icon::after{
	background-color: #fff;
}


.home_block_text_slider_item{
	position: absolute;
	opacity:0;
	pointer-events: none;
}

.home_block_text_slider_item.active{
	position: relative;
	display: block;
	opacity:1;
	pointer-events: auto;
}

.home_block_text_slider_item .icon_heading{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	/*
	-ms-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1);
    -webkit-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1);
    transform: translateY(50px) translateX(0px) translateZ(0px) scale(1);
	*/
	opacity:0;
}

.loadfinish .home_block_text_slider_item.active .icon_heading{
	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
	opacity:1;
}

.home_block_text_slider_item .tagline{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	-ms-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(50px) translateX(0px) translateZ(0px) scale(1);
	opacity:0;
}

.loadfinish .home_block_text_slider_item.active .tagline{
	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
	opacity:1;
}

.home_block_text_slider_item .btn_wrapper{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	-ms-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(50px) translateX(0px) translateZ(0px) scale(1);
	opacity:0;
	display: none;
}

.loadfinish .home_block_text_slider_item.active .btn_wrapper{
	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
	opacity:1;
}


.btri1{
	position: absolute;
    right: 0px;
    bottom: 0px;
    height: 100%;
	pointer-events: none;
}
.btri2{
	position: absolute;
    left: 0px;
    bottom: 0px;
    height: 100%;
	pointer-events: none;
}

.tri_mask{
	position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    margin-right: 0%;
    z-index: 11;
}

.mainservice_title_wrapper{
	position: relative;
	margin-right: 200px;
	height:516px;
}

.mainservice_title_wrapper .overylay_text{
	position: absolute;
	bottom:30px;
	left:0px;
	right:0px;
	margin: auto;
	font-weight: 900;
	color: #99c848;
}

.mainservice_title{
	height:516px;
}

.mainservice_block .table_wrapper .td{
	padding-left: 0px;
	}

.table_wrapper .table2 .td{
	padding-left: 0px;
	padding-right: 0px;
}

.mainservice_block .mainservice_item{
	width:310px;
	text-align: center;
	position: relative;
	cursor: pointer;
	display: block;
	pointer-events: auto;
}

.mainservice_block .mainservice_item .bg{
	height:516px;
	width:410px;
	position: absolute;
	top:50%;
	left:50%;
	margin-left: -205px;
	margin-top: -258px;
	background-size: cover;
	clip-path: polygon(100px 0px, 410px 0px, 310px 516px, 0px 516px);
	background-position: center center;
}

.mainservice_block .mainservice_item .bg::before{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	content:"";
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color: rgba(57,52,116,0.5);
	mix-blend-mode: color;
	-webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.mainservice_block .mainservice_item .bg::after{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	content:"";
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color: rgba(57,52,116,0.5);
	mix-blend-mode: multiply;
	-webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.mainservice_block .mainservice_item:hover .bg::before{
	background-color: rgba(57,52,116,0);
}

.mainservice_block .mainservice_item:hover .bg::after{
	background-color: rgba(57,52,116,0);
}

.mainservice_block .mainservice_item .text{
	position: relative;
	z-index: 1;
	color:#fff;
	font-family: 'Noto Sans SC', sans-serif;
	font-family: 900;
}

.client_tri{
	height:45px;
	display: inline-block;
	float: right;
	margin-top: 5px;
}

.client_block .table_wrapper .td{
	padding-left: 0px;
}

.client_logo{
	height:100px;
	margin: auto;
}

.client_block .col{
	margin-top: 90px;
}
.client_block .row{
	margin-top: -90px;
}

.connect_block .description{
	padding-top: 50px;
	margin-top: 50px;
	border-top:1px solid #716a90

}

.connect_block .description{
	padding-top: 50px;
	margin-top: 50px;
	border-top:1px solid #716a90

}

.connect_ul_wrapper li + li{
	margin-top: 15px;
}

.connect_ul_wrapper ul{
	margin-top: 15px;
}

.connect_ul_wrapper ul:first-child{
	margin-top: auto;
}

.connect_ul2 li a, .connect_ul3 li a{
	position: relative;
}

.connect_ul2 li a:hover::before, .connect_ul3 li a:hover::before{
	content:"";
	position: absolute;
	right:100%;
	margin-right: 5px;
	top:5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent #99c848;
}

.connect_block .block_content .table_wrapper .td{
	padding-right: 750px;
}

.connect_ul1 a{
	display: inline-block;
	position: relative;
	color:#99c848;
}


.connect_ul1 a .icon{
	width:20px;
	height:20px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.connect_ul1 a span{
	display: inline-block;
	vertical-align: middle;
}

.connect_ul2, .connect_ul3{
	color:#a39cc3
}


.contact_btn_wrapper{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	position: relative;
	display: block;
}

.contact_btn_wrapper .overlay_text {
    position: absolute;
    left: 0px;
    right: 50px;
    bottom: 10px;
    margin: auto;
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: 900;
    font-family: 'Noto Sans SC';
    text-align: center;
}

.contact_btn{
	width:240px;
	display: block;
	margin: auto;
	position: relative;
	z-index: 12;
}

.contact_btn_wrapper:hover{
	opacity:0.5
}


.connnect_tri_wrapper{
	position: absolute;
	right:0px;
	bottom:0px;
	height: 100%;
	z-index: 11;
}

.connnect_tri{
	height: 100%;
	}

.connnect_tri img{
	position: absolute;
	right:0px;
	bottom:0px;
	height: 100%;
}	

.connnect_tri1, .connnect_tri2, .connnect_tri3{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	opacity:0 !important;
}

.connnect_tri1.active, .connnect_tri2.active, .connnect_tri3.active{
	opacity:1 !important;
}

.connnect_tri .connnect_tri_bg{
	position: relative;
	right:auto;
	bottom:auto;
}

.connnect_side_btn{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	position: absolute;
	right:0%;
	bottom:0%;
	font-family: 'Noto Sans SC', sans-serif;
	font-family: 900;
	pointer-events: auto;
}

.connnect_side_btn > *{
	position: relative;
	display: block;
}

.connnect_side_btn:hover{
	opacity:0.5
}

/* about */

.heading_with_bg{
	display: inline-block;
	position: relative;
	padding-top:200px;
}

.heading_with_bg > *{
	position: relative;
	z-index: 2;
}
.heading_with_bg > .bg{
	position: absolute;
	z-index: 1;
	left:50%;
	margin-left: -300px;
	bottom:37px;
	width:600px;
	height:310px;
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.big_block_content .table_wrapper .td {
    padding: 0px 700px;
    vertical-align: middle;
    text-align: center;
}

.top_tri{
	width:80px;
	margin: auto;
	margin-bottom: 60px;
}

.column_text2{
  column-count: 2;
  column-gap: 50px;
  position: relative;
  line-height: 1.6em;
}

.column_text3{
  column-count: 3;
  column-gap: 50px;
  position: relative;
  line-height: 1.6em;
}

.home_block .description2 {
    margin-top: 50px;
}

.full_bg{
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.about_tri_bg{
	position: absolute;
	left:50%;
	margin-left: -800px;
	top:50%;
	margin-top: -540px;
	width:1600px;
	height:1080px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	mix-blend-mode: multiply;
}

.top_tri_wrapper{
	margin-left: -145px;
}

.about_bg2{
	float: left;
	width:610px;
	margin-left: 95px;
}

.about_tri_bg2{
	position: absolute;
	right:0px;
	top:0px;
	height:100%;
	mix-blend-mode: multiply;
	opacity: 0.5;
}

.about_tri_bg3{
	position: absolute;
	right:-20%;
	top:0px;
	height:100%;
}

.block_with_r_bg{
}


.block_with_mask .table_wrapper .td{
	padding-right: 800px;
}

.mid_tri{
	width:800px;
	height:430px;
	top:50%;
	left:50%;
	position: absolute;
	margin-left: -653px;
	margin-top: -215px;
}

.multiply_bg{
	mix-blend-mode: multiply;
}

.left_tri_bg{
	position: absolute;
	left:-10%;
	bottom:0px;
	height:100%;
}

.right_tri_bg{
	position: absolute;
	right:-10%;
	bottom:0px;
	height:100%;
}


.right_tri_bg2{
	position: absolute;
	right:0%;
	bottom:0px;
	height:100%;
}

.top_img{
	z-index: 12;
}

.six_main_services{
	height:528px;
}

.six_main_services_item_wrapper{
	width:1120px;
	position: relative;
	pointer-events: auto;
}

.full_table_wrapper .table2{
	height:100%;
    display: table;
}

.full_table_wrapper .table2 .td {
    padding-left: 0px;
    padding-right: 0px;
}

.table2 .td + .td{
	padding-left: 120px;
}

.mainservice_block .table2 .td + .td{
	padding-left: 0px;
}

.six_main_services_item{
	margin: 50px 0px;
}

.six_main_services_item_inwrapper{
	margin: -50px 0px;
}


.six_main_services_item{
	padding-left: 50px;
	position: relative;
}

.six_main_services_item .title{
	font-family: 'Noto Sans SC';
	font-weight: 900;
	cursor: pointer;
}

.six_main_services_item .title span{
	display: inline-block;
	vertical-align: middle;
}

.six_main_services_item .title::after{
	content:"";
	display: inline-block;
	border-right:2px solid #98ca4a;
	border-bottom:2px solid #98ca4a;
	width:10px;
	height:10px;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	margin-left: 20px;
	vertical-align: middle;
	margin-top: -10px;
}

.six_main_services_item.active .title::after{
	margin-top: 5px;
	border-right:none;
	border-bottom:none;
	border-left:2px solid #98ca4a;
	border-top:2px solid #98ca4a;
	width:10px;
	height:10px;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	margin-left: 20px;
	vertical-align: middle;
}

.six_main_services_item .num{
	font-family: 'Noto Sans SC';
	position: absolute;
	left:0px;
	top:0px;
	font-weight: 900;
}

.six_main_services_item .description{
	padding-top: 15px;
}

.six_main_services_item .hide_content{
	display: none;
	overflow: hidden;
}

.service_g_wrapper{
	position: relative;
	margin-left: -300px;
	margin-right: -480px;
}

.service_g1{
	height:100%;
}

.service_float_text{
	position: absolute;
	left:30%;
	right:0px;
	bottom:60%;
}

.audit_btn .icon_s_heading::before {
	opacity: 0;
}

.audit_btn.active .icon_s_heading::before {
	opacity: 1;
}

.audit_btn{
	cursor: pointer;
}

.audit_btn a{
	opacity:0.5;
}

.audit_btn:hover a{
	opacity:1;
}

.audit_btn a .thin{
}

.audit_btn:hover a .thin{
    font-weight: 600;
    letter-spacing: 0.02em;
}

.active.audit_btn a{
	opacity:1
}

.audit_btn + .audit_btn{
	padding-top: 50px;
	margin-top: 50px;
	border-top:1px solid #7a759b
}

.account_big_num_wrapper{
	margin-top: 90px;
}

.account_big_num{
	font-family: 'Noto Sans SC';
	color:#a39cc3;
	opacity: 0.2;
	font-size: 480px;
	line-height: 400px;
	font-weight: bold;
	float: left;
	margin-right: 60px;
}


.account_slider_container_wrapper .slider_prev{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	position: absolute;
	width:34px;
	height:34px;
	left:-94px;
	top:0px;
	bottom:0px;
	margin: auto;
	border:1px solid #98ca4a;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	cursor: pointer;
}

.account_slider_container_wrapper .slider_prev::before{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	content:"";
	position: absolute;
	width:8px;
	height:8px;
	left:5px;
	top:0px;
	bottom:0px;
	right:0px;
	border-left:1px solid #98ca4a;
	border-top:1px solid #98ca4a;
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	margin: auto;
}

.account_slider_container_wrapper .slider_prev:hover{
	background-color: #98ca4a;
}

.account_slider_container_wrapper .slider_prev:hover::before{
	border-left:1px solid #fff;
	border-top:1px solid #fff;
}

.account_slider_container_wrapper .slider_next{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	position: absolute;
	width:34px;
	height:34px;
	right:-94px;
	top:0px;
	bottom:0px;
	margin: auto;
	border:1px solid #98ca4a;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	cursor: pointer;
}

.account_slider_container_wrapper .slider_next::before{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	content:"";
	position: absolute;
	width:8px;
	height:8px;
	left:0px;
	top:0px;
	bottom:0px;
	right:5px;
	border-right:1px solid #98ca4a;
	border-top:1px solid #98ca4a;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	margin: auto;
}

.account_slider_container_wrapper .slider_next:hover{
	background-color: #98ca4a;
}

.account_slider_container_wrapper .slider_next:hover::before{
	border-right:1px solid #fff;
	border-top:1px solid #fff;
}

.service_ul{overflow: hidden;}

.service_ul li{
	position: relative;
	padding-left: 2em;
}

.service_ul li::before{
    content: "";
    position: absolute;
    left: 0%;
    top: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #99c848;
}

.service_ul.green_text li::before{
    border-color: transparent transparent transparent #5a5386;
}

.service_ul li + li{
	margin-top: 35px;

}


.ipo_slider_container_wrapper{
	position: relative;
	margin-left: 50px;
}
.home_block .ipo_slider_container_wrapper{
	margin-top: 75px;
}

.ipo_slider_container_wrapper .slider_container{
	margin-left: 140px;
	margin-right: 140px;
}

.ipo_slider_container_wrapper .slider_prev{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	position: absolute;
	width:34px;
	height:34px;
	left:0px;
	top:0px;
	bottom:0px;
	margin: auto;
	border:1px solid #98ca4a;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	cursor: pointer;
}

.ipo_slider_container_wrapper .slider_prev::before{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	content:"";
	position: absolute;
	width:8px;
	height:8px;
	left:5px;
	top:0px;
	bottom:0px;
	right:0px;
	border-left:1px solid #98ca4a;
	border-top:1px solid #98ca4a;
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	margin: auto;
}

.ipo_slider_container_wrapper .slider_next{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	position: absolute;
	width:34px;
	height:34px;
	right:0px;
	top:0px;
	bottom:0px;
	margin: auto;
	border:1px solid #98ca4a;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	cursor: pointer;
}

.ipo_slider_container_wrapper .slider_next::before{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	content:"";
	position: absolute;
	width:8px;
	height:8px;
	left:0px;
	top:0px;
	bottom:0px;
	right:5px;
	border-right:1px solid #98ca4a;
	border-top:1px solid #98ca4a;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	margin: auto;
}


.ipo_slider_container_wrapper .slider_prev:hover{
	background-color: #98ca4a;
}

.ipo_slider_container_wrapper .slider_prev:hover::before{
	border-left:1px solid #342a60;
	border-top:1px solid #342a60;
}

.ipo_slider_container_wrapper .slider_next:hover{
	background-color: #98ca4a;
}

.ipo_slider_container_wrapper .slider_next:hover::before{
	border-right:1px solid #342a60;
	border-top:1px solid #342a60;
}


.icon_text_item_wrapper{
	overflow: hidden;
	margin-top: 120px;
}

.icon_text_item_wrapper .col{
	margin-top: 80px;
	
}

.icon_text_item_wrapper .row{
	margin-top: -80px;
}

.icon_text_item table td{
	vertical-align: middle;
}

.icon_text_item .icon{
	width:80px;
	float: left;
	margin-right: 30px;
}
.icon_text_item .text{
	overflow: hidden;
}

.visa_icon{
	width:180px;
	margin: auto;
	margin-bottom: 50px;
}

.visa_slider_nav a{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	display: block;
	position: relative;
	padding-bottom: 35px;
	border-bottom:1px solid #8b86a9;
	white-space: nowrap;
	cursor: pointer;
	pointer-events: auto;
}

.visa_slider_nav a span{
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	opacity:0.5
}

.visa_slider_nav .active a span, .visa_slider_nav a:hover span{
	opacity:1
}

.visa_slider_nav a::before{
	content:"";
	position: absolute;
	right:100%;
	margin-right: 10px;
	top:15px;
	width:32px;
	height:14px;
	display: block;
	background-image: url(images/tri_icon_white.png);
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	opacity:0;
}

.visa_slider_nav .active a::before{
	opacity:1;
}

.visa_slider_nav li.odd{
	margin-right: 120px;
}

.visa_slider_nav li.even{
	margin-left: 120px;
}

.visa_slider_nav li + li{
	margin-top: 40px;
}

/* client */

.client_g1{
	width:1184px;
	margin-right: -190px;
}

.client_logos{
	width:1700px;
}

.client_logos + .client_logos{
	margin-top: 50px;
}

/* contact */


.map_block .right_tri_bg{
	right:-5%;
}

.map_wrapper{
	width:800px;
	padding-bottom: 75%;
	position: relative;
	pointer-events: auto;
	}

.map{
	position: absolute;
	width:100%;
	height:100%;
	background-color: #fff;
}	

.contact_icon{
	float: left;
	width:25px;
	margin-right: 20px;
}

.contact_item_wrapper{
	pointer-events: auto;
}

.contact_item .text{
	overflow: hidden;
	white-space: nowrap;
}

.contact_item + .contact_item{
	margin-top: 50px;
}

.form_item input{
	background: none;
	border:none;
	width:100%;
	padding: 10px;
	border:1px solid #99c848;
	color:#342a60;
	box-sizing: border-box;
}
.form_item textarea{
	background: none;
	border:none;
	width:100%;
	padding: 10px;
	border:1px solid #99c848;
	color:#342a60;
	height:160px;
	box-sizing: border-box;
}

.form_item + .form_item{
	margin-top: 20px;
}

.big_form_item + .big_form_item{
	margin-top: 50px;
}

.checkbox_title{
	margin-left: 20px;
}

.checkbox_wrapper{
	margin-top: 10px;
	position: relative;
	margin-left: 20px;
}

.form_item input[type=checkbox]{
	margin: auto;
	margin-right: 10px;
	width:10px;
	height:10px;
	float: left;
	margin-top: -2px;
}

.form_item input[type=checkbox]:checked{
	background-color: #98ca4a;
}


.form_item input[type=checkbox]:checked ~ .checkmark {    
	left: 7px;
    top: 1px;
    width: 5px;
    height: 10px;
    border: solid #342a60;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	position: absolute;
}

.form_item input[type=checkbox] + .label{
	overflow: hidden;
}

.form_item input[type=submit]{
	font-family: 'Noto Sans SC', sans-serif;
	width:auto;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	float: right;
	padding: 12px 30px;
	line-height: 1em;
	cursor: pointer;
    font-weight: 900;
}

.form_item input[type=submit]:hover{
	background-color: #342a60;
	border: 1px solid #342a60;
	color: #99c848;
}

/* about logo*/

.about_logo_slider_container_wrapper{
	width:860px;
	margin: auto;
	float: right;
	position: relative;
}

.about_logo_slider_container{
	position: relative;
	z-index: 1;
}

/*
.about_logo_slider_container_wrapper::before{
	content:"";
	background-image: url(images/about_logo_bg.png);
	width:500px;
	height:300px;
	top:50%;
	margin-top: -160px;
	right:0px;
	display: block;
	position: absolute;
	background-size: 100% 100%;
}
*/

.about_logo_slider_container_wrapper::before {
    content: "";
    background-image: url(images/about_logo_bg.png);
    width: 57%;
    height: 80%;
    top: 50%;
    margin-top: -18%;
    right: 0px;
    display: block;
    position: absolute;
    background-size: 100% 100%;
}

.about_logo .big_logo{
	width:360px;
	float: left;
}

.about_logo .big_logo + .text{
	overflow: hidden;
	margin-top: 50px;
}

.about_logo .big_logo + .text .t_wrapper{
	width:100%;
	height:300px;
	display: table;
}

.about_logo .big_logo + .text .t_wrapper .td{
	vertical-align: middle;
	padding: 0px;
}


.about_logo .big_logo + .text .t_wrapper .t1, .about_logo .big_logo + .text .t_wrapper .t3{
	color:#fff
}

.about_logo .big_logo + .text .t_wrapper .t1{
	font-style: italic;
}

.about_logo .big_logo + .text .t_wrapper .t2{
	color:#342a60;
	font-weight: 900;
}

.about_logo_slider_pager{
	text-align: center;
	margin-top: 20px;
	white-space: nowrap;
}

.about_logo_slider_pager li{
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
}
.about_logo_slider_pager a{
	height:80px;
	position: relative;
	display: block;
	cursor: pointer;
}
.about_logo_slider_pager a img{
	height:100%;
}
.about_logo_slider_pager a .hover{
	-webkit-transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.15s cubic-bezier(0.77, 0, 0.175, 1);
	position: absolute;
	left:0px;
	right:0px;
	margin: auto;
	top:0px;
	height:100%;
	opacity:0;
}

.about_logo_slider_pager a:hover .hover{
	opacity:1;
}

.about_logo_slider_container .tri_icon{
	margin: auto;
	margin-bottom: 20px;
	width:25px;
}

/* mobile */
.mobile_show{
	display:none;
	}
	

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


.dropdown_content .table .td{
	padding: 100px 100px;
}
.dropdown_content .dropdown_menu li + li {
    margin-top: 45px;
}    
    
.top_logo {
    top: 40px;
    left: 50px;
    width: 195px;
}
     
    
.dropdown_info{
    bottom: 50px;
    right: 50px;
    }

.header_menu {
    top: 50px;
    right: 50px;
}    

.fix_scroll_text{
    bottom:50px;
}    
    
    
.text1 {
    font-size: 60px;
    line-height: 1.2em;
}

.mainservice_title_wrapper2 .overylay_text {
    bottom: 30px;
	font-size: 72px;
	letter-spacing: 0.1em;
}
   
    
    
}


@media screen and (max-width: 1439px) { 
.dropdown_content .dropdown_menu li + li {
    margin-top: 30px;
}   

.client_block .col {
    margin-top: 45px;
}
    
.client_block .row {
    margin-top: -45px;
}
    
.contact_btn {
    width: 160px;
}      
    
.contact_btn_wrapper .overlay_text {
    position: absolute;
    left: 0px;
    right: 30px;
    bottom: 5px;
    margin: auto;
    color: #fff;
    letter-spacing: 0em;
    font-weight: 900;
    font-family: 'Noto Sans SC';
    text-align: center;
	font-size: 14px;
	line-height: 1.6em;
}
    
.text1 {
    font-size: 50px;
    line-height: 1.2em;
} 
    

.service_float_text{
	left:40%;
    right: 10%;
}

.mainservice_title_wrapper2 .overylay_text {
    bottom: 30px;
	font-size: 72px;
	letter-spacing: 0.1em;
}
    
}


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

.service_float_text{
	left:40%;
    right: 10%;
}

.six_main_services_item {
    padding-left: 30px;
    position: relative;
}

.mainservice_title_wrapper2 .overylay_text {
    bottom: 30px;
	font-size: 72px;
	letter-spacing: 0.1em;
}

}

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


.dropdown_info td + td {
    text-align: left;
}
    

.heading_icon + .mask_in{
	display: block;
}
	
.scrollin1{
	-ms-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(50px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(50px) translateX(0px) translateZ(0px) scale(1);
	opacity:0;
	}	
	
.active_block .scrollin1{
	-ms-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* IE 9 */
    -webkit-transform: translateY(0px) translateX(0px) translateZ(0px) scale(1); /* Safari */
    transform: translateY(0px) translateX(0px) translateZ(0px) scale(1);
	opacity:1;
	}

.mask_in .after {
    bottom: 3px;
}

.mask_in .before {
    bottom: 3px;
}

.lang_btn{
	display: none;
}

.home_block_text_slider_item .icon_heading{
    margin-left: -30px;
}

.home_block_text_slider_item .slide_in_item{
    margin-left: -30px;
}
.home_block_text_slider_item .btn_wrapper{
    margin-left: 0px;
}

.home_block_text_slider_item .icon_heading::before {
    margin-left: 0px;
    margin-top: -20px;
}

.connect_block .small_center_content{
	padding-left: 0px;
    padding-right: 0px;
}

.connect_ul1 a .icon {
    width: 15px;
    height: 15px;
}

.connect_block{
	padding-top: 50px;
}	

.connect_block .col7{
	width:100%;
}

.connect_block .text7{
	font-size: 10px;
    margin-right: 5px;
}

.connect_ul2, .connect_ul3 {
    margin-left: 13px;
}


.m_tri_fullbg_bottom1{
	position: absolute;
	height:40px;
    clip-path: polygon(0% 0%, 50% 100%, 0% 100%);
	left:0px;
	bottom:0px;
	width:100%;
}

.m_tri_fullbg_bottom2{
	position: absolute;
	height:40px;
    clip-path: polygon(50% 100%, 100% 0%, 100% 100%);
	left:0px;
	bottom:0px;
	width:100%;
}

.m_tri_fullbg_top2{
	position: absolute;
	height:40px;
    clip-path: polygon(50% 0%, 100% 0%, 100% 100%);
	left:0px;
	top:0px;
	width:100%;
}


.m_tri_fullbg_b{
	position: absolute;
	height:40px;
    clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
	left:0px;
	bottom:0px;
	width:100%;
}

.table2{
	display: block !important;
}
.table2 .td{
	display: block !important;
}

.top_logo {
    position: absolute;
    top:10px;
    left: 15px;
    width: 130px;
    -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0s;
    opacity: 1 !important;
}

.header_menu {
    position: absolute;
    top:18px;
    right: 15px;
}

.mobile_header {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 99;
	height: 50px;
	background-color: #342a60;
}

.mobile_header .header2 .dropdown_btn .line span {
    background-color: #fff;
}

.mobile_header .lang_btn_wrapper, .dropdown .lang_btn_wrapper{
	display: none;
}

.dropdown_content .table {
}

.dropdown_content .table .td {
    vertical-align: middle;
    padding: 100px 30px;
}

.dropdown_content .dropdown_menu {
    margin-left: 30px;
}

.dropdown_menu a .heading_icon {
    top: -10px;
    left: -10px;
}

.dropdown_content .dropdown_menu li + li {
    margin-top: 40px;
}

.dropdown_info{
	position: relative;
	bottom:auto;
	right:auto;
	float: none;
}

.dropdown_info_wrapper{
	padding-left: 30px;
	margin-top: 40px;
	position: relative;
}

.mobile_lang{
	font-family: 'Noto Sans SC';
	position: relative;
	left:auto;
	bottom:auto;
	margin-top: 40px;
    font-weight: 900;
}

.mobile_lang .active{
	color:#98ca4a
}

.mobile_lang .arrow{
	width:7px;
	height:7px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	display: block;
	margin-right: 3px;
}

.mobile_lang li{
	display: inline-block;
}

.mobile_lang li + li{
	margin-left: 5px;
}

.full_bg > *{
	display: none;
}

.fix_scroll_text{
	display: none;
}

.xs_center_content{
	padding-left: 30px;
	padding-right: 30px;
}

.xxs_center_content{
	padding-left: 30px;
	padding-right: 30px;
}

.s_center_content{
	padding-left: 30px;
	padding-right: 30px;
}

.small_center_content{
	padding-left: 30px;
	padding-right: 30px;
}

.small_block.home_block .small_center_content{
	min-height:auto;
}

.content{
	position: relative;
	left:auto;
	top:auto;
	width:100%;
	height:auto;
	white-space: normal;
	
}
.content .block {
    float: none;
}
.block{    
    width: 100% !important;
    margin-left: auto !important;
}

.block_wrapper_wrapper{
	width:100% !important;
}

.block_wrapper{
    float: none;
}

.block_content{
	padding: 0px !important;
}

.big_block_content .table_wrapper > .table > .td{
	padding: 40px 30px !important;
}
.block_content .table_wrapper > .table > .td{
	padding: 40px 30px !important;
}

img, .block_bg, .bg {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.icon_s_heading{
    opacity: 1;
}

.table{
	table-layout: fixed;
}

.table2 .td{
	display: block;
}

.table2 .td + .td {
    padding-left: 0px;
	padding-top: 40px;
}


.heading_with_bg {
    padding-top: 0px;
}

.six_main_services_item_wrapper{
	width:100%;
}

.six_main_services_item_inwrapper .col{
	width:100%;
	float: none;
}
.six_main_services_item_inwrapper .col + .col{
	margin-top: 20px;
}

.six_main_services_item {
    padding-left: 25px;
    position: relative;
}

.six_main_services_item_inwrapper {
    margin: -25px 0px;
}

.six_main_services_item {
    margin: 25px 0px;
}

.six_main_services_item .title::after {
    border-right: 1px solid #98ca4a;
    border-bottom: 1px solid #98ca4a;
    width: 5px;
    height: 5px;
    margin-left: 10px;
    margin-top: -5px;
}



.six_main_services_item.active .title::after{
	margin-top: 3px;
	border-right:none;
	border-bottom:none;
	border-left:1px solid #98ca4a;
	border-top:1px solid #98ca4a;
    width: 5px;
    height: 5px;
	margin-left: 20px;
}

.six_main_services{
	height:220px;
}

.service_g_wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.service_float_text {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
}

.service_g1{
	position: relative;
	left:-10%;
	right:-10%;
	margin: auto;
	margin-top: -20%;
	margin-bottom: -40px;
	width:120% !important;
	height:auto !important;
}

.heading_with_bg > .bg {
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -150px;
    bottom: 10px;
    width: 300px;
    height: 150px;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.icon_heading::before {
    width: 16px;
    height: 7px;
    margin-left: -21px;
    margin-top: -12px;
}

.icon_s_heading2::before {
    width: 16px;
    height: 7px;
	top:10px;
}
.icon_s_heading2 {
    padding-left: 25px;
}

.icon_s_heading::before {
    width: 16px;
    height: 7px;
	top:6px;
    margin-left: -27px;
}

.icon_s_heading2::before {
    margin-left: 0px;
}

.heading_icon_top {
    margin-top: -24px;
}

.heading_icon {
    top: 15px;
    width: 16px;
    height: 7px;
    margin-left: -21px;
    margin-right: 20px;
}



.fix_heading_icon{
    margin-left: auto;
    margin-right: 15px;
}

.home_block .tagline::before {
    top: 10px;
	left:3px;
}

.heading_num {
    position: absolute;
    left: 0px;
    top: 3px;
    width: 16px;
    height: 7px;
    margin-left: -26px;
    font-size: 12px;
    line-height: 1em;
    letter-spacing: 0.1em;
}

.audit_btn_col_wrapper{
	margin-left: -30px;
	margin-right: -30px;
	
}

.audit_btn_col_wrapper .icon_s_heading::before {
    background-image: url(images/tri_icon_green.png);
}

.audit_btn_col_wrapper .col{
	width:100%;
	float: none;
}

.audit_btn_col_wrapper .col + .col{
	margin-top: 60px;
}

.audit_btn + .audit_btn {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #7a759b;
}


.icon_text_item_wrapper .col{
	width:100%;
	float: none;
}

.icon_text_item_wrapper .col + .col{
	margin-top: 25px;
}

.column_text2 {
    column-count: 1;
}

.icon_text_item .icon {
    width: 40px;
    margin-right: 20px;
}

.col10.description{
	width:100%;
}

.account_slider_mobile_item + .account_slider_mobile_item{
	margin-top: 70px;
}



.icon_text_item_wrapper{
	overflow: hidden;
	margin-top: 45px;
}

.account_big_num_wrapper{
	margin-top: 45px;
}

.account_big_num {
    font-size: 360px;
    line-height: 300px;
    margin-right: -100px;
	margin-right: -200px;
}

.bottom_image{
	position: relative;
	width:120%;
	margin-left: -10%;
	margin-right: -10%;
}


.circle_btn{
	width:16px;
	height:16px;
	border:1px solid #98ca4a;
	color:#98ca4a;
	-webkit-transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	display: block;
	text-align: center;
	margin-top: 20px;
	line-height: 16px;
}

.hidden_box{
	display: none;
	padding-top: 20px;
}

.visa_slider_nav li.even {
    margin-left: 30px;
}

.visa_slider_nav li.odd {
    margin-left: 30px;
    margin-right: auto;
}

.visa_slider_nav a {
    padding-bottom: 15px;
}

.visa_slider_nav li + li {
    margin-top: 15px;
}

.visa_slider_nav a::before {
    top: 10px;
    width: 16px;
    height: 7px;
}

.visa_icon {
    width: 90px;
    margin-bottom: 30px;
}

.contact_btn {
    width: 120px;
}
    
.contact_btn_wrapper .overlay_text {
    right: 20px;
    bottom: 3px;
    font-size: 11px;
    line-height: 1.6em;
}

.connnect_tri_wrapper{
	position: relative;
	height:auto;
	width:100%;
}

.connnect_tri{
	height:auto;
	width:100%;
	margin-top: -20%;
}
.connnect_tri img{
	height:auto;
	width:100%;
}

.connect_block .description {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #716a90;
}

.contact_tri_bg_wrapper{
	overflow: hidden;
	margin-bottom: -100px;
}

.contact_tri_bg{
	width:800px;
	float: right;
	margin-top: 0px;
	margin-right: -350px;
}

.map_wrapper {
    width: auto;
    margin-top: -150px;
    margin-left: -30px;
    margin-right: -30px;
	padding-bottom: 125%;
}

.contact_icon {
    width: 20px;
}	

.contact_item + .contact_item {
    margin-top: 25px;
}

.contact_col_wrapper .col{
	width:100%;
	float: none;
}
.contact_col_wrapper .col+.col{
    margin-top: 20px;
}

.big_form_item + .big_form_item {
    margin-top: 20px;
}

.center_form_item{
	text-align: center;
}

.form_item input[type="submit"]{
	float: none;
	display: inline-block;
}

.client_logos{
	width:100%;
}

.client_g1 {
    width: 110%;
    margin-left: -5%;
    margin-right: -5%;
}

.about_tri_bg2 {
	top:auto;
    right: -100%;
    bottom: 0px;
    width: 200%;
}

/* about */

.about_logo_slider_container_wrapper{
	width:100%;
}


.about_logo .big_logo + .text {
    overflow: hidden;
    margin-top: 10px;
	z-index: 1;
	position: relative;
}

.about_logo_slider_container_wrapper::before {
    content: "";
    background-image: url(images/about_logo_bg.png);
    width: 75%;
    height: 180px;
    top: 0px;
    right: -11%;
	margin-top: auto;
    display: block;
    position: absolute;
    background-size: 100% 100%;
}

.about_logo .big_logo {
    width: 40%;
	margin-right: 5%;
}

.about_logo .big_logo + .text .t_wrapper {
    width: 100%;
    height: 200px;
    display: table;
}

.about_logo_slider_pager a img {
	display: block;
	margin: auto;
}

.about_logo_slider_pager a {
    height: 50px;
}

.about_logo_slider_pager li{
	float: left;
	width:25%;
	margin: auto;
	margin-top: 20px;

}

/* home */

.section_nav {
    left: 30px;
    right: auto;
}

.section_nav_prev {
    top: auto;
    margin-top: auto;
    width: 20px;
    height: 20px;
    right: auto;
	left:0px;
	bottom:100px;
    cursor: pointer;
}

.section_nav_prev::before {
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    left: 2px;
}

.section_nav_next::before {
    width: 5px;
    height: 5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    right: 2px;
}

.section_nav_next {
    bottom: 60px;
    margin-bottom: auto;
    width: 20px;
    height: 20px;
    right: auto;
	left:0px;
}

/* header */

.fix_wrapper{
	display: none;
}

.more_btn .icon {
    width: 15px;
    height: 15px;
    margin-right: 15px;
}

.more_btn .icon::before {
    width: 10px;
    height: 1px;
}

.more_btn .icon::after {
    width: 1px;
    height: 10px;
}

.home_block .btn_wrapper {
    margin-top: 12px;
    font-family: 'Noto Sans SC';
    font-weight: 900;
}

.mainservice_title_wrapper{
	height:auto;
	width:100%;
	margin-right: auto;
	margin-bottom: 80px;
}

.mainservice_title_wrapper2{
	width:60%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
}

.mainservice_title_wrapper2 .overylay_text {
    bottom: 15px;
	font-size: 42px;
	letter-spacing: 0.1em;
}

.mainservice_title{
	height:auto;
	width:100%;
}


.mainservice_block .mainservice_item {
    height: auto;
	padding-top: 40px;
	padding-bottom: 40px;
    width: 100%;
    text-align: center;
    position: relative;
    cursor: pointer;
	pointer-events: auto;
}

.mainservice_block .mainservice_item .bg {
    height: 130px;
    width: 100%;
    position: absolute;
    top: -15%;
    left: 0%;
    margin-left: auto;
    margin-top: auto;
    background-size: cover;
    clip-path: polygon(0% 0%, 100% 20%, 100% 100%, 0% 80%);
}

.mainservice_block .table2 .td + .td {
    padding-top: 0px;
}

.mainservice_block{
	padding-bottom: 60px;
}

.client_logo_col{
	width:33.33%
}

.client_block .col {
    margin-top: 90px;
}

.client_logo {
    height: 50px;
    margin: auto;
}

.home_block_bg_slider_container_wrapper .tri4{
	display: none;
}

.home_block .tagline {
    padding-left: 30px;
}

.home_block .tagline::before {
    width: 15px;
}

.home_block .tagline + .btn_wrapper {
    padding-left: 30px;
}

.block_padding_bottom{
	padding-bottom: 40px;
}

.block_padding_top{
	padding-top: 40px;
}
    
.connect_ul_wrapper .col{
    margin-top: 15px;
}    
    
.connect_ul_wrapper .row{
    margin-top: -15px;
}    

/* font */

.column_text3 {
    column-count: 1;
}

body{
	font-size:12px;
	line-height:1.6em;
	}

.text0{
	font-size:40px;
	line-height:1.2em;
	}	
	
.text1{
	font-size:28px;
	line-height:1.2em;
	}	
	
.text2{
	font-size:24px;
	line-height:1.2em;
	}	
	
.text3{
	font-size:22px;
	line-height:1.2em;
	}	
	
.text4{
	font-size:18px;
	line-height:1.4em;
	}	

.text4_2 {
    font-size: 14px;
    line-height: 1.6em;
}	
	
.text5{
	font-size:12px;
	line-height:1.6em;
	}	
	
.text6{
	font-size:12px;
	line-height:1.6em;
	}	
	
.text7{
	font-size:12px;
	line-height:1.6em;
	}	
	
.text8{
	font-size:12px;
	line-height:1.8em;
	}	
	
.m_first_col{
	clear:left;
	}	
	

	
/* mobile */
.mobile_hide{
	display:none;
	}
	
.mobile_show{
	display:block;
	}	
	
}

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


}


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


/* mobile */

.mobile_hide2{
	display:none;
	}
	
.mobile_show2{
	display:block;
	}	

}