.swiper-slide a[data-v-6901e284]{color:#fff !important;}
.primary-alt{color:#fff !important;}
.swiper-slide11 a[data-v-6901e284]::after{background:#616161 !important;}
.swiper-slide a[data-v-6901e284]::after{background:#fff;}.swiper-slide a:hover .icon-container[data-v-6901e284]{border:0px dotted rgba(255,64,0,.0)}
.primary-alt1{color:#616161 !important}.wiki-img{width:35%;}

/* HAL's motion principle  */
.hal-b{opacity: 1; display: block;  float:left; width:200px;}.hal-m{width:80%;}
.section-balloon {background:url("img/1.png") no-repeat;float:left; height:300px;width:300px;}
.section-balloon .section-balloon-button {display: block;cursor: pointer; background:#2e6fb3;position:relative;right:-33px;bottom: -97px;width: 0;width: 190px;padding:3px;margin:5px;font-size:18px; text-align:center; color:#fff; border-radius:6px; }

.section-balloon1 {background:url("img/2.png") no-repeat;float:left; height:300px;width:300px; background-size:80%; margin-top:70px;}
.section-balloon1 .section-balloon-button {display: block;cursor: pointer; background:#2e6fb3;position:relative;right:-33px;bottom: -152px;width: 0;width: 190px;padding:3px;margin:5px;font-size:18px; text-align:center; color:#fff; border-radius:6px; }

.section-balloon2 {background:url("img/3.png") no-repeat;float:left; height:300px;width:300px; background-size:80%; margin-top:160px;}
.section-balloon2 .section-balloon-button {display: block;cursor: pointer; background:#2e6fb3;position:relative;right:-33px;bottom: -99px;width: 0;width: 190px;padding:3px;margin:5px;font-size:18px; text-align:center; color:#fff; border-radius:6px; }

.section-balloon3 {background:url("img/4.png") no-repeat;float:left; height:300px;width:300px; background-size:80%; margin-top:255px;}
.section-balloon3 .section-balloon-button {display: block;cursor: pointer; background:#2e6fb3;position:relative;right:-33px;bottom: -100px;width: 0;width: 190px;padding:3px;margin:5px;font-size:18px; text-align:center; color:#fff; border-radius:6px; }
._w-32px {width: 22px !important;}._w-32px {height: 25px !important;}
/* HAL's motion principle  */

/* HAL's video  */
.video-module {overflow: hidden;display: block;position: relative;}
.video-module .container.content {height: 100%;position: absolute;z-index: 3;left: 0;right: 0;}
.video-module .container .video-content { position: absolute;top:60%;transform: translateY(-60%);text-align: center;visibility: visible;}
.video-module figure { width: 100%;height: 675px;min-width: 1440px;margin: 0 auto; position: relative;top: 0;bottom: 0;overflow: hidden;}
.video-module .container .video-content h2 {font-size: 52px;color: #fff;font-weight: 700;line-height: normal;}
.video-module .container .video-content p {color: #fff;font-size:25px;font-weight: 300;}
.video-module .container .video-content a.button {display: inline-block;color: #fff;text-transform: none;font-weight: 300;font-size: 18px;padding:7px 60px;border: 1px solid #005c9a;background:#005c9a;}
.video-module .container .video-content a.transcript-play {display: block;color: #fff;font-size: 14px;font-weight: 400;text-decoration: underline;font-style: italic;margin-top:10px;}
/* HAL's video  */

/* Test  */
.lbnzrM {
    position: relative;
    display: flex;
    align-items: flex-start;
    -moz-box-pack: end;
    justify-content: flex-end;
    flex-direction: column;
    width:100%;
    height: 300px;
    padding: 32px;
    cursor: pointer;
    background-size: 300px 300px;
    border-radius: 12px;
    transition: transform 0.1s ease-in-out 0s;
    background-color: rgb(164, 233, 255);
	background-image:url(img/h-4.png);
	}
	
.lbnzrM .matter-person-preview {
    background-size: 146px 152px;
    width: 146px;
    height: 152px;
   background-image:url(img/w.png);
}	
.jMEnkH {
    position: absolute;
    top:17px;
    right: 22px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.lgcNIm {
    width:100%;
    min-width:auto;
    max-width:100%;
	margin:0 10px;
}

.cQNlkM {
    position: relative;
    display: flex;
    align-items: flex-start;
    -moz-box-pack: end;
    justify-content: flex-end;
    flex-direction: column;
    width:100%;
    height: 300px;
    padding: 30px;
    cursor: pointer;
    background-size: 300px 300px;
    border-radius: 12px;
    transition: transform 0.1s ease-in-out 0s;
    background-color: rgb(164, 233, 255);
    background-image: url("img/h-4.png");
}
.cQNlkM .matter-person-preview {
    background-size: 146px 152px;
    width: 146px;
    height: 152px;
   background-image:url(img/m.png);
}
.jBDtJd {
    position: relative;
    display: flex;
    align-items: flex-start;
    -moz-box-pack: end;
    justify-content: flex-end;
    flex-direction: column;
    width:100%;
    height: 300px;
    padding: 30px;
    cursor: pointer;
    background-size: 300px 300px;
    border-radius: 12px;
    transition: transform 0.1s ease-in-out 0s;
    background-color:rgb(164, 233, 255);
    background-image: url("img/h-4.png");
}
.jBDtJd .matter-person-preview {
    background-size: 146px 152px;
    width: 146px;
    height: 152px;
   background-image:url(img/w.png);
}
.chxrZK {
    position: relative;
    display: flex;
    align-items: flex-start;
    -moz-box-pack: end;
    justify-content: flex-end;
    flex-direction: column;
    width:100%;
    height: 300px;
    padding: 30px;
    cursor: pointer;
    background-size: 300px 300px;
    border-radius: 12px;
    transition: transform 0.1s ease-in-out 0s;
    background-color:rgb(164, 233, 255);
    background-image: url("img/h-4.png");
}
.chxrZK .matter-person-preview {
    background-size: 146px 152px;
    width: 146px;
    height: 152px;
   background-image:url(img/m.png);
}
.section-head{border-left:8px solid #ffffff;}

/*  Test */



@font-face{font-family:'FS Albert Extra Bold';
 src:url(Gotham-Book.otf);
 }
 @font-face{font-family:'Publico-Black';
 src:url(Publico-Black.otf);
 }
 
  @font-face{font-family:'TitilliumWeb-SemiBold';
 src:url(TitilliumWeb-SemiBold.ttf);
 }
.sc-kvZOFW:hover{color:#000;}
.base-en ._fw-bold{font-family:TitilliumWeb-SemiBold; font-size:36px !important;}
.role-title{font-family:TitilliumWeb-SemiBold !important; font-size:28px !important;}

.tx{background:rgba(255,255,255,0.9); padding:4%; margin:4%;}
.h2{text-align:left;width: 100%; font-size:35px; color:#fff; font-weight:bold !important; line-height:37px;}
.h1{text-align: center;font-size: 30px;color: #fff;font-weight:bold;line-height: 39px;display: block;margin-top: -100px;}
.home-section{
   background: url(cyberdyne-01.jpg) #fff !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
	margin:0px 0;
	padding:40px;
}
.home-section input[type=text] {
    width: 47.1%;
    padding: 10px;
    display: inline-block;
    border:1px solid #ddd;
    background: #fff !important;
    margin: 5px;
	border-radius:6px;
}
.registerbtn {
    background-color: #005c9a !important;
    color: white;
    padding: 10px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width:80%;
    opacity: 0.9;
    font-size:17px;
    font-weight: 700;
}
.vc_column-inner {margin-top:40%; margin-left:30%;}
.dropdown-select{ border:1px solid #ddd !important;box-shadow:none !important;}.dropdown-select .dd-search{display:none !important;}
.base-spacing{border-bottom: 2px solid #005c9a;display: inline-block;font-size:18px; margin-bottom:10px; margin-top:0px;padding-bottom:10px;}
.sc_button_text{width:250px;display:block;float: left;margin-left:20px; margin-top:26px;}.img-box{display: block;float: left;}
.sc_button_title{display:block; color:#fff; font-size:26px;font-weight:bold;}.sc_button_subtitle{display:block; color:#fff;}


.ibs-img{width:100%; }
h2 {
  animation: move 1s;
  -webkit-animation: move 1s;
}
h3 {
  animation: move 1s;
  -webkit-animation: move 1s;
}
.section-body-container p {
  animation: move 1s;
  -webkit-animation: move 1s;
}

@keyframes move {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}
            
@-webkit-keyframes move {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
}
 
 .section-body-container {display: block;background:#fff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);border-radius: 8px;min-height: 480px;width:45%; float:left; padding-right:6%;}
  .section-body-container1 {display: block;height:480px;width:45%; float:left;}
 
.section-body-container .section-title{font-size:55px; line-height:75px !important; color:#3e3e42;}
.section-body-container .section-title span{font-size:110px; color:#3e3e42;}
.section-caption{width: 100%;padding:15px 4%; margin-bottom:0px; line-height:29px;}
.section-body-container p{font-size:15px;}
 
 #job-zone-container tr, th, td{padding:0px;}
.tab {
    float:right;
    border-bottom:0px solid #efefef;
    width:100px;
    min-height:100%;
	margin:0px;	
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color:#2e6fb3;
    color:#fff;
    padding:12px 16px;
    width:86px;
	height:86px;
    border: none;
    outline: none;
    text-align:center;
    cursor: pointer;
    transition: 0.3s;
    font-size:26px;
	float: left;
	border:4px solid #efefef;
	border-radius:100%;
	font-weight:bold;
}
/* Change background color of buttons on hover */
.tab button:hover {
    background:#f4f4f4;
	color:#005c9a;
}
.tablinks .fa{color:#000;}
.tab button.active.fa{color:#005c9a;}


/* Create an active/current "tab button" class */
.tab button.active {
    background:linear-gradient(270deg, #fade34 0%, #fade34 100%);
	color:#fff;
	box-shadow:0 6px 28px 0 rgba(0,0,0,0.19);
	border-bottom:4px solid #2e6fb3;
}

/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px;
    border:0px solid #ccc;
    width:100%;
    border-left: none;
    height:100%;margin-bottom:6%;
}.box{display:none;}
.box1 {
    display: block;
    position: absolute;
    right:7%;
}

.story-bar__item-content--purple {background-color: rgba(0,0,128,.9);}
.story-bar__item-content--orange {background-color: rgba(25,25,112,.9);}
.story-bar__item-content--blue{background-color: rgba(65,105,225,.9);}
.story-bar__item-content--green{background-color: rgba(0,119,190,.9);}

.slider-img{display:none;}


@media screen and (max-width:880px) {.swiper-slide a[data-v-6901e284]{color:#616161 !important;} .wiki-img{width:35% !important;}

.hal-m{width:80%;}.hal-b{opacity: 1; display: block;  float:left; width:150px;}
.section-balloon {background-size:80%; height:300px;width:180px;}
.section-balloon .section-balloon-button{width:110px;bottom:-55px;font-size:13px; padding:1px; right:-22px;}
.section-balloon1 {background-size:80%; height:300px;width:180px;}
.section-balloon1 .section-balloon-button{width:110px;bottom:-84px;font-size:13px; padding:1px; right:-22px;}
.section-balloon2 {background-size:80%; height:300px;width:180px;}
.section-balloon2 .section-balloon-button{width:110px;bottom:-55px;font-size:13px; padding:1px; right:-22px;}
.section-balloon3 {background-size:80%; height:300px;width:180px;}
.section-balloon3 .section-balloon-button{width:110px;bottom:-55px;font-size:13px; padding:1px; right:-22px;}

.lgcNIm {width:95%;min-width:95%;max-width:95%;margin:15px 10px;}

.home-section{padding:10px;}.vc_column-inner {margin:10px;}.sc_button_text{margin-bottom:20px;}.sc_button_text{width:180px;}
.home-section input[type=text] {width:98%;}.registerbtn {width:100%;}
.h1{text-align:left;font-size:20px;color: #fff;font-weight:bold;line-height:22px;display: block;margin-top:0px; padding-bottom:20px;}

.box{box-shadow:0 2px 3px rgba(10,10,10,.0),0 0 0 1px rgba(10,10,10,.01)}
.tabcontent { width:100%;height:100%; margin:0px;}.tab {width:100%; height:100%;} 
.tab button {width:55px; height:55px;border-bottom:1px solid #fff;padding:10px;}.box{display:block;}.box1{display:none;}.slider-img{display:block;}
.section-inset-2, .section-inset-4, .section-inset-9, .section-inset-11, .section-inset-12{padding:20px 0px;}
#about{display:none;}
 .section-body-container {display: block;background:#ffffff;box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);border-radius: 8px;min-height: 100%;width:100%; float:left;}
  .section-body-container1 {display: block;height: 100%;width:100%; float:left;}
  .section-title{font-size:30px; line-height:35px !important; color:#005c9a;}
  .section-title span{font-size:40px; color:#005c9a;}
.swiper-container[data-v-6901e284], .swiper-wrapper[data-v-6901e284]{display:block;}.swiper-slide{float:left; margin-left:22px !important; margin-right:26px !important;}

}