.main_icon {width:50px; height:50px; border-radius: 50%; background:#e7eff6; position: relative;}
.main_icon>img{width:35px; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
h3{padding:15px 0 60px 0;}
.txt {text-align: left; margin:100px 100px 0 80px;}
.sub_title {padding-bottom: 20px;}

/*--------------------[ MAIN ]------------------*/
.main{height:800px; position: relative; background:url(/images/earlytms/bg.png);  background-size: contain; min-width: 1320px; overflow: hidden;}
.ocean { height: 0%; width:100%; position:absolute; bottom:0; left:0; }
.wave {background: url(/images/earlytms/wave.svg) repeat-x; position: absolute;  top: -198px; width: 6400px; height: 198px; animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;}
.wave:nth-of-type(2) {top: -175px; animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite; opacity: 1;}
.wave:nth-of-type(3) {top: -175px; animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite; opacity: 1;}
@keyframes wave {0% {margin-left: 0;} 100% {margin-left: -1600px;}}
@keyframes swell {0%, 100% {transform: translate3d(0,-25px,0);} 50% {transform: translate3d(0,5px,0);}}
.main_left{position: absolute; top:45%; transform: translateY(-50%);}
.main_left .sub_txt {margin-top:10px; font-weight: 300;}
.computer{position: absolute; top:50%; right:-10%; transform: translateY(-50%);}
.computer img{width:850px !important;}
h2{color:#fff; padding-bottom:15px;}

/*--------------------[ SECTION_1 ]------------------*/
.section2_bg {height:150%;}
.section2_at {display: flex; justify-content: center; padding-bottom: 20px;}
.section2_at .txt {width:500px;}

/*--------------------[ SECTION_2 ]------------------*/
.sub_menu{display: flex; justify-content: center; padding-bottom: 20px; position: relative;}
.sub_menu li{padding:0 40px;}
.sub_menu li a {color:#5e6164; cursor: pointer; font-size: 1.2em;}
.sub_menu li a:hover {color:#2975b0;}
.video_demo {width: 100%;}
.video_demo video[poster]{width:100%; height:100%;}

/*--------------------[ SECTION_3 ]------------------*/
.global_market {margin:20px 0 0 80px; display: flex; justify-content: center;}
.global_market .map {margin-top:50px;}

/*--------------------[ SECTION_4 ]------------------*/
.section4_box {height:400px; width:100%; background: #fff; position: relative; overflow: hidden;}
.txt_box {padding-top: 100px; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); text-align: center;  z-index: 1}
.section4_box .sub_title {color:#fff;}

.ocean_box { height: 0%; width:100%; position:absolute; bottom:180px; left:0; }
.wave_box {background: url(/images/earlytms/wave2-01.svg) repeat-x; position: absolute;  top: -198px; width: 6400px; height: 198px; animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite; opacity: 1;}
.wave_box:nth-of-type(2) {top: -165px; animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite; opacity: 0.5;}
.wave_box:nth-of-type(3) {top: -175px; animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite; opacity: 0.2;}
@keyframes wave {0% {margin-left: 0;} 100% {margin-left: -1600px;}}
@keyframes swell {0%, 100% {transform: translate3d(0,-25px,0);} 50% {transform: translate3d(0,5px,0);}}
.bottom_box{background: #205c99; width:100%; height:180px; position:absolute; bottom:0px; left:0; }

/*--------------------[ MEDIA QUERY ]------------------*/

@media only screen and (max-device-width : 667px) {
    
header{min-width:0px;}
.section>*{margin:0 auto; text-align: center;}
.txt {text-align: left; margin:50px 0; }
.button1 {margin-top:15px !important;}
.button2 {margin-top:15px !important; background: rgba(1,1,1,0.2) !important;}
    
/*[ MAIN ]*/
.main{min-width:0px; overflow: hidden;}
.main_left{ width:100%; position: absolute; top:72%; left:50%; transform: translate(-50%,-50%); text-align: center;}
.main_left .sub_txt{display: none;}
.computer{position: absolute; top:33%; right:3%; transform: translateY(-50%);}
.computer img{width:350px !important;}

/*[ SECTION_1 ]*/
.section2_at {display: flex; flex-direction:column; text-align: center;}
.section2_at img {width:300px;}
section.section.container {margin-top:50px;}
.section2_at .txt {width:100%;}
    
/*[ SECTION_2 ]*/
.sub_menu{display: flex; justify-content: center; padding: 20px;}
.sub_menu li{padding:10px;}
.sub_menu li a{opacity: 0.8; font-size: 0.8em;}
    
/*[ SECTION_3 ]*/
.clients img {width:100%;}
.global_market {width:100%; margin:0px; display: flex; flex-direction: column;}
.global_market .map {width:100%; margin-top:50px;}

/*[ SECTION_4]*/
.section4_box {margin-top:20px; height:300px; background: url(/images/earlytms/bg.png); background-size: contain; padding:20px 0;}
.txt_box {text-align: center; padding-top:0px;}
.section4_box .sub_title {color:#fff;}  
}


@media only screen and (min-device-width : 667px) {
}