html, body{scroll-behavior: smooth; overflow: hidden; width:100%; margin:0; padding:0;}
/* @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Space+Grotesk:wght@300..700&display=swap');*/

/*.space-grotesk {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/
.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}
 

.inter {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
}

:root {
  --color-theme: #3AC186;
  --color-dark: #151920;
  --color-purple: #462D8C;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-lightpink1: #F3ECE2;
  --color-lightpink2: #F3E2E2;
  --color-primary: #97144D;
  --color-white: #fff;
}

.text-theme{color: var(--color-theme);}
.text-dark{color: var(--color-dark);}
.text-purple{color: var(--color-purple);}
.text-white{color: var(--color-white);}
.text-black{color: var(--color-black);}

a {color: var(--color-theme);}
a:hover {color: var(--color-theme); text-decoration: underline;}
li.active a{color:#FFFFFF !important; font-weight:600;}
/*menu left position*/
.menu_wraper{background: #333; z-index: 100; position: fixed; width: 100vh; padding: 0.5rem 1.0rem;
	-webkit-transform-origin: left top;
	-webkit-transform:rotate(-90deg) translateX(-100%);}

/*menu right position*/
.menu_wraper{background: rgba(0,0,0,0.2); z-index: 9999; position: fixed; width: 100vh; padding: 0.5rem 1.0rem; right: 0;
	-webkit-transform-origin: right top;
	-webkit-transform:rotate(90deg) translateX(100%);}
.menu_wraper:hover {background: rgba(0,0,0,1.0);}
.menu_wraper:hover .logo {background: rgba(0,0,0,1.0);}
.menu_wraper .logo{-webkit-transform:rotate(-90deg)}

header{position: absolute; z-index: 900; top: 4.571428571428571rem; left: 0; width: 100%;}
.container{width: 85%; max-width: 85%;}

body {font-size: 14px; color: #fff; font-family: "Inter", sans-serif;}

.logo{width: 2rem;}
.logo img{width: 100%;}

.nav-menu, .nav-menu {}
.nav-menu li {margin: 0 1.785rem;}
.nav-menu a {color:var(--color-theme);}
.nav-menu li:hover > a{color:#3ac186;    text-decoration: none; font-weight: 900;}


.nav-menu > .menu-active > a {color:#fff;    text-decoration: none;
    font-weight: 400;}
.nav-menu li:hover > a::after, .nav-menu > .menu-active > a::after {opacity: 0;}

.header-carousel-container{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

.carousel-item h2{text-transform: uppercase;}

.arrow_circle_btn {width: 2rem; height: 2rem; border-radius: 50%; align-items: center; justify-content: center; background: var(--color-purple); color: #fff; font-size: 0.85rem; display: flex;}
.arrow_circle_btn:hover{text-decoration: none;}

#header-carousel .carousel-content{max-width: 100%}
#header-carousel .carousel-item::before{display: none;}

.social_menu{}
.social_menu li{list-style: none; height: 1.5rem; width: 1.5rem; border: 1px solid; border-color: var(--color-theme); display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 0.85rem;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

/*.section {height: 100vh;} */
.text {font-size: 6.5rem;  font-family: "roboto-bold", sans-serif; color: #fff;  text-transform: uppercase; font-weight: bold; line-height: 1.1; padding-left:5px;}
.container{height: 100vh; height:100svh;}
.container-fluid{height:100svh;}
.first_banner { margin-top: 15rem; }
.owl-carousel .owl-stage-outer{min-height:50vh;}
.products{background: #151920; z-index: 100; position: relative; color: #fff;  /*background-image: url('../images/bg-grid.png'); background-position: bottom center;
  background-repeat: no-repeat;  background-size: cover;*/}
/*.products .product_clm {background: url("../images/grid.svg") #242931;}*/
.products .product_clm figure {    text-align: center;}
.products .product_clm figure img {
    max-width: 100%;
    width: 70%;
    margin: auto;
}
.products h3 {font-size: 2.2rem; color: #fff; margin: 0 0 2rem;}
.products ul{margin: 0; padding: 0; font-size: 1.4rem; line-height: 1.6;}
.products ul li{padding: 0 0 1.5rem 1.5rem; margin: 0; position: relative; list-style: none;}
.products ul li::before{content: ''; position: absolute; top: 0.8rem; left: 0; width: 0.6rem; height: 0.6rem; background: #fff; border-radius: 50%;}

.products .content_clm > div {padding-left: 4rem !important;}
.products .content_clm .green_content {/*background: #006E4B;*/ padding: 2rem; font-size: 1.4rem; font-weight: 500; position: absolute; width: 100%; right: 0; bottom: 0;}

.products .green_content_new {position: absolute; background: #FFF; padding: 2rem; font-size: 1.4rem; color:#151920; font-weight: 500; width: 100%; right: 2px; bottom: 0; z-index: 1000;}
.products .green_content_new img{margin-right:2.75rem; max-width:25%;}
.products .owl-nav {bottom: 12rem; right: calc(50% + -8rem);}
.products .owl-nav .owl-next, .products .owl-nav .owl-prev {border-radius: 50%; align-items: center; justify-content: center; background: var(--color-purple); width: 3.5rem; height: 3.5rem; display: flex; justify-content: center; align-items: center;}
.products .owl-nav .owl-prev {display: none;}

/*
.slide-progress {top: -2rem; position: relative;
  width: 0;
  max-width: 100%;
  height: 4px;
  background: #FFF;
}
*/

#product-slider .item > .container-fluid{width:calc(100% + 15px);}
.produc-exaflop-ai {background: #151920 !important;}
#section1 .fp-bg{/*background-image: url('../images/bg-grid.png'); */   background-size: cover;    background-position: bottom center;}
#section2 .fp-bg{/*background-image: url('../images/bg-grid.png'); */   background-size: cover;    background-position: bottom center;}
/*video{min-width:100%; min-height:100%;}*/
.product_clm video { width: 100%;  height: auto;  object-fit: cover;  z-index: -1;  position:absolute; height: 100%;}

.map0 {
    width: 10em;
    position: absolute;
    top: 50%;
    left: 10%;
}
.map01 {
    width: 10em;
    position: absolute;
    top: 60%;
    right: 22.5%;
}
.map0 img{
width:100%;
max-width:50%;
}
.map01 img{
width:100%;
max-width:50%;
}

#myVideo {
  height: 100vh;
  width: 100%;
  object-fit: cover;
  position: absolute;
  object-fit: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  overflow:hidden;
}
/*video {min-height: 100vh; width: 100%;}*/

#background-video {
  height: 100vh;
  width: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  overflow:hidden;
}

.banner_img {position: fixed;}
.banner_slide h2{font-size: 6.8rem; font-family: "roboto-bold", sans-serif; color: #fff; text-transform: uppercase; font-weight: bold;}
/*.banner_slide .container > .row{padding-top: 15rem;}*/

.banner_slide .first_banner p,
.banner_slide .second_banner p,
.banner_slide .third_banner p{display: none;}

#first-banner2, #third-banner2{margin-top: -1.8rem;}

.jobs{position: relative; font-weight: 400; background: #151920; z-index: 2; line-height: 1.6;}
.page_heading{font-size: 5.0rem; color: #fff; font-weight: 700; font-family: "roboto-bold", sans-serif;}
.page_header {padding: 2rem 0;}
.page_header p {font-size: 1.4rem;}

.logo_header {position: absolute; top: 3.7rem; /*left: 6%;*/ width: 100%; z-index: 100;}
.logo_header .container{width: 85%; max-width: 85%;}


.job_row {
    border-bottom: 1px solid;
    border-color: #fff;
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
    min-height: 4rem;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.job_row > div {padding-top: 0.7rem; padding-bottom: 0.7rem;}
.job_row > div:last-child {padding-top: 0rem; padding-bottom: 0rem;}
.job_row .job_position{font-size: 1.4rem; font-weight: 400;}
.job_row:hover {     background-color: #fff;     color: #000;}
.job_row .arrow_circle_btn {
    opacity: 0;
}
.arrow_circle_btn{
	opacity:100;
}
.job_row:hover .arrow_circle_btn{
	opacity: 100;
}

.job_row a.arrow_circle_btn{display: flex; width: 3.5rem; height: 3.5rem;}
.job_row:hover a.arrow_circle_btn{display: flex;}
.job_table a{font-size: 1.3rem;} 


.blog {background: #242931; position: relative; z-index: 2;}
.blog .blog_box_row>div{margin-bottom: 1.8rem;}
.blog .blog_box {position: relative; width: 100%; display:block;}
.blog .blog_box img {width: 100%;}
.blog .blog_box .blog_box_cnt {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1rem;
    font-size: 1.2rem;
    color: #fff;
    background: #151920;
    width: 100%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.blog .blog_box p{font-family: "Inter", sans-serif; line-height:1.8; }
.blog .blog_box:hover .blog_box_cnt {background: #fff; color: #151920;}
.blog .blog_box .blog_box_cnt .arrow_circle_btn {display: none;}
.blog .blog_box:hover .blog_box_cnt .arrow_circle_btn {display: inline-flex;}

.blog .blog_box img.first_img{display: block; 
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */}
/*.blog .blog_box img.second_img{display: none;}*/
.blog .blog_box:hover img.first_img{filter: none;}
/*.blog .blog_box:hover img.second_img{display: block;
	-webkit-filter: grayscale(0);
	filter: none;
}*/



.team {background: #242931; position: relative; z-index: 2;}
.team .team_box_row>div{margin-bottom: 1.8rem;}
.team .team_box {position: relative; width: 100%; display:block;}
.team .team_box img {width: 100%;}
.team .team_box .team_box_cnt {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1rem;
    font-size: 1.2rem;
    color: #fff;
    background: #151920;
    width: 100%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.team .team_box:hover .team_box_cnt {background: #fff; color: #151920;}
.team .team_box .team_box_cnt .arrow_circle_btn {display: none;}
.team .team_box:hover .team_box_cnt .arrow_circle_btn {display: inline-flex;}
.team_box_cnt p{font-family: "Inter", sans-serif; font-weight:400; line-height:1.2; }
.team_box_cnt p span{font-family: "Inter", sans-serif;  font-size:0.8rem;}
.team .team_box img.first_img{display: block; 
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */}
/*.team .team_box img.second_img{display: none;}*/
.team .team_box:hover img.first_img{filter: none;}
/*.team .team_box:hover img.second_img{display: block;
	-webkit-filter: grayscale(0);
	filter: none;
}*/

.mission {
    position: relative;
    z-index: 2;
    background-color: #000;
    background-image: url(../images/mission_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
}
/* radial-gradient(100% 256% at 0% 3%, #148058 2%, #006E4B 32.25%, #144743 100%)*/
.mission ul li {min-height: 4rem; position: relative; font-size: 1.6rem; font-weight: 300;}
.mission ul li span span {font-size: 1.8rem; font-weight: 600;}

.mission .page_heading {
    font-size: 4rem;
	font-family: "Inter", sans-serif;
	font-weight: 630;
    display: flex;
    flex-direction: column;
}
.mission .page_header {padding-bottom: 4rem;}

.mission-data{position:absolute; bottom:25%; width: 25%; right:10%; background-color:#FFCC00; transition:1s; font-size:1.4rem;}
#mission-data1, #mission-data2, #mission-data3, #mission-data4 {display:none; position:absolute; top:0; left:0;}
.mission a{color:#FFF;     padding-bottom:3rem;}
/*
.mission a:hover{text-decoration-color:#3AC186;}*/
.mission-data .hint-content{font-size:1.6rem; font-weight:300; color:#3AC186; line-height:1.8rem;}
.mission-data .hint-content span{font-size:0.8rem; padding-right:5px;}
.mission_cnt{}
.mission_cnt li:nth-child(1) .item-hints .hint[data-position="4"] .hint-content,
.mission_cnt li:nth-child(1) .item-hints .hint[data-position="4"] .hint-content {top: -0.2rem;}
.mission_cnt li:nth-child(2) .item-hints .hint[data-position="4"] .hint-content,
.mission_cnt li:nth-child(3) .item-hints .hint[data-position="4"] .hint-content {top: -0.2rem;}
.mission_cnt li:nth-child(2) .item-hints .hint-content::after, .mission_cnt li:nth-child(3) .item-hints .hint-content::after {display: none;}
.mission_cnt li:nth-child(2) .item-hints .hint-content::before, 
.mission_cnt li:nth-child(2) .item-hints .hint-content::after,
.mission_cnt li:nth-child(3) .item-hints .hint-content::before, 
.mission_cnt li:nth-child(3) .item-hints .hint-content::after{left: -5.3rem !important; top: 0.9rem; bottom: auto !important; width: 5rem !important;}
.page_heading span {
    float: left;
    width: 100%;
    font-size: 2rem;
    font-weight: 400;    min-height: 2rem;
}
.page_heading .d1sp1,.d1sp2,.d1sp3,.d1sp4{
	display:none;  transition: all 1s;
	color:#3AC186;    top: 0;
    position: relative;
	font-family: 'inter', sans-serif;

}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.mission a:hover .d1sp1 {
    display: block; 
	animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}
.mission a:hover .d1sp2 {
    display: block;
	animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}.mission a:hover .d1sp3 {
    display: block;
	animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}.mission a:hover .d1sp4 {
    display: block;
	animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}
.mission a:hover{
	padding-bottom:0.6rem;    text-decoration: none;
}
/*
#product-slider .container-fluid {
     padding: 0 30px;
}
*/








.footer {background:url("../images/footer-map.jpg") no-repeat #151920; background-size: cover; background-position:center center; position: relative; z-index: 2; }
.footer::before {content: ''; height: 50%; position: absolute; width: 100%; top: 0; left: 0;
	/*background: rgb(21,25,32);
    background: linear-gradient(155deg, rgba(21,25,32,1) 100%, rgba(21,42,43,1) 100%, rgba(21,61,56,1) 100%);*/
	
	;}
.footer_logo {padding: 1.5rem 0 1.5rem; border-bottom: 1px solid; border-color: #ccc;}

.footer a{color: #FFF; font-size: 1.2rem; font-weight:600;	letter-spacing: 0.36px;	}
/*.footer a:hover{letter-spacing: 0;}*/
.footer p{color: #FFF; font-size: 1rem; font-weight:300;}
.footer .customer_service_link a {color: var(--color-theme);}
.footer ul{display:flex; justify-content: space-between;}

.footer li {
    margin-right: 0;
	margin-left:0;
}.footer_logo img {
    width: 18%;
}
.widfu{
	width: 60%;
	margin-bottom: 1em !important;
}
.widfu2{
	width: 90%;
 }
.footer li a {
    color: #fff;
}
.item-hints {display: none; color: var(--color-theme); -webkit-transition: opacity 0.5s ease;  transition: opacity 0.5s ease;}
.abc:hover .item-hints {display: block; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease;}
.item-hints .hint {width: 1.4rem; height: 1.4rem; margin-top:0.35rem; position: relative; display: flex; justify-content: center; align-items: center;}
.item-hints .hint::before {
  /* //rotated squre */
  background-color: #fff;
  width: 5px;
  height: 5px;
  z-index: 2;
  -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.item-hints .hint::after {
  /* //green glow */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 2px;
  height: 2px;
  z-index: 1;
  -webkit-box-shadow: 0 0 50px 30px rgba(72, 170, 72, 0.3);
  box-shadow: 0 0 50px 30px rgba(72, 170, 72, 0.3);
  -webkit-animation: home_hero_item_hints_glow 2s
    cubic-bezier(0.25, 0.1, 0.2, 1) infinite;
  animation: home_hero_item_hints_glow 2s cubic-bezier(0.25, 0.1, 0.2, 1)
    infinite;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
@-webkit-keyframes home_hero_item_hints_glow {
  0% {
    -webkit-box-shadow: 0 0 30px 5px #48aa48;
    box-shadow: 0 0 30px 5px #48aa48;
  }
  70% {
    -webkit-box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0);
    box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 50px rgba(72, 170, 72, 0);
    box-shadow: 0 0 0 50px rgba(72, 170, 72, 0);
  }
}
@keyframes home_hero_item_hints_glow {
  0% {
    -webkit-box-shadow: 0 0 30px 5px #48aa48;
    box-shadow: 0 0 30px 5px #48aa48;
  }
  70% {
    -webkit-box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0);
    box-shadow: 0 0 70px 50px rgba(72, 170, 72, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 50px rgba(72, 170, 72, 0);
    box-shadow: 0 0 0 50px rgba(72, 170, 72, 0);
  }
}
.item-hints .hint-dot {
  z-index: 3;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transform: translate(-0%, -0%) scale(0.95);
  transform: translate(-0%, -0%) scale(0.95);
  -webkit-animation: home_hero_item_hints_border 2s linear infinite;
  animation: home_hero_item_hints_border 2s linear infinite;
  margin: auto;
}
@-webkit-keyframes home_hero_item_hints_border {
  0%,
  100% {
    border-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translate(-50%, -50%) scale(0.95);
    transform: translate(-0%, -0%) scale(0.95);
  }
  50% {
    border-color: rgba(255, 255, 255, 0.3);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-0%, -0%) scale(1);
  }
}
@keyframes home_hero_item_hints_border {
  0%,
  100% {
    border-color: rgba(255, 255, 255, 0.6);
    -webkit-transform: translate(-50%, -50%) scale(0.95);
    transform: translate(-0%, -0%) scale(0.95);
  }
  50% {
    border-color: rgba(255, 255, 255, 0.3);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-0%, -0%) scale(1);
  }
}
.item-hints .hint-radius {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: background-color, opacity, visibility,
    -webkit-transform;
  transition-property: background-color, opacity, visibility, -webkit-transform;
  transition-property: background-color, opacity, visibility, transform;
  transition-property: background-color, opacity, visibility, transform,
    -webkit-transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease, ease, ease,
    cubic-bezier(0.5, 0, 0, 1);
  transition-timing-function: ease, ease, ease, cubic-bezier(0.5, 0, 0, 1);
}
.item-hints .hint:hover .hint-radius {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.item-hints .hint[data-position="1"] .hint-content {
  bottom: 0;
  left: 50%;
  margin-left: 4rem
}
.item-hints .hint-content {
  color: #fff;
  width: 300px;
  position: absolute;
  z-index: 5;
  padding: 12px 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.7s ease, visibility 0.7s ease;
  transition: opacity 0.7s ease, visibility 0.7s ease;
  pointer-events: none;
  color: #fff;
  visibility: hidden;
  pointer-events: none;
}
.item-hints .hint:hover .hint-content {}
.item-hints .hint .hint-content { color: var(--color-theme); font-size: 1.15rem;
     width: 16rem;
  position: absolute;
  z-index: 5;
  padding: 12px 0;
  opacity: 1;
  visibility: visible !important;
  -webkit-transition: opacity 0.7s ease, visibility 0.7s ease;
  transition: opacity 0.7s ease, visibility 0.7s ease;
  pointer-events: none;
  visibility: hidden;
  pointer-events: none;
}
.item-hints .hint-content::before, .item-hints .hint-content::after {top:0.9rem; left: -5.3rem;}
.item-hints .hint-content::before {
  width: 5rem; padding-top: 0;
  content: "";
  background-color: #fff;
  height: 1px;
  position: absolute;
  transition: width 0.4s;
}
.item-hints .hint:hover .hint-content::before {
  width: 5rem;
  transition: width 0.4s;
}
.item-hints .hint-content::after {
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
 /* -webkit-transform: rotate(-227deg);
   transform: rotate(-227deg);*/
    width: 5rem;
  content: "";
  background-color: #fff;
  height: 1px;
  position: absolute;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.item-hints .hint:hover .hint-content::after {
  opacity: 1;
  visibility: visible;
}
.item-hints .hint[data-position="4"] .hint-content {
  bottom: 0;
  left: 50%;
  margin-left: 6rem;
}
.item-hints .hint::before {
    background-color: #fff;
    width: 5px;
    height: 5px;
    z-index: 2;
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
 .hint-content p{margin-top: -0.62rem; margin-left: 0.5rem; line-height: 1.5; }
 .hint-content p span{font-size:0.9rem; margin-right: 0.4rem;}
 /*
.item-hints .hint-content p::before{ 
     content: "";
    width: 6px;
    height: 6px;
    background: #ffffff;
    border-radius: 5px;
    position: absolute;
    top: 1.1rem;
    left: -12px;
}*/
.menu_wraper .logo .changco2{
    display: none;
}
.menu_wraper:hover .logo .changco2{
    display: block;
}
.menu_wraper .logo .changco{
    display: block;
}
.menu_wraper:hover  .logo .changco{
    display: none;
}	
	
.social_menu ul{
	    margin: 0 !important;
}

.bt0 { 
	display: none;
}
 .fp-watermark {
     opacity: 0;
}

#product-slider .owl-dots {
    /* background: red; */
    width: 25%;
    position: absolute;
    bottom: 2rem;
    z-index: +9999999 !important;left: calc(50% + 4rem);

	/* right:21.5%;
    height: 5rem; 
    left: 53.4%;
    left: 53.4%;*/
    display: flex;
    bottom: 10rem;    align-items: center;
}

#product-slider .owl-dots .owl-dot{
	width: 100%;
    height: 9px;
	outline:none;
    background: #383d41;
    border-radius: 0;
    margin-right: 20px;
}
#product-slider .owl-dots .active{
    background: #383d41;
}






@media (max-width: 990px) {
	
html, body{font-size: 9px;  }
	.container {
    width: 90% !important;
    max-width:90% !important;
}
.abc:hover .item-hints {
   
    display: none;
}
#section1 .fp-bg {
    /*background-image: url(../images/bg-grid_mo.jpg);
    background-size: cover;
    background-position: left;*/
	background-color:#151920;
}
	.products .content_clm > div {
    padding-left: 3.5rem !important;
}
	.products .content_clm .green_content {
    background: #006E4B;    padding-left: 3rem !important;
	}
	#section2 .fp-bg {
    background-image: url(../images/bg-grid_mo.jpg);
    background-size: cover;
    background-position: left;
}

.blog .blog_box {position: relative; display:block; width: 100%;}
.job_row > div {
          padding-top: 0.2rem;
        padding-bottom: 0.2rem;     padding-left: 0.2rem;
}	
.job_table .col-1 {
    position: absolute;
    right: 7rem;
}	
	.mob01{
		display: none;
	}
	.mission .page_heading {
    font-size: 3rem;
}
.mission_cnt {
    padding: 0;
}.mission .page_header {
    padding-bottom: 1rem;
}
.footer {background-size: contain; background-position:center center; z-index: 2; }
.footer li {
    margin-left: 0;
    margin-right: 1rem;
} .footer a, .footer p {
        color: #FFF;
        font-size: 1.4rem;
    }
	.ftm{
		margin-top: 2rem;
	}
	
	.footer h5{
		font-size: 1.8rem;
	}
 
	.text {
    font-size:4rem;
}
.first_banner {
    margin-top: 24rem;
}
.job_table {
    margin-top: 0rem !important;
}.height50 {
    height: 50% !important;
}
	.height50-2 {
    height: 50% !important;
}.height50 video {
    width: auto;
	min-width: 100vw;
    min-height: 100%;
}.height50-2 {
        height: 50% !important;
        display: flex !important;
        /* align-content: flex-start !important; */
        align-items: flex-start !important;
          padding-top: 3rem;
        /*background-color: #151920;*/ }
	
	.height50-3{
	height: 50% !important;	
	}
	.height50-3 img {
        max-width: 43% !important;
        padding-top: 4rem;
    }
 
	.height50-4 {
        height: 50% !important;
        display: flex !important;
        /* align-content: flex-start !important; */
        align-items: flex-start !important;
                 padding-top: 4rem;
        background-color: #151920; }
	
	.bt01 {
    display: none;
}
.bt0 {
    border-top: solid 1px #ffffff94;
    padding-top: 1rem;
    margin-top: 1rem;
    padding-bottom: 2rem;
	display: block;
}	
.footer_logo img {
    width: 45%;
}
	
	.footer #myVideo {
        height: auto;
        /*top: 30rem;*/
		width:100%;
		object-fit:contain;
    }
	.menu_wraper{
	 display: none!important;	
	}
	.footer ul {
    display: inline-block;}
	
	.widfu2{width: 100%; }
	.main_logo img {max-height: 40px;}
	
	
	#product-slider .owl-dots {
    
    left: 4rem;        bottom: 14%;
	}
	.mission {
   
    background-image: url(../images/ab_bg.jpg);
   
    background-position: 0% 70%;
}
.mission .container {
       
        justify-content: flex-start !important;
        padding-top: 9rem;
    }
 	.mission .page_heading {
        font-size: 2.5rem;
    }
.footer  nav {
  
    display: inline-block;
}
	
	.footer  nav a {
	        float: left;
               margin-right: 1.5rem;
        margin-bottom: 0.8rem;
	}
 #product-slider .container-fluid {
    padding: 0 15px;
}

#product-slider .owl-dots{width:30rem;}

	.products h3 {
     
    line-height: 1.5;
}
.job_row {
     
    padding: 1.5rem 1rem;
	}
	
	.page_heading span {
 
    font-size: 1.8rem;
	}
	.mission a:hover {
    padding-bottom: 4.5rem;
 }
	.mission a {
     padding-bottom: 5rem;
}
	
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1023px) {  html, body{font-size: 13px;  }
.height50-2 {
        height: 40% !important;
        display: flex !important;
        align-items: flex-start !important;
    }
.height50 {
    height: 50% !important;
}
.height50-4{
    height: 40% !important;
	 display: flex !important;
        align-items: flex-start !important;
}	
	
}




@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {
	  html, body{font-size: 12px;  }
  .text {
    font-size: 4.5rem;
}
.job_table .col-1 {
        position: absolute;
        right: 7rem;
    }
.page_heading span { 
    font-size: 1.6rem;

}
.mission .page_heading {
    font-size: 3rem;
}
.height50-2 {
        height: 40% !important;
        display: flex !important;
        align-items: flex-start !important;
    }
.height50 {
    height: 50% !important;
}
.height50-4{
    height: 40% !important;
	 display: flex !important;
        align-items: flex-start !important;
}
#product-slider .owl-dots {
    
    width: 55%;
   
    bottom: 2rem;
   
    left: 7.4%;
     bottom: 11.5rem;
}
.job_row > div {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}
.menu_wraper {
    display: none !important;
}

/*.team_box_row {
    width: 85%;
}
.blog_box_row {
    width: 85%;
}*/
.ftm {
    width: 55%;
    margin-top: 2rem;
	padding-right:0;
}
.footer {
    
    background-size: contain; 
}/*.blog_box_row>div {
         max-width: 33.33%;
    }
.team .team_box_row>div {
        margin-bottom: 1.8rem;
        max-width: 33.33%;
    }
*/
  }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	html, body{font-size: 12px;  }
  .text {
    font-size: 4.5rem;
}
.job_table .col-1 {
        position: absolute;
        right: 7rem;
    }
.page_heading span { 
    font-size: 1.6rem;

}
.mission .page_heading {
    font-size: 3rem;
}
.height50-2 {
        height: 40% !important;
        display: flex !important;
        align-items: flex-start !important;
    }
.height50 {
    height: 50% !important;
}
.height50-4{
    height: 40% !important;
	 display: flex !important;
        align-items: flex-start !important;
}
#product-slider .owl-dots {
    
    width: 55%;
   
    bottom: 2rem;
   
    left: 7.4%;
     bottom: 11.5rem;
}
.job_row > div {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}
.menu_wraper {
    display: none !important;
}
/*.team_box_row {
    width: 85%;
}
.blog_box_row {
    width: 85%;
}*/
/*
.team .team_box_row>div {
    margin-bottom: 1.8rem;
    max-width: 33.33%;
}
.blog_box_row>div {
    margin-bottom: 1.8rem;
    max-width: 33.33%;
}*/
.ftm {
    width: 55%;
    margin-top: 2rem;
}
.blog .blog_box .blog_box_cnt {
    font-size: 0.9rem;
}
.team .team_box .team_box_cnt { 
    font-size: 0.9rem;
}
.arrow_circle_btn { 
    font-size: 0.65rem;
}


}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {
	  html, body{font-size: 12px;  }
  .text {
    font-size: 6.5rem;
}
.blog .blog_box .blog_box_cnt {
    padding: 0.8rem;
    font-size: 1rem;
}
 
.team .team_box .team_box_cnt {
    padding: 0.8rem;
}
video {
    min-width: 100vw !important;
    min-height: 100%;
}

  }











@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  html, body{font-size: 11px;  }
  .text {
    font-size: 6.5rem;
}
.blog .blog_box .blog_box_cnt {
    padding: 0.8rem;
    font-size: 1rem;
}
 
.team .team_box .team_box_cnt {
    padding: 0.8rem;
}
#product-slider .owl-dots{left:54.5%;}

}


@media all and (device-width: 1180px) and (device-height: 820px) and (orientation:landscape) {
  html, body{font-size: 12px;  }
  .text {
    font-size: 6.5rem;
}
.blog .blog_box .blog_box_cnt {
    padding: 0.8rem;
    font-size: 1rem;
}
 
.team .team_box .team_box_cnt {
    padding: 0.8rem;
}

#product-slider .owl-dots{left:54.5%;}


}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and
	(-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
		
		html, body {
        font-size: 12.5px;
    }
		
 
		video {
    min-width: 140vw !important;
    min-height: 100%;
}	
	.height50-2 {
        height: 50% !important;
        display: flex !important;
        align-items: center !important;
    }
	    .height50 {
        height: 50% !important;
    }
	#product-slider .owl-dots {
        width: 35%;
         left: 5%;
     }
.height50-4 {
        height: 50% !important;
         align-items:center!important;
    }
	.col-lg-6{width:100%;         
	-ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;}
		
	.container-fluid {padding-right:0;}
	 
	 .blog .blog_box_row>div {
    margin-bottom: 1.8rem;
           max-width: 33.333%;
        flex: 33.333%;
}
	.team .team_box_row>div {
    margin-bottom: 1.8rem;
           max-width: 33.333%;
        flex: 33.333%;
} 
	.footer {
     background-size: contain;  
}
	
	/*.blog_box_row>div {
               max-width: 33.33%;
        flex: 33.33%;
    }
.team .team_box_row>div {
        margin-bottom: 1.8rem;
             max-width: 33.33%;
        flex: 33.33%;
    }*/
	
	
	
	}




  /*  @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and
	(-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
	video {
    min-width: 100vw !important;
    min-height: 100%;
}	
		
	}
*/



  @media only screen and (min-width:981px) and (max-width:1280px) {
    html, body{font-size: 12px;  }
	.hint-content p { margin-top: -1.05rem; }
/*.item-hints .hint-content p::before{top: 1.25rem;}
.mission_cnt li:nth-child(1) .item-hints .hint[data-position="4"] .hint-content, .mission_cnt li:nth-child(1) .item-hints .hint[data-position="4"] .hint-content{top:-0.4rem;}
.mission_cnt li:nth-child(2) .item-hints .hint[data-position="4"] .hint-content, .mission_cnt li:nth-child(3) .item-hints .hint[data-position="4"] .hint-content{top:-0.4rem;}
.item-hints .hint-content::before, .item-hints .hint-content::after{top:1.4rem}
.mission_cnt li:nth-child(2) .item-hints .hint-content::before, .mission_cnt li:nth-child(2) .item-hints .hint-content::after, .mission_cnt li:nth-child(3) .item-hints .hint-content::before, .mission_cnt li:nth-child(3) .item-hints .hint-content::after{top:1.4rem;}
*/
}
 


  @media only screen and (min-width:1281px) and (max-width:1366px) {
    html, body{font-size: 13px;  }
	.hint-content p { margin-top: -0.9rem; }
/*.item-hints .hint-content p::before{top: 1.25rem;}
.mission_cnt li:nth-child(1) .item-hints .hint[data-position="4"] .hint-content, .mission_cnt li:nth-child(1) .item-hints .hint[data-position="4"] .hint-content{top:-0.4rem;}
.mission_cnt li:nth-child(2) .item-hints .hint[data-position="4"] .hint-content, .mission_cnt li:nth-child(3) .item-hints .hint[data-position="4"] .hint-content{top:-0.4rem;}
.item-hints .hint-content::before, .item-hints .hint-content::after{top:1.4rem}
.mission_cnt li:nth-child(2) .item-hints .hint-content::before, .mission_cnt li:nth-child(2) .item-hints .hint-content::after, .mission_cnt li:nth-child(3) .item-hints .hint-content::before, .mission_cnt li:nth-child(3) .item-hints .hint-content::after{top:1.4rem;}
*/
}

 
@media only screen and (min-width: 1367px) and (max-width:1440px) {
      html, body{font-size: 13px; line-height: 1.3;}
	  .hint-content p { margin-top: -0.9rem; }
	/*
	.mission_cnt li:nth-child(2) .item-hints .hint-content::before, .mission_cnt li:nth-child(2) .item-hints .hint-content::after, .mission_cnt li:nth-child(3) .item-hints .hint-content::before, .mission_cnt li:nth-child(3) .item-hints .hint-content::after {
    left: -24% !important;
    top: 1.8rem;
    bottom: auto !important;
    width: 2.5rem !important;
}
	  .item-hints .hint-content p::before {
    content: "";
    width: 5px;
    height: 5px;
    background: #ffffff;
    border-radius: 5px;
    position: absolute;
    top: 60%;
    left: -9%;
}.item-hints .hint-content::after {
     
    left: -24.5%;
}*/
/*
.item-hints .hint-content p::before{top: 1.25rem;}
.mission_cnt li:nth-child(1) .item-hints .hint[data-position="4"] .hint-content, .mission_cnt li:nth-child(1) .item-hints .hint[data-position="4"] .hint-content{top:-0.4rem;}
.mission_cnt li:nth-child(2) .item-hints .hint[data-position="4"] .hint-content, .mission_cnt li:nth-child(3) .item-hints .hint[data-position="4"] .hint-content{top:-0.4rem;}
.item-hints .hint-content::before, .item-hints .hint-content::after{top:1.4rem}
.mission_cnt li:nth-child(2) .item-hints .hint-content::before, .mission_cnt li:nth-child(2) .item-hints .hint-content::after, .mission_cnt li:nth-child(3) .item-hints .hint-content::before, .mission_cnt li:nth-child(3) .item-hints .hint-content::after{top:1.4rem;}
*/
}
	
 

 


@media only screen and (min-width: 1441px) and (max-width:1680px) {
      html, body{font-size: 16px; line-height: 1.3;}
	.hint-content p { margin-top: -0.75rem; }
/*	
.item-hints .hint-content p::before{top: 1.25rem;}
.mission_cnt li:nth-child(1) .item-hints .hint[data-position="4"] .hint-content, .mission_cnt li:nth-child(1) .item-hints .hint[data-position="4"] .hint-content{top:-0.4rem;}
.mission_cnt li:nth-child(2) .item-hints .hint[data-position="4"] .hint-content, .mission_cnt li:nth-child(3) .item-hints .hint[data-position="4"] .hint-content{top:-0.4rem;}
.item-hints .hint-content::before, .item-hints .hint-content::after{top:1.4rem}
.mission_cnt li:nth-child(2) .item-hints .hint-content::before, .mission_cnt li:nth-child(2) .item-hints .hint-content::after, .mission_cnt li:nth-child(3) .item-hints .hint-content::before, .mission_cnt li:nth-child(3) .item-hints .hint-content::after{top:1.4rem;}
*/
	
}

 



 @media only screen and (min-width: 1681px) and (max-width:1920px) {
    html, body{font-size: 17px; line-height: 1.3;}
	.products .product_clm figure img {
    max-width: 100%;
    width: 100%;
    margin: auto;
  }
}

  @media only screen and (min-width: 1921px) and (max-width:2800px) {
    html, body {font-size:22.5px; line-height: 1.3;}
            }