/*===== Common Class =====*/

html {position: relative;min-height: 100%;}

* { margin:0px;	padding:0px; -webkit-tap-highlight-color: transparent;}

*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}



body {

	font-family: 'Gilroy-Medium';

	font-size:16px;

	color:#1F202C;

	background:#FFFFFF;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

	padding:0px;

	line-height:1.625;

	letter-spacing:0;

}

li, ul, ol { list-style:none; margin:0px; padding:0px;}

a, a img { text-decoration:none; border:0; outline:none !important;}

a {	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;}

a:hover,

a:focus { text-decoration:none; outline:none;}

p { margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 { font-style:normal; font-weight:normal; margin:0px;	padding:0px; color: #1F202C; font-family: 'Gilroy-Bold';}

input, textarea { outline:none !important; }

.btnbox,

.flxrow {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

}

.flxfix {

	-ms-flex-positive: 0;

    flex-grow: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

}

.flxflexi {

	-ms-flex-positive: 1;

    flex-grow: 1;

    -ms-flex-negative: 1;

    flex-shrink: 1;

    -ms-flex-preferred-size: auto;

    flex-basis: auto;

    position: relative;

}



@media (min-width: 768px) {

	.container { width: 750px;}

}

@media (min-width: 992px) {

	.container { width: 970px;}

}

@media (min-width: 1200px) {

	.container { max-width: 1130px; width: 1130px;}

}



.main_wapper { padding: 0;}

#header { position: absolute; left: 0; top: 0; right: 0; z-index: 1111;

	transition: all ease-in-out 0.3s;

}

#header.sticky_header { position: fixed; background: #ffffff;}

body:not(.home) #header { position: fixed;}

#header.sticky_header,

body:not(.home) #header.sticky_header { box-shadow: 0 1px 0 #F1F1F1;}

.header_wrapper { padding: 50px 50px 20px; align-items: center;

	-webkit-transition: all ease-in-out 0.3s;

	-moz-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

}

#header.sticky_header .header_wrapper { padding-top: 20px;}

body:not(.home) .header_wrapper { background: #ffffff;}

#header .logo {}

#header .logo {}

#header .logo path {

	-webkit-transition: all ease-in-out 0.3s;

	-moz-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

}

body:not(.home) #header .logo .battletter { fill: #222961;}

body:not(.home) #header .logo .bottle { fill: #ffffff;}

body:not(.home) #header .logo .shinewave { fill: #01DEBD;}



#header.sticky_header {}

#header.sticky_header .logo .battletter { fill: #222961;}

#header.sticky_header .logo .bottle { fill: #ffffff;}

#header.sticky_header .logo .shinewave { fill: #01DEBD;}



nav.navigation { margin: 0 0 0 auto;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center;

}

nav.navigation ul { margin: 0; padding: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center;

}

nav.navigation ul li { margin: 0; padding: 0; display: block;}

nav.navigation ul li + li { margin: 0 0 0 36px;}

nav.navigation ul li a { display: block; margin: 0; padding: 0; color: #ffffff; line-height: 1.5; position: relative;}

nav.navigation ul li a::after { content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: -2px; background: #01DEBD; opacity: 0;

	-webkit-transition: all ease-in-out 0.3s;

	-moz-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

}

nav.navigation ul li a.active::after { opacity: 1;}

nav.navigation ul li a:hover::after { opacity: 1;}

nav.navigation ul li.current-menu-item a::after { opacity: 1;}

#header .btnbox { margin: 0 0 0 50px;}

#header .btnbox a { display: block; width: 160px; height: 50px; border-radius: 100px; background: #ffffff; text-align: center; line-height: 48px; color: #000000; font-family: 'Gilroy-Bold';}

#header .btnbox a:hover { background: #01DEBD;}

.mac.safari #header .btnbox a,

.mac.chrome #header .btnbox a { line-height: 52px;}



body:not(.home) nav.navigation ul li a { color: #222961;}

body:not(.home) #header .btnbox a { background: #222961; color: #ffffff;}

body:not(.home) #header .btnbox a:hover { background: #01DEBD;}



#header.sticky_header nav.navigation ul li a { color: #222961;}

#header.sticky_header .btnbox a { background: #222961; color: #ffffff;}

#header.sticky_header .btnbox a:hover { background: #01DEBD;}



.overlay_close { position: fixed; right: 0; top: 0; bottom: 0; width: 100%; display: none; z-index: 12;}



#header .menu_close { height: 73px; box-shadow: 0 1px 0 #E5E5E5; 

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center;

}

#header .menu_close a { font-size: 14px; line-height: 1.14; text-transform: uppercase; color: #202020; font-family: "Gilroy-Bold"; opacity: 0.3;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center;

}

#header .menu_close a img { margin: 0 10px 0 0;}



#header .hamburgermenu { margin: 0 0 0 auto; position: relative; z-index: 1111;}

#header .hamburgermenu a { font-size: 14px; line-height: 1.14; text-transform: uppercase; color: #ffffff; font-family: "Gilroy-Medium"; letter-spacing: 0.05em;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center;

}

body:not(.home) #header .hamburgermenu a { color: #222961;}

#header.sticky_header .hamburgermenu a { color: #222961;}

#header .hamburgermenu a span { display: block; width: 27px; height: 3px; background: #ffffff; margin: 0; position: relative;

	-webkit-transition:all 0s .2s;

	transition:all 0s .2s;

}

#header .hamburgermenu a span::after,

#header .hamburgermenu a span::before { content: ''; position: absolute; left: 0; width: 27px; height: 3px; background: #ffffff;

	-webkit-transition-duration: .2s, .2s;

	transition-duration: .2s, .2s;

	-webkit-transition-delay: .2s, 0s;

	transition-delay: .2s, 0s;

}

#header .hamburgermenu a span::before { top: -7px;}

#header .hamburgermenu a span::after { bottom: -7px;}

#header .hamburgermenu a span:before {

	-webkit-transition-property: top, -webkit-transform;

	transition-property: top, transform, background;

}

#header .hamburgermenu a span:after {

	-webkit-transition-property: bottom, -webkit-transform;

	transition-property: bottom, transform, background;

}

#header .hamburgermenu a.active { background-color:transparent;}

#header .hamburgermenu a.active span { background:none;}

#header .hamburgermenu a.active span:before {

	top:0;

	-webkit-transform:rotate(45deg);

	transform:rotate(45deg);

}

#header .hamburgermenu a.active span:after {

	bottom:0;

	-webkit-transform:rotate(-45deg);

	transform:rotate(-45deg);

}

#header .hamburgermenu a.active span:after, 

#header .hamburgermenu a.active span:before { background: #ffffff;

	-webkit-transition-delay: 0s, .2s;

	transition-delay: 0s, .2s;

} 



body:not(.home) #header .hamburgermenu a span,

body:not(.home) #header .hamburgermenu a span::after,

body:not(.home) #header .hamburgermenu a span::before { background: #222961;}

body:not(.home) #header .hamburgermenu a.active span { background:none;}

body:not(.home) #header .hamburgermenu a.active span::after,

body:not(.home) #header .hamburgermenu a.active span::before { background: #ffffff;}



#header.sticky_header {}

#header.sticky_header .hamburgermenu a span,

#header.sticky_header .hamburgermenu a span::after,

#header.sticky_header .hamburgermenu a span::before { background: #222961;}

#header.sticky_header .hamburgermenu a.active span { background:none;}

#header.sticky_header .hamburgermenu a.active span::after,

#header.sticky_header .hamburgermenu a.active span::before { background: #ffffff;}





#header .menu_foo { margin-top: auto; padding: 0 25px 36px;}

#header .menu_foo .email_tel {}

#header .menu_foo .email_tel p { font-size: 16px; line-height: 26px; font-family: "Gilroy-Medium";}

#header .menu_foo .email_tel p a { color: #ffffff;}

#header .socialbox { align-items: center; margin: 20px 0 0 0;}

#header .socialbox a { display: block;}

#header .socialbox a + a { margin: 0 0 0 44px;}

#header .socialbox a svg { vertical-align: top; float: left;}

#header .socialbox a svg path {

	-webkit-transition: all ease-in-out 0.3s;

	-moz-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

}

#header .socialbox a:hover svg path { fill: #01DEBD;}



.technology_mnpage { overflow: hidden;}



#buslight,

#DrLight { opacity: 0;}

.home_banner { background: #222961; min-height: 900px; align-items: flex-end; justify-content: center; height: calc(var(--vh, 1vh) * 100); max-height: 1100px; overflow: hidden; position: relative;}

.home_banner .banner_caption { position: absolute; left: 0; top: 207px; right: 0; padding: 0 20px; z-index: 1;}

.home_banner img { max-height: 546px; width: auto; vertical-align: top; opacity: 1; pointer-events: none;}

.home_banner .pavan_ani { position: absolute; left: 0; bottom: 0; right: 0; display: flex; justify-content: center; align-items: flex-end; width: 100%;}

.home_banner .pavan_ani svg { height: 546px; width: auto !important; overflow: visible;}

.home_banner .imagewrap { position: relative;}

.home_banner .in_caption { max-width: 754px; margin: 0 auto;}

.home_banner h1 { text-align: center; font-size: 48px; line-height: 1.2083; color: #ffffff; text-align: center; font-family: 'Gilroy-Bold'; opacity: 0;}

.home_banner h1 span { display: inline-block; position: relative; z-index: 1;}

.home_banner h1 span::after { content: ''; position: absolute; width: auto; left: -6px; right: -6px; bottom: 6px; height: 8px; background: #01DEBD; z-index: -1;}

.mac.safari .home_banner h1 span::after,

.mac.chrome .home_banner h1 span::after { bottom: 11px;}



.home_banner .btnbox { justify-content: center; padding: 37px 0 0 0;}

.home_banner .btnbox a { padding: 0 15px 2px; min-width: 180px; height: 60px; border-radius: 100px; background: #ffffff; text-align: center; color: #000000; font-family: 'Gilroy-Bold';

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

}

.home_banner .btnbox a svg { margin: 1px 0 0 10px;}

.home_banner .btnbox a:hover { background: #01DEBD;}



.mac.safari .home_banner .btnbox a { padding-bottom: 0;}

.mac.safari .home_banner .btnbox a svg { margin: 0 0 0 10px;}

.mac.chrome .home_banner .btnbox a { padding-bottom: 0;}

.mac.chrome .home_banner .btnbox a svg { margin: 0 0 0 10px;}



.home_banner .road_banner { position: absolute; left: 0; right: 0; bottom: 0; height: 64px; background: #25317A;}

.home_banner .road_banner .dash { height: 100%; width: 100%; position: absolute; left: 0; top: 0; background: url(../images/road_dash.svg) repeat-x center center; /*animation: animatedBackground2 15s linear infinite;*/}

/*.home_banner .road_banner .dash { height: 2px; width: 100%; position: absolute; left: 0; top: 50%; background:rgba(255,255,255,0.2); margin-top: -1px;}*/

/*.home_banner .road_banner .toproad { position: absolute; left: 0; right: 0; top: 0; height: 50%; background: url(../images/road_dash.svg) repeat-x center center; background-size: 40px auto;

	animation: animatedBackground1 40s linear infinite;

}*/

@keyframes animatedBackground1 {

	from { background-position: 0 center; }

	to { background-position: 100% center; }

}

/*.home_banner .road_banner .botroad { position: absolute; left: 0; right: 0; bottom: 0; height: 50%; background: url(../images/road_dash.svg) repeat-x center center; background-size: 40px auto;

	animation: animatedBackground2 40s linear infinite;

}*/

@keyframes animatedBackground2 {

	from { background-position: 100% center; }

	to { background-position: 0% center; }

}



#header .logo {

	transition: all ease-in-out 0.5s; opacity: 0;

	transform: translateY(-30px);

}

.loaded #header .logo { opacity: 1;

	transform: translateY(0); 

	transition-delay: 0.4s;

}

@media (min-width:768px) {

	nav.navigation { opacity: 0;

		transition: all ease-in-out 0.5s;

		transform: translateY(-30px);

	}

	.loaded nav.navigation { opacity: 1;

		transform: translateY(0); 

		transition-delay: 0.5s;

	}

}



.home_banner h1,

.home_banner .btnbox { opacity: 0;

	transition: all ease-in-out 0.5s;

	transform: translateY(50px);

}

.loaded .home_banner h1,

.loaded .home_banner .btnbox { opacity: 1;

	transform: translateY(0px);

	transition-delay: 0.8s;

}

.home_banner .btnbox {

	transition-delay: 0.9s;

}

.home_banner .imagewrap,

.home_banner .road_banner { opacity: 0;

	transition: all ease-in-out 0.5s;

	transition-delay: 1.2s;

}

.loaded .home_banner .imagewrap,

.loaded .home_banner .road_banner { opacity: 1;}





.side_loader { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #ffffff; z-index: 11111;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

	-webkit-transition: all ease-in-out 0.5s;

	-moz-transition: all ease-in-out 0.5s;

	transition: all ease-in-out 0.5s;

}

.loaded .side_loader { opacity: 0; visibility: hidden; pointer-events: none;}





.technology_banner { min-height: 700px; padding: 200px 0 225px 0;}

.technology_banner h1 { font-size: 60px; line-height: 1.0; font-family: 'Gilroy-Bold'; color: #222961;}

.technology_banner h1 span { display: inline-block; position: relative; z-index: 1;}

.technology_banner h1 span::after { content: ''; position: absolute; width: 100%; left: 0; bottom: 4px; height: 8px; background: #01DEBD; z-index: -1;}

.mac.safari .technology_banner h1 span::after { bottom: 9px;}

.mac.chrome .technology_banner h1 span::after { bottom: 9px;}

.technology_banner p { font-size: 24px; line-height: 1.4166; color: #000000; padding: 25px 0 0 0; font-family: "Gilroy-Regular"; max-width: 475px;}

.technology_banner .right_image {}

.technology_banner .in_right_image { position: relative;}

.technology_banner .in_right_image img { position: relative; z-index: 1; vertical-align: top;}

.technology_banner .in_right_image .backimg { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; margin-top: -60px;}

.technology_banner .in_right_image .backimg img { opacity: 0;}

.technology_banner .in_right_image .bann_ani { position: relative;}

.technology_banner .in_right_image .cap_box { position: absolute; left: 0; top: 0; width: 100%; z-index: 11;}

.technology_banner .in_right_image .filled_ani { position: absolute; left: 0; top: 0; width: 100%; z-index: 2; opacity: 0.9;}

.technology_banner .in_right_image .demo1 { position: absolute; left: 0; right: 0; bottom: 5px; top: 0; z-index: 1; border-radius: 72px; overflow: hidden;}



h1 span::after,

h2 span::after {

	transition: all ease-in-out 0.5s;

}

.technology_banner h1 span::after { width: 0;}

.technology_banner .showed span::after { width: 100%;}







/*.technology_banner h1,

.technology_banner p { opacity: 0;

	transition: all ease-in-out 0.5s;

	transform: translateY(50px);

}

.loaded .technology_banner h1,

.loaded .technology_banner p { opacity: 1;

	transform: translateY(0px);

}

.technology_banner p {

	transition-delay: 0.1s;

}*/



.technology_banner .in_right_image { opacity: 0;

	transition: all ease-in-out 1.5s;

	transition-delay: 0.5s;

}

.loaded .technology_banner .in_right_image { opacity: 1;}





.about_home { margin: 0; padding: 110px 0 90px 0;}

.about_home .left_text {}

.about_home .left_text .sub_text { color: #858585; font-size: 18px; line-height: 1.111;}

.about_home .left_text h2 { font-size: 42px; line-height: 1.2380; padding: 25px 0 0 0;}

.about_home .left_text .btnbox { padding: 35px 0 0 0;}

.about_home .left_text .btnbox a { padding: 0 15px 2px; min-width: 180px; height: 60px; border-radius: 100px; background: #ffffff; text-align: center; color: #000000; font-family: 'Gilroy-Bold'; border: solid 2px #1F202C;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

}

.abicon1 {

	transition: all ease-in-out 1s;

}

.about_home .left_text .btnbox a svg { margin: 1px 0 0 10px;}

.about_home .left_text .btnbox a:hover { background: #01DEBD; border-color: #01DEBD;}



.mac.safari .about_home .left_text .btnbox a { padding-bottom:0;}

.mac.safari .about_home .left_text .btnbox a svg { margin: 0 0 0 10px;}

.mac.chrome .about_home .left_text .btnbox a { padding-bottom:0;}

.mac.chrome .about_home .left_text .btnbox a svg { margin: 0 0 0 10px;}



.about_home .rightpart { margin: 0; padding: 0;}

.about_home .rightpart [class*="col-"] { margin-top: 46px;}

.about_home .iconwrap { text-align: center;}

.about_home .iconwrap .icon { padding: 0;}

.about_home .iconwrap .icon img { vertical-align: top;}

.about_home .iconwrap .count_ele { font-size: 48px; color: #01DEBD; font-family: 'Gilroy-ExtraBold'; line-height: 1.41; padding: 4px 0 0 0;}

.about_home .iconwrap p { font-size: 20px; line-height: 1.5; margin: 0; padding: 5px 0 0 0;}

.about_home .iconwrap .icon + p { padding: 22px 0 0 0;}





.movecutshine {

	transform: translateY(100%);

	transition: all ease-in-out 0.1s;

}

@media (min-width: 768px) {

	.cusec_2 .movecutshine {

		transform: translateY(100%);

		transition-duration: 2s;

	}

	.cusec_2 .movecutshine.moving {

		transform: translateY(80%);

		transition-duration: 2s;

	}

	.cusec_3 .movecutshine {

		transform: translateY(80%);

		transition-duration: 2s;

	}

	.cusec_3 .movecutshine.moving {

		transform: translateY(60%);

		transition-duration: 2s;

	}

	.cusec_4 .movecutshine {

		transform: translateY(60%);

		transition-duration: 2s;

	}

	.cusec_4 .movecutshine.moving {

		transform: translateY(40%);

		transition-duration: 2s;

	}

	.cusec_5 .movecutshine {

		transform: translateY(40%);

		transition-duration: 2s;

	}

	.cusec_5 .movecutshine.moving {

		transform: translateY(20%);

		transition-duration: 2s;

	}

	.cusec_6 .movecutshine {

		transform: translateY(20%);

		transition-duration: 2s;

	}

	.cusec_6 .movecutshine.moving {

		transform: translateY(0%);

		transition-duration: 2s;

	}

	.movecutshine.moving {

		transform: translateY(0%);

		transition-duration: 2s;

	}

}



.cutting_edge_wrap { position: relative; background: #F6F6F6;}

.cutting_sec { height: 100vh; position: relative; pointer-events: none;}

.cutting_slide_wrap { position: sticky; top: 0; height: 100vh;}

.cutting_slide_wrap .cutt_slides { justify-content: center; align-items: center; height: 100vh; position: relative;

	position: absolute; left: 0; top: 0; width: 100%;

	transition: all ease-in-out 0.3s;

}

.cutting_slide_wrap .cutt_slides { opacity: 0; pointer-events: none;}

.cutting_slide_wrap .cutt_slides.active { opacity: 1; pointer-events: all;}

.cutting_sl_1 .image { position: absolute; left: 0; top: 0; right: 0; bottom: 0; align-items: center; justify-content: center; overflow: hidden;}

.cutting_sl_1 .image img { max-width: 100%;}

.cutting_sl_1 h2 { text-align: center; font-size: 80px; line-height: 1.125; font-family: "Gilroy-Bold"; max-width: 971px; margin: 0 auto; position: relative; z-index: 1;}

.cutting_sl_1 h2 span { display: inline-block; position: relative; z-index: 1;}

.cutting_sl_1 h2 span::after { content: ''; position: absolute; width: auto; left: -10px; right: -10px; bottom: 10px; height: 10px; background: #01DEBD; z-index: -1;}

.mac.safari .cutting_sl_1 h2 span::after { bottom: 17px;}

.mac.chrome .cutting_sl_1 h2 span::after { bottom: 17px;}

.cutt_slides .left_slides {}

.cutt_slides .left_slides h3 { font-size: 36px; line-height: 1.27; margin: 0; padding: 0; max-width: 285px;}

.cutt_slides.cusec_6 .left_slides h3 { max-width: none;}

.cutt_slides .left_slides p { padding: 17px 0 0 0; margin: 0; font-size: 20px; line-height: 1.5; margin: 0; font-family: 'Gilroy-Regular';}

.cutt_slides .right_slides { padding: 0; margin: 0 0 0 42px; position: relative;}

.cutt_slides .right_slides .gra2ani,

.cutt_slides .right_slides .gra1ani {

	transition-duration: 0.3s;

	transition-delay: 0.3s;

}

.cutt_slides.active .right_slides .gra2ani,

.cutt_slides.active .right_slides .gra1ani {

	transition: all ease-in-out 2s;

}

.cutt_slides .right_slides .graphmain { padding: 38px 72px; background: #ffffff; border-radius: 15px; position: relative;}

.cutt_slides .right_slides .graphmain .tech_m { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 15px; overflow: hidden;}

.cutt_slides .right_slides .graphmain.graph_5 { padding: 0;}

.cutt_slides .right_slides .graphmain .in_graphmain { position: relative; justify-content: center; align-items: center;}

.cutt_slides .right_slides .graphmain img { max-width: 100%; height: auto; border-radius: 15px;}

.cutt_slides .right_slides .graphmain .svg_ani_wrap { width: 100%; height: 100%; position: absolute; left: 0; top: 0; justify-content: center; align-items: center;}

.cutt_slides .right_slides .graphmain svg { max-width: 100%; height: auto; width: 100%; height: auto; position: absolute; left: 0; top: 0;}

.cutt_slides .right_slides .graphmain .toptitle { position: absolute; left: 0; top: 0; right: 0; text-align: center; z-index: 3; color: #939393; font-size: 13px;}

.cutt_slides .right_slides .graphmain .toptitle strong { font-weight: normal; display: block; font-family: "Gilroy-Bold"; color: #020230; font-size: 23px;}

.cutt_slides .right_slides .graphmain .lefttitle { position: absolute; left: 0; top: 50px; bottom: 0; width: 1px; z-index: 1;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

}

.cutt_slides .right_slides .graphmain .lefttitle span { font-size: 15px; font-family: "Gilroy-Bold"; color: #202020; white-space: nowrap;

	-webkit-transform: rotate(-90deg);

	-moz-transform: rotate(-90deg);

	transform: rotate(-90deg);

}

.cutt_slides .right_slides .graphmain .bottomtitle { position: absolute; left: 0; right: 0; bottom: 0; font-size: 15px; font-family: "Gilroy-Bold"; color: #202020; text-align: center; z-index: 1;}

.cutt_slides .right_slides .mn_infobox { position: absolute; left: 0; top: 100%; right: 0; margin: 12px 0 0 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

}

.cutt_slides .right_slides .mn_infobox.colm4 .infobox { max-width: 25%; width: 100%;}

.cutt_slides .right_slides .mn_infobox .infobox { position: relative; padding: 0 40px 10px 27px; font-size: 14px; line-height: 1.57; max-width: 260px;}

.cutt_slides .right_slides .mn_infobox .infobox span { content: ''; position: absolute; left: 0; top: 3px; width: 12px; height: 12px; border-radius: 50px;}

.cutt_slides .shine_box { position: absolute; left: 0; top: 0; right: 20%; height: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

}





.cutt_slides h2 { opacity: 0;

	-webkit-transition: all ease-in-out 0.7s;

	-moz-transition: all ease-in-out 0.7s;

	transition: all ease-in-out 0.7s;

	transform: translateY(50px);

}

.cutt_slides.active h2 { opacity: 1;

	transform: translateY(0px);

}

.cutt_slides h2 span::after { right: auto; width: 0;

	transition: all ease-in-out 0.5s;

	transition-delay: 0.1s;

}

.cutt_slides h2.showed span::after { width: calc(100% + 20px); transition-delay: 0.1s;}

.cutt_slides h2 span + span::after { transition-delay: 0.1;}

.cutt_slides.active h2 span + span::after {

	transition-delay: 1.2s;

}



.cutt_slides .left_slides h3,

.cutt_slides .left_slides p {

	opacity: 0;

	-webkit-transition: all ease-in-out 0.7s;

	-moz-transition: all ease-in-out 0.7s;

	transition: all ease-in-out 0.7s;

	transform: translateY(70px);

}

.cutt_slides.active .left_slides h3,

.cutt_slides.active .left_slides p { opacity: 1;

	transform: translateY(0);

}

.cutt_slides.active .left_slides p {

	transition-delay: 0.1s;

}







.sec_title { text-align: center;}

.sec_title h2 { font-size: 48px; line-height: 1.25; margin: 0; padding: 0;}

.sec_title h2 span { display: inline-block; position: relative; z-index: 1;}

.sec_title h2 span::after { content: ''; position: absolute; width: 100%; left: 0; bottom: 8px; height: 8px; background: #01DEBD; z-index: -1;}

.mac.safari .sec_title h2 span::after { bottom: 12px;}

.mac.chrome .sec_title h2 span::after { bottom: 12px;}



.sec_title h2 span::after { width: 0;}

.sec_title.showed span::after { width: 100%;}







.home_solution_wrap { padding: 130px 0 80px 0;}

.home_solution_wrap .our_solu_row { margin: 42px 0 0 0; border: solid 1px #E9E7E7;}

.home_solution_wrap .our_solu_row [class*="col-"] { border: solid 1px #E9E7E7; padding: 0;}

.home_solution_wrap .solubox { width: 100%;}

.home_solution_wrap .solubox a { width: 100%; min-height: 280px; padding: 30px 40px 40px; color: #1F202C;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

	-webkit-flex-direction: column; 

	flex-direction: column;

}

.home_solution_wrap .solubox a span { display: block; font-size: 20px; line-height: 1.8;  padding: 16px 0 0 0;}

.home_solution_wrap .solubox a.frow {

	-webkit-flex-direction: row; 

	flex-direction: row;

}

.home_solution_wrap .solubox a.frow .iconbox { margin: 0 56px 0 0;}

.home_solution_wrap .solubox a.frow span { max-width: 230px; padding: 0; line-height: 1.5;}

.home_solution_wrap .solubox a:hover { color: #01DEBD;}



.home_history_wrap { padding: 80px 0 138px 0; overflow: hidden;}

.home_history_wrap .sec_title { max-width: 660px; margin: 0 auto;}

.home_history_wrap .swiper-container { max-width: 734px; margin: 120px auto 0; overflow: visible;}

.home_history_wrap .dashed_line { width: 100vw; height: 2px; background: url(../images/Dotted_line.svg) repeat-x left top; position: absolute; left: 50%; margin-left: -50vw; top: 74px; z-index: -1; pointer-events: none; opacity: 0;}

.home_history_wrap .hisbox { width: 100%;}

.home_history_wrap .hisbox .image_wrap { width: 154px; height: 154px; margin: 0 auto; position: relative;}

.home_history_wrap .hisbox .image_wrap .yearbox { position: absolute; top: 100%; left: 0; width: 100%; text-align: center; line-height: 2; font-size: 18px; margin: 15px 0 0 0; opacity: 1; font-family: "Gilroy-Bold";

	-webkit-transition: all ease-in-out 0.3s;

	-moz-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

}

.home_history_wrap .swiper-slide-active .hisbox .image_wrap .yearbox { opacity: 0;}

.home_history_wrap .hisbox .imagebox_in { position: absolute; width: 260px; top: 50%; height: 0; left: 50%; margin-left: -130px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

}

.home_history_wrap .hisbox .imagebox { width: 154px; height: 154px; border-radius: 500px; background-repeat: no-repeat; position: relative; background-size: cover; background-position: center center; z-index: 1;

	-webkit-transition: all ease-in-out 0.3s;

	-moz-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

}

.home_history_wrap .hisbox .imagebox .img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 500px; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1;}

.home_history_wrap .hisbox .imagebox::before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #ffffff; border: solid 3px #01DEBD; border-radius: 100%; z-index: -1; opacity: 0;

	-webkit-transition: all ease-in-out 0.3s;

	-moz-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

}

.home_history_wrap .swiper-slide-active .hisbox .imagebox { width: 260px; height: 260px;}

.home_history_wrap .swiper-slide-active .hisbox .imagebox::before { left: -15px; top: -15px; right: -15px; bottom: -15px; opacity: 1;}

.home_history_wrap .nav_his { position: absolute; left: -80px; right: -80px; top: 77px; height: 0; 

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: space-between;

}

.home_history_wrap .nav_his [class*="swiper-button-"] { width: 40px; height: 40px; border-radius: 50px; background: #01DEBD; outline: none; border: none;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

}

.home_history_wrap .nav_his [class*="swiper-button-"]::after { display: none;}

.home_history_wrap .nav_his [class*="swiper-button-"].swiper-button-disabled { opacity: 1; background: #a6f3e8;}

.home_history_wrap .hisbox .detailbox { padding: 158px 0 0 0; text-align: center; margin: 0 -68px; opacity: 0;

	-webkit-transition: all ease-in-out 0.3s;

	-moz-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

}

.home_history_wrap .hisbox .detailbox h3 { font-size: 36px; line-height: 1.25; color: #01DEBD; padding: 0 0 12px 0; font-family: "Gilroy-Bold";}

.home_history_wrap .hisbox .detailbox p { font-size: 20px; line-height: 1.5; color: #000000;}

.home_history_wrap .swiper-slide-active .hisbox .detailbox { opacity: 1;}

.home_history_wrap .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 50%; width: calc(100vw - 146px); margin-left: calc( -50vw + 73px) ; top: 274px; height: 2px; background: #E9E7E7; opacity: 1; border-radius: 0;}

.home_history_wrap .swiper-container-horizontal > .swiper-scrollbar .swiper-scrollbar-drag { height: 4px; top: -1px; background: #01DEBD; border-radius: 0;}

.home_history_wrap .swiper-container-horizontal > .swiper-scrollbar span { position: absolute; top: 20px; font-size: 16px; color: #000000; pointer-events: none;}

.home_history_wrap .swiper-container-horizontal > .swiper-scrollbar span.min_yr { left: 0;}

.home_history_wrap .swiper-container-horizontal > .swiper-scrollbar span.max_yr { right: 0;}





.home_history_wrap .hisbox .image_wrap::before { content: ''; width: 100%; height: 2px; background: url(../images/Dotted_line.svg) repeat-x left top; position: absolute; left: 100%; top: 74px; z-index: -1; pointer-events: none;}

.home_history_wrap .swiper-slide:last-child .hisbox .image_wrap::before { opacity: 0;}



.home_history_wrap .hisbox .detailbox h3,

.home_history_wrap .hisbox .detailbox p { opacity: 0;

	transform: translateY(30px);

}

.home_history_wrap .swiper-slide-active .hisbox .detailbox h3,

.home_history_wrap .swiper-slide-active .hisbox .detailbox p { opacity: 1;

	-webkit-transition: all ease-in-out 0.3s;

	-moz-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

	transition-delay: 0.4s;

	transform: translateY(0px);

}

.home_history_wrap .swiper-slide-active .hisbox .detailbox p {

	transition-delay: 0.45s;

}



.underthehood_wrap { padding: 0; background: #222961; position: relative;}

.underthehood_wrap .in_underthehood { padding: 200px 0 335px 0; position: relative;}

.underthehood_wrap h2 { font-size: 36px; color: #01DEBD; line-height: 1.277; margin: 0; padding: 0 0 21px 0;}

.underthehood_wrap p { font-size: 20px; line-height: 1.5; color: #ffffff; font-family: "Gilroy-Regular";}

.underthehood_wrap .tech_logo { position: absolute; left: 8.3333333333%; top: 0;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	transform: translateY(-50%);

}

.underthehood_wrap .tech_logo img { max-width: 100%; vertical-align: top;}

.underthehood_wrap .tech_mobile { left: calc(8.3333333333% + 217px); bottom: -124px; position: absolute;}

.underthehood_wrap .tech_mobile img { max-width: 100%; vertical-align: top;}

.underthehood_wrap .tech_mobile .tech_m { position: absolute; left: 0; right: 0; bottom: 0; top: 0;}

.underthehood_wrap .tech_mobile .tech_m svg { width: 100%; height: 100%;}



.battguniq_wrap { padding: 100px 0 123px 0; background: #F6F6F6;}

.underthehood_wrap + .battguniq_wrap { padding-top: 224px;}

.battguniq_wrap h2 { font-size: 36px; line-height: 1.277; margin: 0; padding: 0 0 17px 0;}

.battguniq_box {}

.battguniq_box p { font-size: 20px; line-height: 1.5; font-family: "Gilroy-Regular"; position: relative; z-index: 1;}

.battguniq_wrap .imagewrap {}

.battguniq_wrap .imagewrap .imagebox { height: 233px; width: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: flex-end;

}

.battguniq_wrap .imagewrap .imagebox img { max-width: 100%;}

.battguniq_wrap .imagewrap .imagebox svg { vertical-align: top;}

.battguniq_wrap .imagewrap .mn_title { padding: 10px 0 0 0; text-align: center;}

.battguniq_wrap .imagewrap .subtitle { font-size: 14px; line-height: 2.14; color: #7A89E2; text-transform: uppercase; font-family: "gilroy-medium";}

.battguniq_wrap .imagewrap .changedtitle { position: relative;}

.battguniq_wrap .imagewrap span { text-align: center; display: block; margin: 0; padding: 4px 0 0 0; font-size: 20px; line-height: 1.5; color: #000000;}

.battguniq_wrap .imagewrap span.one { animation: fadein2 8s ease-in infinite;}

.battguniq_wrap .imagewrap span.two { position: absolute; left: 0; top: 0; right: 0;

	animation: fadein1 8s ease-in infinite;

}

.battguniq_wrap [class*="col-"]:first-child .imagewrap .imagebox { justify-content: flex-start;}

.battguniq_wrap [class*="col-"]:last-child .imagewrap .imagebox { justify-content: flex-end;}





@-webkit-keyframes fadein1 {

    0%   { opacity: 1; }

	30%   { opacity: 1; }

	31%   { opacity: 0; }

    100% { opacity: 0; }

}



@-moz-keyframes fadein1 {

    0%   { opacity: 1; }

	30%   { opacity: 1; }

	31%   { opacity: 0; }

    100% { opacity: 0; }

}



@keyframes fadein1 {

    0%   { opacity: 1; }

	30%   { opacity: 1; }

	31%   { opacity: 0; }

    100% { opacity: 0; }

}



@-webkit-keyframes fadein2 {

    0%   { opacity: 0; }

	30%   { opacity: 0; }

	31%   { opacity: 1; }

    100% { opacity: 1; }

}



@-moz-keyframes fadein3 {

    0%   { opacity: 0; }

	30%   { opacity: 0; }

	31%   { opacity: 1; }

    100% { opacity: 1; }

}



@keyframes fadein3 {

    0%   { opacity: 0; }

	30%   { opacity: 0; }

	31%   { opacity: 1; }

    100% { opacity: 1; }

}



.tech_optimal_wrap { padding: 100px 0 132px;}

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

.tech_optimal_wrap .round_bg { position: absolute; z-index: -1; left: 0; top: 47px; right: 0; bottom: -32px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

}

.tech_optimal_wrap .round_bg img { max-width: 100%; max-height: 100%; min-height: 540px; width: auto; height: auto;}

.tech_optimal_wrap h2 { font-size: 36px; line-height: 1.277; margin: 0; padding: 0; max-width: 443px;}

.tech_optimal_wrap p { font-size: 20px; line-height: 1.5; font-family: "Gilroy-Regular"; position: relative; z-index: 1; max-width: 491px;}

.tech_optimal_wrap .arrows { position: absolute; opacity: 0;

	-webkit-transition: all ease-in-out 0.3s;

	-moz-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

}

.tech_optimal_wrap .arrows.arrow_1 { left: 100%; top: 100%; z-index: 1; margin: -23px 0 0 -25px;}

.tech_optimal_wrap .showed .arrows { opacity: 1;}

.tech_optimal_wrap .arrows.arrow_2 { left: 100%; top: 0; z-index: 1; margin: 55px 0 0 -40px;}

.tech_optimal_wrap .opti_block_wrp { position: relative;}

.tech_optimal_wrap .opti_block_row { margin: 83px 0 0 0;}

.tech_optimal_wrap .opti_block { padding: 24px 22px; position: relative;}

.tech_optimal_wrap .opti_block + .opti_block { margin: 30px 0 0 0;}

.tech_optimal_wrap .opti_block p { font-size: 16px; line-height: 1.625; margin: 0; padding: 0; font-family: "Gilroy-Medium";}

.tech_optimal_wrap .opti_block.bluebg { background: #E9EAFF;}

.tech_optimal_wrap .opti_block.bluebg p { color: #0014FF;}

.tech_optimal_wrap .opti_block.redbg { background: #FFE6E0; padding: 35px 30px;}

.tech_optimal_wrap .opti_block.redbg:first-child { margin-top: 41px;}

.tech_optimal_wrap .opti_block.redbg p { color: #FF0000;}

.tech_optimal_wrap .opti_block.orangebg { background: #FFF5E9;}

.tech_optimal_wrap .opti_block.orangebg p { color: #FF9900;}

.tech_optimal_wrap .opti_block.greenbg { background: #D8FBDC;}

.tech_optimal_wrap .opti_block.greenbg p { color: #00AD6F;}



.tech_cycle_wrap { padding: 106px 0 178px 0; background: #F6F6F6;}

.tech_cycle_wrap.cutt_slides .left_slides h3 { max-width: none;}

.tech_cycle_wrap.cutt_slides .left_slides p { line-height: 1.3;}

.cutt_slides .left_slides .imgbox { margin: 25px 0 30px 0;}

.cutt_slides .left_slides .imgbox img { vertical-align: top;}

.cutt_slides .left_slides .links {}

.cutt_slides .left_slides .links a { font-size: 20px; color: #475DDD; line-height: 1.3; text-decoration: underline; font-family: "Gilroy-Bold";}

.tech_cycle_wrap.cutt_slides .left_slides h3,

.tech_cycle_wrap.cutt_slides .left_slides p { opacity: 1; transform: none;}



.textplusimg_wrap { padding: 148px 0 140px 0;}

.textplusimg_wrap .left_part {}

.textplusimg_wrap .left_part h3 { font-size: 36px; line-height: 1.2777; max-width: 293px;}

.textplusimg_wrap .left_part p { font-size: 20px; line-height: 1.3; padding: 38px 0 0 0; margin: 0; font-family: "Gilroy-Regular";}

.textplusimg_wrap .left_part .links { padding: 26px 0 0 0;}

.textplusimg_wrap .left_part .links a { font-size: 20px; color: #475DDD; line-height: 1.3; text-decoration: underline; font-family: "Gilroy-Bold";}

.textplusimg_wrap .right_part {}

.textplusimg_wrap .right_part [class*="col-"] { padding-top: 23px; padding-bottom: 24px;}

.textplusimg_wrap .univer_block { position: relative; height: 100%; background: #ffffff; border: solid 1px #000000; border-radius: 11px; padding: 48px 30px 32px; text-align: center; display: block; color: #1F202C;}

.textplusimg_wrap .univer_block p { font-size: 16px; line-height: 1.625;}

.textplusimg_wrap .univer_block .iconbox { position: absolute; left: 50%; top: -28px;

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	transform: translateX(-50%);

}

.textplusimg_wrap .univer_block .iconbox img { vertical-align: top;}



.the_future_wrap { padding: 153px 0 181px 0; background: #F6F6F6; overflow: hidden; position: relative; z-index: 1;}

.the_future_wrap .zikzak_line { position: absolute; left: -20px; top: 0; right: -20px; bottom: 0; z-index: -1; pointer-events: none;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

}

.the_future_wrap .zikzak_line img { width: 100%; height: auto;}

.the_future_wrap h2 { font-size: 48px; text-align: center; color: #222961; line-height: 1.2083; max-width: 632px; margin: 0 auto;}

.the_future_wrap h2 span { display: inline-block; position: relative; z-index: 1;}

.the_future_wrap h2 span::after { content: ''; position: absolute; width: auto; left: 0; width: 0%;  bottom: 8px; height: 8px; background: #01DEBD; z-index: -1;

	-webkit-transition: all ease-in-out 0.5s;

	-moz-transition: all ease-in-out 0.5s;

	transition: all ease-in-out 0.5s;

}

.the_future_wrap h2 span:last-child:after { right: 0;}

.the_future_wrap .showed h2 span::after { width: 100%;}





.contact_banner { padding: 239px 0 85px 0;}

.pg_title { position: relative;}

.pg_title .vtxt { position: absolute; right: 0; top: 0; bottom: 0;}

.pg_title .vtxt .in_vtxt { font-size: 20px; color: #475DDD; font-family: "Gilroy-Bold"; position: absolute; left: 0; bottom: -30px; white-space: nowrap;

	transform: rotate(-90deg);

    transform-origin: left bottom;

}

.pg_title h2 { font-size: 48px; color: #222961; line-height: 1.2083;}

.pg_title h2 span { display: inline-block; position: relative; z-index: 1;}

.pg_title h2 span::after { content: ''; position: absolute; width: auto; left: -6px; right: -6px; bottom: 6px; height: 8px; background: #01DEBD; z-index: -1;}

.mac.safari .pg_title h2 span::after { bottom: 11px;}

.mac.chrome .pg_title h2 span::after { bottom: 11px;}





.about_banner { padding-bottom: 0;}

.about_banner .pg_title { max-width: 640px;}

.about_banner .globe_wrap { margin: -31px 0 0 0; justify-content: center; position: relative;}

.about_banner .globe_wrap img { max-width: 100%; height: auto;}

.about_banner .globe_wrap .blog_webgl { position: absolute; left: 0; top: 0; right: 0; height: 100%;}

.about_banner .globe_wrap .blog_webgl .container { position: relative; z-index: 1;}

.about_banner .globe_wrap .webgl { width: 623px; position: relative; float: right; margin: 0 -30px 0 0;}

.about_banner .globe_wrap .webgl::before { /*content: '';*/ display: block; padding: 50%;}

.about_banner .globe_wrap .webgl::after { /*content: ''; */ position: absolute; left: -30px; top: -10px; right: -30px; bottom: -10px; z-index: -1; background: #ffffff; border-radius: 100%;}

.about_banner .globe_wrap .webglN { position: absolute; right: -56px; top: -40px; width: 700px; height: 700px; z-index: 11; display: none !important;}



.about_banner .globe_wrap canvas { position: absolute; left: 0; top: 0; z-index: 2;}

.about_banner .globe_wrap .top_number { position: absolute; left: -20px; right: -20px; top: 0; z-index: 11; height: 100%; padding: 0 0 30px 0; opacity: 0; visibility: hidden;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

}

.about_banner .globe_wrap .top_number img { max-width: none; max-height: 346px;}

.about_banner .globe_wrap .number_hori { position: absolute; left: 0; top: 0; right: 0; height: 100%; padding: 0 0 30px 0; align-items: center;}

.about_banner .globe_wrap .hori_inside { width: 100%;}

.about_banner .globe_wrap .lines { width: 100%; height: 30px;}

.about_banner .globe_wrap .lines + .lines { margin-top: -1px;}

/*.about_banner .globe_wrap .line_1 { background: url(../images/abt_bann_line_1.svg) repeat-x center center;}

.about_banner .globe_wrap .line_2 { background: url(../images/abt_bann_line_2.svg) repeat-x center center;}

.about_banner .globe_wrap .line_3 { background: url(../images/abt_bann_line_3.svg) repeat-x center center;}

.about_banner .globe_wrap .line_4 { background: url(../images/abt_bann_line_4.svg) repeat-x center center;}

.about_banner .globe_wrap .line_5 { background: url(../images/abt_bann_line_5.svg) repeat-x center center;}

.about_banner .globe_wrap .line_6 { background: url(../images/abt_bann_line_6.svg) repeat-x center center;}

.about_banner .globe_wrap .line_7 { background: url(../images/abt_bann_line_7.svg) repeat-x center center;}

.about_banner .globe_wrap .line_8 { background: url(../images/abt_bann_line_8.svg) repeat-x center center;}

.about_banner .globe_wrap .line_9 { background: url(../images/abt_bann_line_9.svg) repeat-x center center;}*/

.about_banner .globe_wrap .line_1 { background: url(../images/abt_bann_line_1.svg) repeat-x center center;

	animation: numline1 10s linear infinite;

}

.about_banner .globe_wrap .line_2 { background: url(../images/abt_bann_line_2.svg) repeat-x center center;

	animation: numline1 13s linear infinite;

}

.about_banner .globe_wrap .line_3 { background: url(../images/abt_bann_line_3.svg) repeat-x center center;

	animation: numline1 10s linear infinite;

}

.about_banner .globe_wrap .line_4 { background: url(../images/abt_bann_line_4.svg) repeat-x center center;

	animation: numline1 12s linear infinite;

}

.about_banner .globe_wrap .line_5 { background: url(../images/abt_bann_line_5.svg) repeat-x center center;

	animation: numline1 10s linear infinite;

}

.about_banner .globe_wrap .line_6 { background: url(../images/abt_bann_line_6.svg) repeat-x center center;

	animation: numline1 12s linear infinite;

}

.about_banner .globe_wrap .line_7 { background: url(../images/abt_bann_line_7.svg) repeat-x center center;

	animation: numline1 13s linear infinite;

}

.about_banner .globe_wrap .line_8 { background: url(../images/abt_bann_line_8.svg) repeat-x center center;

	animation: numline1 11s linear infinite;

}

.about_banner .globe_wrap .line_9 { background: url(../images/abt_bann_line_9.svg) repeat-x center center;

	animation: numline1 14s linear infinite;

}

@keyframes numline2 {

	from { background-position: 100% center; }

	to { background-position: 0% center; }

}

@keyframes numline1 {

	from { background-position: 0% center; }

	to { background-position: 100% center; }

}





.about_mn_wrap { padding: 99px 0 114px 0;}

.about_mn_wrap h2 { font-size: 36px; line-height: 1.2777;}

.about_mn_wrap p { font-size: 20px; line-height: 1.5; margin: 0; padding: 0; font-family: "Gilroy-Regular";}



.team_mem_wrap { padding: 118px 0 140px 0; background: #222961; overflow: hidden; position: relative; z-index: 1;}

.team_mem_wrap .zikzak_line { position: absolute; left: -20px; top: 0; right: -20px; bottom: 0; z-index: -1; pointer-events: none;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

}

.team_mem_wrap .zikzak_line img { width: 100%; height: auto;}

.team_mem_wrap h2 { text-align: center; font-size: 36px; line-height: 1.2777; color: #ffffff; padding: 0 0 17px 0;}

.team_mem_wrap .team_row [class*="col-"] { margin-top: 30px;}

.team_mem_wrap .teambox { width: 100%; height: 100%; background: #ffffff; position: relative; border-radius: 15px; padding: 40px 40px 44px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-direction: column; 

	flex-direction: column;

}

.team_mem_wrap .teambox .toppart { padding: 0 0 21px 0;}

.team_mem_wrap .teambox .imagebox { margin: 0 0 20px 0;}

.team_mem_wrap .teambox .imagebox a { display: block; width: 100%; padding: 100% 0 0 0; overflow: hidden; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;}

.team_mem_wrap .teambox .namebox { text-align: center; font-size: 20px; font-family: "Gilroy-Regular"; line-height: 1.8;}

.team_mem_wrap .teambox .positionbox { text-align: center; font-size: 16px; line-height: 1.5; font-family: "Gilroy-Bold";}

.team_mem_wrap .teambox .namebox,

.team_mem_wrap .teambox .positionbox { max-width: 230px; margin: 0 auto;}

.team_mem_wrap .teambox .socialbox { margin-top: auto; justify-content: center;}

.team_mem_wrap .teambox .socialbox a { margin: 0 5px; width: 50px; height: 50px; border-radius: 50px; background: #475DDD; padding: 0 0 3px 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

}

.team_mem_wrap .teambox .socialbox a:hover { background: #01DEBD;}



.advisory_wrap { padding: 118px 0 143px 0; background: #F6F6F6;}

.advisory_wrap h2 { font-size: 36px; line-height: 1.2777; padding: 0 0 22px 0;}

.advisory_wrap p { font-size: 20px; line-height: 1.5; font-family: "Gilroy-Regular";}

.advisory_wrap .advi_row { padding: 21px 0 0 0;}

.advisory_wrap .advi_row [class*="col-"] { margin-top: 30px;}

.advisory_wrap .advisory_block { padding: 48px 40px; background: #ffffff; box-shadow: 0 0 30px 5px #EAEAEA; border-radius: 15px; position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

}

.advisory_wrap .advisory_block .imagebox { width: 210px; background-size: cover; background-repeat: no-repeat; background-position: center center; margin: 0 35px 0 0; border-radius: 500px;}

.advisory_wrap .advisory_block .imagebox::before { content: ''; display: block; padding: 100% 0 0 0;}

.advisory_wrap .advisory_block .namebox { font-size: 20px; font-family: "Gilroy-Regular"; line-height: 1.5; padding: 5px 0 8px 0;}

.advisory_wrap .advisory_block .positionbox { font-size: 16px; line-height: 1.5; font-family: "Gilroy-Bold";}

.advisory_wrap .advisory_block .socialbox { position: absolute; right: 40px; bottom: 55px;}

.advisory_wrap .advisory_block .socialbox a { margin: 0; width: 50px; height: 50px; border-radius: 50px; background: #475DDD; padding: 0 0 3px 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

}

.advisory_wrap .advisory_block .socialbox a:hover { background: #01DEBD;}



.modal-open {

    overflow: hidden;

}

.team_popup { background: #ffffff;

	position: fixed;

    top: 0;

    left: 0;

	bottom: 0;

    z-index: 1050;

    width: 100%;

    outline: 0;

	z-index: 1072;

	overflow: auto;

	opacity: 0; visibility: hidden; pointer-events: none;

	-webkit-transition: all ease-in-out 0.3s;

	-moz-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

}

.modal-open .team_popup { opacity: 1; visibility: visible; pointer-events: all;}

.team_popup .container { padding: 0;}

.team_popup .container .row,

.team_popup .container [class*="col-"] { padding: 0; margin: 0;}

.team_popup .imagebox { background: #F6F6F6; position: fixed; top: 0; right: 0; bottom: 0; width: 50vw; padding: 100px;}

.team_popup .imagebox img { max-width: 100%; max-height: 100%;}

.team_popup .pop_left { max-width: 471px; padding: 110px 0;}

.team_popup .pop_left h3 { font-size: 36px; line-height: 1.2777; padding: 0 0 17px 0;}

.team_popup .pop_left h6 { color: #475DDD; font-size: 20px; line-height: 1.3;}

.team_popup .pop_left .socialbox { padding: 22px 0 0 0;}

.team_popup .pop_left .socialbox a { margin: 0; width: 50px; height: 50px; border-radius: 50px; background: #475DDD; padding: 0 0 3px 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

}

.team_popup .pop_left p { padding: 30px 0 0 0; font-size: 20px; line-height: 1.5; font-family: "Gilroy-Regular";}

.team_popup .close_btn { position: absolute; bottom: 50px; left: -36px;}

.team_popup .close_btn a { display: block; width: 72px; height: 72px; background: #01DEBD; border-radius: 100px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

}



.contact_image_wrap {}

.contact_image_wrap .imagebox { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat;}

.contact_image_wrap .imagebox::before { content: ''; display: block; padding-top: 50%; width: 100%;}



.con_form_txt_wrap { padding: 70px 0 94px 0;}

.con_form_txt_wrap .conleft_txt { max-width: 285px;}

.con_form_txt_wrap .conleft_txt h3 { font-size: 36px; line-height: 1.2777;}

.con_form_txt_wrap .conleft_txt .maplink { padding: 17px 0 0 0;}

.con_form_txt_wrap .conleft_txt .maplink a { font-size: 20px; line-height: 1.3; padding: 0; margin: 0; font-family: "Gilroy-Regular"; color: #475DDD;}

.con_form_txt_wrap .coninfobox { padding: 42px 0 0 0;}

.con_form_txt_wrap .coninfo_row { padding: 30px 0 0 0;}

.con_form_txt_wrap .coninfo_row label { display: block; margin: 0; padding: 0; font-weight: normal; font-size: 24px; color: #B6B6B6; line-height: 1.4166; font-family: "Gilroy-Bold";}

.con_form_txt_wrap .coninfo_row .info { font-size: 24px; color: #1F202C; line-height: 1.4166; font-family: "Gilroy-Bold";}

.con_form_txt_wrap .coninfo_row .info a { color: #1F202C;}

.con_form_txt_wrap .coninfo_row .info a:hover { color: #01DEBD;}

.con_form_txt_wrap .form_wrap {}

.con_form_txt_wrap .form_wrap h3 { font-size: 36px; line-height: 1.2777;}

.con_form_txt_wrap .form_box { margin: 0; padding: 0;}

.con_form_txt_wrap .form_row { display: inline-block; vertical-align: top; width: 100%; margin: 20px 0 0 0;}

.con_form_txt_wrap .form_box label { margin: 0; padding: 0 0 11px 0; font-weight: normal; font-size: 16px; color: #222961; line-height: 1.625; display: block;}

.con_form_txt_wrap .form_box .input_text { width: 100%; background: #ffffff; height: 60px; border: solid 2px #F6F6F6; padding: 0 15px; vertical-align: top; resize: none; font-size: 18px; font-family: "Gilroy-Medium";}

.con_form_txt_wrap .form_box textarea.input_text { padding: 15px; height: 111px;}

.con_form_txt_wrap .captchbox { padding: 6px 0 0 0;}

.con_form_txt_wrap .captchbox img { margin-left: -5px;}

.con_form_txt_wrap .captchbox img,

.con_form_txt_wrap .captchbox iframe { vertical-align: top;}

.con_form_txt_wrap .btnbox { padding: 5px 0 0 0;}

.con_form_txt_wrap .btnbox .submit_btn { padding: 0 15px 2px; min-width: 180px; height: 60px; border-radius: 100px; background: #ffffff; text-align: center; color: #000000; font-family: 'Gilroy-Bold'; border: none; font-size: 16px; border: solid 2px #01DEBD; cursor: pointer; outline: none; box-shadow: none;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

	-webkit-transition: all ease-in-out 0.3s;

	-moz-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

}

.con_form_txt_wrap .btnbox .submit_btn svg { margin: 1px 0 0 27px;}

.con_form_txt_wrap .btnbox .submit_btn:hover { background: #01DEBD;}



.footer_wrap { background: #222961; padding: 100px 0 80px 0;}

.footer_wrap .emailform { border: solid 1px #E9E7E7; position: relative;}

.footer_wrap .emailform .input_text { width: 100%; height: 110px; text-align: left; color: #ffffff; border: none; background: none; font-size: 36px; font-family: "Gilroy-Bold"; padding: 0 300px 0 40px;}

.footer_wrap .emailform ::-webkit-input-placeholder { color:#fff;}

.footer_wrap .emailform :-moz-placeholder { opacity: 1; color: #fff;}

.footer_wrap .emailform ::-moz-placeholder { opacity: 1; color: #fff;}

.footer_wrap .emailform :-ms-input-placeholder { color: #fff;}



.footer_wrap .emailform .placeholder { position: absolute; left: 0; top: 0; right: 0; bottom: 0; color: #ffffff; background: none; font-size: 36px; font-family: "Gilroy-Bold"; pointer-events: none; padding: 0 0 0 40px;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: flex-start;

	transition: all ease-in-out 0.3s;

}

.footer_wrap .emailform .placeholder span { font-size: 28px; margin: 0 0 0 6px; display: inline-block; vertical-align: top; width: 1px; background: #ffffff;

	animation: pulse 1s infinite;

}

.footer_wrap .emailform .submit_btn { position: absolute; right: 0; top: 0; bottom: 0; width: 250px; border-left: solid 1px #E9E7E7;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

}

.footer_wrap .emailform .submit_btn .wpcf7-submit { width: 100%; height: 100%; border: none; background: none; outline: none; font-size: 20px; font-family: "Gilroy-Bold"; color: #ffffff; text-align: center; cursor: pointer;}

.footer_wrap .emailform .submit_btn .ajax-loader { display: none;}

.footer_wrap .emailform .placeholder span strong { opacity: 0;}

.footer_wrap .emailform.activeinput .placeholder { opacity: 0; visibility: hidden;}



@keyframes pulse {

	0% {opacity: 0}

	49%{opacity: 0}

	50% {opacity: 1}

}



.footer_wrap .wpcf7-response-output { display: none !important;}

.footer_wrap .wpcf7-form-control-wrap { display: block;}

.footer_wrap .wpcf7-not-valid-tip { min-width: 250px; padding: 0 15px; left: 100px; position: absolute; bottom: 100%; background: #E68686; margin: 0 0 -8px 0; height: 50px; line-height: 50px; color: #ffffff; font-size: 14px; font-family: "Gilroy-Medium"; text-align: center;}

.footer_wrap .wpcf7-not-valid-tip:after {

	top: 100%;

	left: 50%;

	border: solid transparent;

	content: "";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-color: rgba(136, 183, 213, 0);

	border-top-color: #E68686;

	border-width: 10px;

	margin-left: -10px;

}





.footer_wrap .f_row { margin: 0; padding: 51px 0 0 0;}

.footer_wrap .f_row [class*="col-"] { margin: 0; padding: 0;}

.footer_wrap .f_row .f_col1 {}

.footer_wrap .f_row .logobox { padding: 7px 0 0 0;}

.footer_wrap .f_row .logobox img { height: 30px; width: auto;}

.footer_wrap .f_row .fnav { padding: 52px 0 0 0;}

.footer_wrap .f_row .fnav ul { display: block; margin: 0; padding: 0;}

.footer_wrap .f_row .fnav ul li { margin: 0; padding: 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

}

.footer_wrap .f_row .fnav ul li a { display: block; line-height: 1.56; color: #ffffff;}

.footer_wrap .f_row .fnav ul li a:hover { color: #01DEBD;}

.footer_wrap .f_row .f_col2 {}

.footer_wrap .f_row .addbox { text-align: center; font-size: 14px; line-height: 1.714; color: #ffffff; padding: 5px 0 0 0;}

.footer_wrap .f_row .email_tel { padding: 62px 0 0 0; text-align: center;}

.footer_wrap .f_row .email_tel p { margin: 0; padding: 0; font-size: 24px; color: #ffffff; font-family: "Gilroy-Bold"; line-height: 1.5;}

.footer_wrap .f_row .email_tel p a { color: #ffffff;}

.footer_wrap .f_row .email_tel p a:hover { color: #01DEBD;}

.footer_wrap .f_row .f_col3 {}

.footer_wrap .f_row .up_arrow { justify-content: flex-end;}

.footer_wrap .f_row .up_arrow a { display: block; width: 60px; height: 60px; line-height: 58px; text-align: center; border: solid 1px #01DEBD; border-radius: 100px; font-size: 24px; color: #01DEBD; font-family: "Gilroy-Regular";}

.footer_wrap .f_row .up_arrow a:hover { background: #01DEBD; color: #ffffff;}

.footer_wrap .f_row .socialbox { justify-content: flex-end; align-items: center; margin: 76px 0 0 0;}

.footer_wrap .f_row .socialbox a { display: block;}

.footer_wrap .f_row .socialbox a + a { margin: 0 0 0 44px;}

.footer_wrap .f_row .socialbox a svg { vertical-align: top; float: left;}

.footer_wrap .f_row .socialbox a svg path {

	-webkit-transition: all ease-in-out 0.3s;

	-moz-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

}

.footer_wrap .f_row .socialbox a:hover svg path { fill: #01DEBD;}

.footer_wrap .copyright_wrap { padding: 52px 0 0 0;}

.footer_wrap .copyright_wrap .copy_col { width: 100%; max-width: 33.33%;}

.footer_wrap .copyright_wrap .copy_1 { order: 2; text-align: center;}

.footer_wrap .copyright_wrap .copy_2 { order: 1;}

.footer_wrap .copyright_wrap .copy_3 { order: 3; text-align: right;}

.footer_wrap .copyright_wrap p { font-size: 14px; line-height: 1.78; color: #ffffff;}

.footer_wrap .copyright_wrap p a { color: #ffffff;}

.footer_wrap .copyright_wrap p span + span::before { content: '-'; padding: 0 10px;}

.footer_wrap .copyright_wrap p a:hover { color: #01DEBD;}





.blog_banner { padding: 225px 0 0 0;}

.blog_banner .pg_title h2 { text-align: center; font-size: 36px; line-height: 1.61; }

.blog_banner .pg_title h2 span::after { bottom: 11px;}

.mac.safari .blog_banner .pg_title h2 span::after { bottom: 14px;}

.mac.chrome .blog_banner .pg_title h2 span::after { bottom: 14px;}

.blog_banner .pg_title h1 { text-align: center; font-size: 60px; line-height: 1.27; max-width: 1020px; margin: 0 auto; padding: 0 0 23px 0;}



.pg_title h2 { opacity: 0;

	-webkit-transition: all ease-in-out 0.5s;

	-moz-transition: all ease-in-out 0.5s;

	transition: all ease-in-out 0.5s;

	transform: translateY(40px);

}

.loaded .pg_title h2 { opacity: 1;

	transform: translateY(0);

	transition-delay: 0.7s;

}

@media (min-width: 768px) {

	.pg_title h2 span::after { right: auto; left: 0;}

}

.pg_title h2 span::after { width: 0;

	-webkit-transition: all ease-in-out 0.5s;

	-moz-transition: all ease-in-out 0.5s;

	transition: all ease-in-out 0.5s;

}

.loaded .pg_title h2 span::after { width: 100%;

	transition-delay: 1s;

}





.blog_banner .sub_text p { max-width: 920px; margin: 0 auto; font-size: 24px; line-height: 1.5; text-align: center;}

.blog_banner .metabox { padding: 37px 0 0 0; font-size: 16px; color: #1C1A1A; line-height: 1.50; justify-content: center;}

.blog_banner .metabox span { padding: 0 10px;}

.blog_banner .metabox .authbox strong { font-family: 'Gilroy-Bold';}

.blog_banner .metabox .datebox { margin: 0; color: #01DEBD;}

.blogpage_wrap { padding: 0;}

.grid_wrap { padding: 35px 0 0 0;}

.blog_block { width: 100%; margin: 0 0 96px 0;}

.blog_block .imagebox { padding: 0; margin: 0 0 30px 0;}

.blog_block .imagebox img { width: 100%; height: auto; vertical-align: top;}

.blog_block .detailbox { padding: 0;}

.blog_block h3 { color: #1C1A1A; font-size: 24px; line-height: 1.5; margin: 0; padding: 0 0 21px 0;}

.blog_block h3 a { color: #1C1A1A;} 

.blog_block h3 a:hover { color: #475DDD;}

.blog_block .metabox { margin: 0; padding: 0 0 9px 0; font-size: 16px; color: #1C1A1A; line-height: 1.87; font-family: 'Gilroy-Regular';}

.blog_block .metabox .byblk { margin: 0;}

.blog_block .metabox .byblk strong { font-family: 'Gilroy-Bold';}

.blog_block .metabox .datebox { margin: 0; color: #01DEBD; align-items: center; line-height: 20px; padding: 0 0 9px 0;}

.blog_block .metabox .datebox .tags { height: 20px; line-height: 20px; background: #F6F6F6; color: #1C1A1A; font-family: "gilroy-medium"; font-size: 14px; padding: 0 10px; border-radius: 5px; text-transform: uppercase; margin: 0 10px 0 0;}

.blog_block .btnlink { align-items: center;}

.blog_block .btnlink a { display: block; font-size: 16px; line-height: 1.87; color: #1C1A1A; font-family: 'Gilroy-Bold'; text-decoration: underline;}



.grid li { opacity: 1;}

.grid.effect-2 li.animate {

	/*-webkit-transform: translateY(200px);

	transform: translateY(200px);

	-webkit-animation: moveUp 0.65s ease forwards;

	animation: moveUp 0.65s ease forwards;*/

}

.grid li.shown, 

.no-js .grid li, 

.no-cssanimations .grid li { opacity: 1;}



@-webkit-keyframes moveUp {

	0% { }

	100% { -webkit-transform: translateY(0); opacity: 1; }

}



@keyframes moveUp {

	0% { }

	100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

}



.blog_detail { padding: 82px 0 103px 0;}

.blog_detail .imagebox { margin: 0 0 85px 0;}

.blog_detail .imagebox .imgbox { background: none; background-size: cover; background-repeat: no-repeat; background-position: center center;}

.blog_detail .imagebox img { width: 100%; vertical-align: top;}

.blog_detail .imagebox .img_caption { padding: 9px 0 0 0; text-align: center; font-size: 13px; line-height: 1.85; color: #808080; font-family: 'Gilroy-Regular';}

.blog_detail .text_blog { max-width: 810px; margin: 0 auto;}

.blog_detail .text_blog p { font-size: 20px; line-height: 1.50; color: #1C1A1A; margin: 0; padding: 0; font-family: 'Gilroy-Regular';}

.blog_detail .text_blog p + p { padding: 30px 0 0 0;}

.blog_detail .text_blog blockquote { margin: 0 0 60px 0; position: relative; font-size: 24px; line-height: 1.50; color: #1C1A1A; font-family: 'Gilroy-Bold'; padding: 0 0 0 35px;}

.blog_detail .text_blog blockquote strong { color: #475DDD;}

.blog_detail .text_blog blockquote::before { content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 5px; background: #01DEBD;}

.blog_detail .text_blog p + blockquote { margin-top: 60px;}

.blog_detail .sharingbox { border-top: 1px solid #A8B2B8; border-bottom: 1px solid #A8B2B8; margin: 91px 0 0 0; padding: 23px 0; justify-content: center; align-items: center;}

.blog_detail .sharingbox span { font-size: 14px; display: block; color: #475DDD; line-height: 1.71; text-transform: uppercase; font-family: 'Gilroy-SemiBold'; padding: 0 20px 0 0;}

.blog_detail .sharingbox .socialbox { align-items: center;}

.blog_detail .sharingbox .socialbox a { display: block; padding: 0; margin: 0;}

.blog_detail .sharingbox .socialbox a + a { margin: 0 0 0 20px;}

.blog_detail .sharingbox .socialbox a svg { float: left;}

.blog_detail .sharingbox .socialbox svg path {

	-webkit-transition: all ease-in-out 0.3s;

	-moz-transition: all ease-in-out 0.3s;

	transition: all ease-in-out 0.3s;

}

.blog_detail .sharingbox .socialbox a:hover svg path { fill: #01DEBD;}

.blog_detail .sharingbox .socialbox div {

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex; align-items: center;

}







#demo { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden;}

.bubble{

	position: absolute;

}

  

.smallBubble{

	width:20px;

	height:20px;

	background: url(../images/number_0.svg) no-repeat center center;

}

.mediumBubble{

	width:30px;

	height:30px;

	background: url(../images/number_1.svg) no-repeat center center;

}

  

.largeBubble{

	width:40px;

	height:40px;

	background: url(../images/number_bg.svg) no-repeat center center;

}





.hideimg { opacity: 0;}

.chartcommon { position: absolute; left: 20px; top: 58px; bottom: 24px; width: 100%; height: auto;}

/*.chartcommon::before { content: ''; position: absolute; left: -4px; top: -6px; height: 30px; width: 100%; background: #ffffff; z-index: 1;}

.chartcommon::after { content: ''; position: absolute; left: -4px; bottom: -6px; height: 30px; width: 100%; background: #ffffff; z-index: 1;}*/

.canvasjs-chart-credit{

	display: none;

}





.shine_mn { z-index: -1;

	position: absolute;

	left: 0;

	top: 0;

	right: 20%;

	height: 100%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	align-items: center;

	justify-content: center;

	transition: all ease-in-out 0.5s;

}

.shine_hide .shine_mn { opacity: 0;}

.shine_mn .shine_mask_mn { position: relative; overflow: hidden; background: #E9E7E7;}

.shine_mn .shine_mask_mn img { width: 100%; height: auto; position: relative; z-index: 1; float: left;}

.shine_mn .shine_mask_move { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #01DEBD;

	transition: all ease-in-out 0.5s;

	transform: translateY(100%);

}

.shine_mn.per20 .shine_mask_move {

	transform: translateY(80%);

}

.shine_mn.per40 .shine_mask_move {

	transform: translateY(60%);

}

.shine_mn.per60 .shine_mask_move {

	transform: translateY(40%);

}

.shine_mn.per80 .shine_mask_move {

	transform: translateY(20%);

}

.shine_mn.per100 .shine_mask_move {

	transform: translateY(0%);

}







.our_investors { padding: 120px 0;}

.our_investors h2 { font-size: 36px; line-height: 1.28; color: #1F202C; font-family: "Gilroy-Bold"; padding: 0 0 22px 0;}

.our_investors h6 { max-width: 635px; font-size: 20px; line-height: 1.5; color: #1F202C; font-family: "gilroy-regular";}

.our_investors .invest_block { width: 100%; padding: 0; margin: 50px 0 0 0; height: 150px; border: solid 2px #E9E7E7;
	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;
}
.our_investors .invest_block img { align-self: center; max-width: 100%; max-height: 100%;}
.our_investors .invest_block .tag_line { font-size: 20px; color: #7A89E2; line-height: 1; padding: 0 0 30px 0;}



.head-filter { width: 100%; padding: 0 0 39px 0;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

}

.head-filter ul {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex; align-items: center; justify-content: center;

}

.head-filter ul li { display: block; margin: 0; padding: 0;}

.head-filter ul li + li { margin: 0 0 0 48px;}

.head-filter ul li a { display: block; font-size: 16px; line-height: 1; color: #1C1A1A; position: relative;}

.head-filter ul li a::after { content: ''; position: absolute; left: 0; bottom: -8px; width: 100%; height: 2px; background: #01DEBD; opacity: 0;}

.head-filter ul li a.active { font-family: "Gilroy-Bold";}

.head-filter ul li a.active::after { opacity: 1;}

/*=============== css add 12-5-2021 ============*/
.modal-open-1 {
    overflow: hidden;
}
.team_popup-1 { background: #ffffff;
	position: fixed;
    top: 0;
    left: 0;
	bottom: 0;
    z-index: 1050;
    width: 100%;
    outline: 0;
	z-index: 1072;
	overflow: auto;
	opacity: 0; visibility: hidden; pointer-events: none;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}
.modal-open-1 .team_popup-1 { opacity: 1; visibility: visible; pointer-events: all;}
.team_popup-1 .container { padding: 0;}
.team_popup-1 .container .row,
.team_popup-1 .container [class*="col-"] { padding: 0; margin: 0;}
.team_popup-1 .imagebox { background: #F6F6F6; position: fixed; top: 0; right: 0; bottom: 0; width: 50vw; padding: 100px;}
.team_popup-1 .imagebox img { max-width: 100%; max-height: 100%;}
.team_popup-1 .pop_left { max-width: 471px; padding: 110px 0;}
.team_popup-1 .pop_left h3 { font-size: 36px; line-height: 1.2777; padding: 0 0 17px 0;}
.team_popup-1 .pop_left h6 { color: #475DDD; font-size: 20px; line-height: 1.3;}
.team_popup-1 .pop_left .socialbox { padding: 22px 0 0 0;}
.team_popup-1 .pop_left .socialbox a { margin: 0; width: 50px; height: 50px; border-radius: 50px; background: #475DDD; padding: 0 0 3px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}
.team_popup-1 .pop_left p { padding: 30px 0 0 0; font-size: 20px; line-height: 1.5; font-family: "Gilroy-Regular";}
.team_popup-1 .close_btn { position: absolute; bottom: 50px; left: -36px;}
.team_popup-1 .close_btn a { display: block; width: 72px; height: 72px; background: #01DEBD; border-radius: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; align-items: center; justify-content: center;
}

.footer_wrap .emailform .wpcf7 form.sent .wpcf7-response-output{     display: inline-block !important;
    width: 100%;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    margin: 5px 0 0 0; }