html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

html {
	min-width: 540px;
	max-width: 100%;
}

:focus {
	outline: 0;
}

div {
	z-index: 2;
	box-sizing: border-box;
}

section {
	position: relative;
	z-index: 2;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

body  {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	width: 100%;
	background: #fff;
}

a, img {
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
}

.clear {
	clear: both;
}

#content {
	background: #fff;
  padding: 50px 0;
}

#content .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #fff;
  clip-path: polygon(0 100%, 100% 0, 100% 100%); 
}

#content .text {
  padding-top: 50px;
  justify-content: center;
  text-align: justify;
  font-size: 20px;
  line-height: 24px;
}

#content .text span {
  font-weight: bold;
}

#content .text p {
  padding-bottom: 15px;
}

#content .text a {
  color: inherit;
}

#content.press-release .text {
  padding-top: 50px;
  justify-content: center;
  text-align: justify;
  font-size: 20px;
  line-height: 24px;
}

#content.press-release .text p {
  padding-bottom: 15px;
}

#content.press-release .text a {
  color: inherit;
}

#content.news h1 {
  font-size: 28px;
  text-align: center;
  padding-bottom: 30px;
  line-height: 38px;
  font-weight: 600;
}

#content.news .text {
  padding-top: 50px;
  justify-content: center;
  text-align: justify;
  font-size: 20px;
  line-height: 24px;
}

#content.news .text p {
  padding-bottom: 15px;
}

#content.news .text a {
  color: inherit;
}

#content.news h1 {
  font-size: 28px;
  text-align: center;
  padding-bottom: 30px;
  line-height: 38px;
  font-weight: 600;
}

#lang-selection {
  text-align: center;
  padding-bottom: 15px;
  border-bottom: 2px solid #ccc;
  width: 300px;
  margin: 0 auto;
}

#lang-selection a {
  display: inline-block;
  text-decoration: none;
  color: #2e85c7;
  border: 2px solid #2e85c7;
  padding: 10px 15px;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

#lang-selection a.active {
  background: #2e85c7;
  color: #fff;
}

#lang-selection a:not(.active):hover {
  background: #2e85c7cc;
  color: #fff;
}

.featured-image {
  text-align: center;
  margin-bottom: 30px;
}

.featured-image img {
  width: 80%;
  text-align: center;
}

.featured-image .caption {
  font-size: 14px;
  padding-top: 5px;
}

#specification {
  background: #130f0f;
  background: -moz-linear-gradient(to right, #130f0f, #04406d);
  background: linear-gradient(to right, #130f0f, #04406d);
  text-align: center;
  padding-top: 40px;
  z-index: 3;
}

#specification .top-triangle {
  background: #130f0f;
  background: -moz-linear-gradient(to right, #130f0f, #04406d);
  background: linear-gradient(to right, #130f0f, #04406d);
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  clip-path: polygon(0 100%, 100% 0, 100% 100%); 
}

#specification h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;
}

#specification a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  padding: 15px 20px;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  font-weight: 100;
  font-size: 26px;
  margin-bottom: 60px;
  margin-top: 20px;
  padding-left: 60px;
  background-image: url('../img/download.svg');
  background-repeat: no-repeat;
  background-size: 26px;
  background-position-y: 15px;
  background-position-x: 18px;
}

#specification a:hover {
  opacity: 0.5;
  background-color: #ffffff14;
}

#why-ika-lineup {
  background: #555;
  background: -moz-linear-gradient(to right, #555, #0a0a0a);
  background: linear-gradient(to right, #555, #0a0a0a);
  z-index: 3;
  position: relative;
  padding-bottom: 30px;
  padding-top: 30px;
  text-align: center;
}

#why-ika-lineup .top-triangle {
  background: #555;
  background: -moz-linear-gradient(to right, #555, #0a0a0a);
  background: linear-gradient(to right, #555, #0a0a0a);
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#why-ika-lineup h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;
}

#why-ika-lineup h1 span {
  font-weight: bold;
}

#why-ika-lineup a {
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  padding: 15px 20px;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  font-weight: 100;
  font-size: 26px;
  margin-bottom: 20px;
  display: inline-block;
}

#why-ika-lineup a:hover {
  background: #fff;
  color: #555;
}

.page-large-button {
  margin-top: 50px;
  display: inline-block;
  text-decoration: none;
  color: #2e85c7;
  border: 2px solid #2e85c7;
  padding: 10px 15px;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

.page-large-button:hover {
  color: #fff;
  background: #2e85c7;
}

.page-large-button.grey {
  margin-top: 50px;
  display: inline-block;
  text-decoration: none;
  color: #999;
  border: 2px solid #999;
  padding: 10px 15px;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

.page-large-button.grey:hover {
  color: #fff;
  background: #999;
}

.container {
	margin: 0 auto;
	padding: 0 10px;
	width: 940px;
	position: relative;
}

.strelica-desno {
	width: 0; 
	height: 0; 
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	border-left: 60px solid #2e85c7;
}

#strelica-top {
  position: absolute;
  left: 10px;
  top: 10px;	
}

#strelica-bottom {
	position: absolute;
  right: 10px;
  top: -50px;	
}

.separate-line {
    width: 150px;
    height: 2px;
    margin: 10px auto;
    background: #fff;
}

.separate-line.blue {
	background: #2e85c7;
}

#header {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}

#header #header-logo {
  float: left;
  padding: 20px 0;
  -webkit-filter: grayscale(1) invert(1);
  filter: grayscale(1) invert(1);
}

#header-logo {
  position: absolute;
}

#header #logo {
  width: 150px;
  display: inline-block;
}

#header ul {
  float: right;
  width: 100%;
  margin-top: 30px;
  -webkit-filter: grayscale(1) invert(1);
  filter: grayscale(1) invert(1);
  min-width: 520px;
}

#header li {
  float: right;
  padding: 20px;
}

#header li a {
  text-decoration: none;
  font-size: 24px;
  font-weight: bold;
  color: #000;  
  position: relative;
  padding: 10px 0;
}

#header li a .menu-highlight, #submenu li a .menu-highlight, #footermenu li a .menu-highlight {
  position: absolute;
  bottom: 4px;
  left: 0;
  background: #000;
  height: 2px;
  width: 100%;
  -webkit-transform: scale(0,1);
  -moz-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transition: all 0.12s ease-in-out;
  -webkit-transition: all 0.12s ease-in-out;
  transition: all 0.12s ease-in-out;
}

#consent-div {
  position: fixed;
  bottom: 20px;
  left: 20px;
  text-align: center;
  background: #174264ed;
  color: #fff;
  z-index: 999;
  padding: 30px;
  box-shadow: 0 0 10px 5px #00000045;
  width: 700px;
}

#consent-div::before {
  content: '';
  position: absolute;
  top: 15px;
  border: 1px solid #fff;
  left: 15px;
  bottom: 15px;
  right: 15px;
  pointer-events: none;
}

#consent-div:after {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: calc(50% - 13px);
  border: 3px solid #fff;
  border-radius: 13px;
  left: 40px;
}

#consent-div a {
  color: inherit;
}

#consent-div img {
  position: absolute;
  right: 25px;
  height: 100px;
  top: calc(50% - 50px);
}

#consent-btn {
  width: 250px;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 20px;
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  color: #174264; 
  border: 2px solid #fff;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

#policy-btn {
  width: 250px;
  margin: 0 auto;
  margin-top: 50px;
  font-size: 20px;
  padding: 10px;
  background: #2e85c7;
  border-radius: 5px;
  color: #fff; 
  border: 2px solid #2e85c7;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  text-align:center;
}

#consent-btn:hover {
  background: transparent;
  color: #fff; 
}

#policy-btn:hover {
  background: transparent;
  color: #2e85c7; 
}

#consent-text {
  max-width: 385px;
  margin: 0 auto;
  line-height: 22px;
}

#consent-title {
  font-size: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid;
  margin: 0 auto;
  width: 320px;
  margin-bottom: 10px;
  font-weight: 100;
}

#submenu li a .menu-highlight, #footermenu li a .menu-highlight {
  background: #fff;
}

#header li a:hover .menu-highlight, #submenu li a:hover .menu-highlight, #footermenu li a:hover .menu-highlight  { 
  -webkit-transform: scale(1,1); 
  -moz-transform: scale(1,1); 
  -ms-transform: scale(1,1); 
  transform: scale(1,1); 
}

#header ul:hover li:hover, #submenu ul:hover li:hover, #footermenu ul:hover li:hover {
  opacity: 1!important;
}

#header ul:hover li, #submenu ul:hover li, #footermenu ul:hover li {
  opacity: 0.6!important;
}

#title {
	background: #0c273d;
  height: 600px;
  overflow: hidden;
}

#title.page {
  height: 350px;
}

#title-bg {
  position: absolute;
  background: #2e85c7;
  background: -moz-linear-gradient(#0c273d 15%, #2e85c7 90%);
  background: linear-gradient(#0c273d 15%, #2e85c7 90%);
}

#title-bot-rad-grad {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: transparent;
  background: -moz-radial-gradient(ellipse at bottom, #0c273d 30%, transparent);
  background: radial-gradient(ellipse at bottom, #0c273d 30%, transparent);
}

#title-bot-grad {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: transparent;
  background: -moz-linear-gradient(transparent 80%, #0c273d 100%);
  background: linear-gradient(transparent 80%, #0c273d 100%);
}

#title h1 {
  font-size: 60px;
  color: #fff;
  text-align: center;
  padding: 80px 0px;
  padding-top: 250px;
  font-weight: bold;
}

#title h3 {
  font-weight: 100;
}

#title.page h1 {
  padding-top: 180px;
}

#title div {
  font-size: 40px;
  color: #fffc;
  text-align: center;
  line-height: 50px;
}

#title span {
  font-weight: bold;
}

#about-company {
  margin-top: 30px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  font-weight: 100;
  font-size: 20px;
  line-height: 30px;  
}

#about-company:hover {
  background: #fff;
  color: #000;
}

#title.page.download {
  height: 380px;
}

#title.page.download h1 {
  padding-bottom: 10px;
}

#title.page.download a, #title.product.download a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  font-weight: 100;
  font-size: 26px;
  margin-bottom: 60px;
  margin-top: 20px;
  padding-left: 60px;
  background-image: url(../img/download.svg);
  background-repeat: no-repeat;
  background-size: 26px;
  background-position-y: 6px;
  background-position-x: 18px;
  line-height: 20px;
  font-size: 18px;  
}

#title.page.download a:hover, #title.product.download a:hover {
  opacity: 0.5;
  background-color: #ffffff14;
}

#title.flying-car-title {
  background-image: url("../img/flying-car-top-1.png");
  background-size: cover;
  background-position: bottom center;
}

#title.flying-car-title h1 {
  font-size: 100px;
}

#title.flying-car-title #title-bg {
  background: transparent;
  background: -moz-linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
  background: linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
}

#title.flying-car-title #title-bot-rad-grad {
  background: transparent;
  background: -moz-radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
  background: radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
}

#title.rainforest-title {
  background-image: url("../img/rainforest-top.png");
  background-size: cover;
  background-position: bottom center;
}

#title.rainforest-title #title-bg {
  background: transparent;
  background: -moz-linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
  background: linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
}

#title.rainforest-title #title-bot-rad-grad {
  background: transparent;
  background: -moz-radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
  background: radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
}

#title.ika-lineup-title {
  background-image: url("../img/ika-lineup-top.png");
  background-size: cover;
  background-position: center 20%;
}

#title.ika-lineup-title h1 {
  font-size: 100px;
}

#title.ika-lineup-title h1 span {
  font-weight: 100;
}

#title.ika-lineup-title #title-bg {
  background: transparent;
  background: -moz-linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
  background: linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
}

#title.ika-lineup-title #title-bot-rad-grad {
  background: transparent;
  background: -moz-radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
  background: radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
}

#title.ika-20-title {
  background-image: url("../img/ika-20-top.png");
  background-size: cover;
  background-position: bottom center;
}

#title.ika-20-title h1 {
  font-size: 100px;
}

#title.ika-20-title #title-bg {
  background: transparent;
  background: -moz-linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
  background: linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
}

#title.ika-20-title #title-bot-rad-grad {
  background: transparent;
  background: -moz-radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
  background: radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
}

#title.ika-mini-title {
  background-image: url("../img/ika-mini-top.png");
  background-size: cover;
  background-position: bottom center;
}

#title.ika-mini-title h1 {
  font-size: 100px;
}

#title.ika-mini-title #title-bg {
  background: transparent;
  background: -moz-linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
  background: linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
}

#title.ika-mini-title #title-bot-rad-grad {
  background: transparent;
  background: -moz-radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
  background: radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
}

#title.ika-micro-title {
  background-image: url("../img/ika-micro-top.png");
  background-size: cover;
  background-position: bottom center;
}

#title.ika-micro-title h1 {
  font-size: 100px;
}

#title.ika-micro-title #title-bg {
  background: transparent;
  background: -moz-linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
  background: linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
}

#title.ika-micro-title #title-bot-rad-grad {
  background: transparent;
  background: -moz-radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
  background: radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
}

#title.ika-01-title {
  background-image: url("../img/ika-01-top.png");
  background-size: cover;
  background-position: bottom center;
}

#title.ika-01-title h1 {
  font-size: 100px;
}

#title.ika-01-title #title-bg {
  background: transparent;
  background: -moz-linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
  background: linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
}

#title.ika-01-title #title-bot-rad-grad {
  background: transparent;
  background: -moz-radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
  background: radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
}

#submenu .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #04172a;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#submenu .bot-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: -29.5px;
  background: #04172a;
  clip-path: polygon(0 0, 0 100%, 100% 0);
}

#submenu {
  background: #04172a;
}

#submenu ul, #footermenu ul {
  position: relative;
  display: flex;
  justify-content: center;
}

#footermenu ul {
  padding-bottom: 30px;
}

#footermenu ul {
  flex-direction: row-reverse;
}

#submenu ul li, #footermenu ul li {
  padding: 10px 20px;
}
  
#submenu li a, #footermenu li a {
  text-decoration: none;
  font-size: 24px;
  font-weight: bold;
  color: #718da2; 
  position: relative;
  padding: 10px 0;
}

#footermenu ul {
  border-top: 2px solid #eee;
  padding-top: 20px;
}

#footermenu li a {
  color: #ccc;
}

#footermenu li a .menu-highlight {
  background: #ccc;
}

#hiring {
  background: #021a2e;
  text-align: center;
  background-image: url(../img/hiring.svg);
  background-size: 190px;
  background-position-x: center;
  background-position-y: 10px;
  background-repeat: no-repeat;
}

#hiring .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #021a2e;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#hiring h1 {
  color: #fff;
  font-weight: bold;
  font-size: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

#hiring .page-large-button {
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 40px
}

#hiring .page-large-button:hover {
  color: #021a2e;
  background: #fff;
}

#latest-news {
  background: #000;
  text-align: center;
}

#latest-news.read {
  background-image: url(../img/megaphone.svg);
  background-size: 190px;
  background-position-x: center;
  background-position-y: -5px;
  background-repeat: no-repeat;
}

#latest-news .container {
  color: #fff;
  padding-bottom: 50px;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  font-weight: 100;
}

#latest-news .top-triangle { 
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#latest-news h1 {
  color: #fff;
  font-weight: bold;
  font-size: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

#latest-news h2 {
  color: #fff;
  font-weight: bold;
  font-size: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

#latest-news h3 {
  padding-top: 30px;
  font-weight: 300;
  margin-top: 40px;
  border-top: 1px solid #5a5a5a;
}

#latest-news-btn {
  margin-top: 30px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  font-weight: 100;
}

#latest-news-btn:hover {
  color: #2e85c7;
  border-color: #2e85c7;
}

#latest-news p {
  font-size: 18px;
  line-height: 26px;  
}

#other-news-btn {
  text-decoration: none;
  color: #000;
  font-size: 30px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  display: block;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  text-align: center;
  z-index: 3;
  width: 300px;
}

#other-news-btn:hover {
  color: #fff!important;
  background: #000;
  opacity: 0.8!important;
}

#what-we-do {
  background: #130f0f;
  background: -moz-linear-gradient(to right, #130f0f, #04406d);
	background: linear-gradient(to right, #130f0f, #04406d);
	min-height: 100%;
	min-width: 100%;
	text-align: center;
	padding-top: 40px;
  z-index: 3;
}

#what-we-do .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #130f0f;
  background: -moz-linear-gradient(to right, #130f0f, #04406d);
  background: linear-gradient(to right, #130f0f, #04406d);
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#what-we-do #plane-icon {
  width: 400px;
}

#what-we-do-cont {
	width: 800px;
}

#what-we-do-bg {
	background: transparent;
	background: -moz-linear-gradient(to right,transparent 0%, transparent 50%,#111 50%,#111 100%);
	background: linear-gradient(to right,transparent 0%,transparent 50%,#111 50%,#111 100%);
}

#what-we-do h1 {
  color: #2e85c7;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 80px;
  line-height: 50px;
  margin-top: 60px;
  background: #2e85c7;
  background: -moz-linear-gradient(to left, #fff, #2e85c7);
  background: linear-gradient(to left, #fff, #2e85c7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}

#what-we-do #pre-showcase {
  color: #2e85c7;
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 80px;
  line-height: 50px;
  padding-top: 60px;
  background: #2e85c7;
  background: -moz-linear-gradient(to right, #fff, #2e85c7);
  background: linear-gradient(to right, #fff, #2e85c7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}

#what-we-do ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 50px;
	font-size: 24px;
	color: #fff;
	background: #111;
}

#what-we-do li {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 110px;
	margin-left: -80px;
  font-size: 32px;
  color: #fff;
  text-align: left;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

#what-we-do li:nth-child(1) {
	background: url('../img/computation.svg') no-repeat left center;
  background-size: 50px 50px;
}

#what-we-do li:nth-child(2) {
	background: url('../img/production.svg') no-repeat left center;
  background-size: 50px 50px;
}

#what-we-do li:nth-child(3) {
	background: url('../img/electronics.svg') no-repeat left center;
  background-size: 50px 50px;
}

#what-we-do li:nth-child(4) {
	background: url('../img/battery.svg') no-repeat left center;
  background-size: 50px 50px;
}

#what-we-do li:nth-child(5) {
	background: url('../img/programming.svg') no-repeat left center;
  background-size: 50px 50px;
}

#what-we-do li:nth-child(6) {
	background: url('../img/experiment.svg') no-repeat left center;
  background-size: 50px 50px;
}

#what-we-do li .field {
  padding-bottom: 5px;
  margin-bottom: 20px;
}

#what-we-do li .description {
  font-weight: 100;
}

#what-we-do li .description a {
  color: inherit;
  text-decoration: none;
  font-weight: 300;
}

#what-we-do ul:hover li:hover {
  opacity: 1!important;
}

#what-we-do ul:hover li {
  opacity: 0.3!important;
}

#products {
  background: #131010;
}

#products #ika-lineup {
  position: relative;
  z-index: 3;
  text-align: center;
  font-size: 30px;
  padding-bottom: 30px;
}

#products #ika-lineup .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #131010;
  clip-path: polygon(0 100%, 0 0, 100% 100%);
}

#products #ika-lineup h1 {
  color: #fff;
  text-align: center;
  font-size: 70px;
  font-weight: 100;
  padding-top: 30px;
}

#products #ika-lineup h1 span {
  font-weight: bold;
}

#products #ika-lineup h2 {
  font-size: 30px;
  color: #fff;
  text-align: center;
  font-weight: 100;
  padding-top: 30px;
  padding-bottom: 30px;
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
}

#products #ika-lineup #ika-lineup-link {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  font-weight: 100;
  margin-top: 90px;
}

#products #ika-lineup #ika-lineup-link:hover {
  color: #2e85c7;
  border-color: #2e85c7;
}

#products #ika-20-video {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
}

#products #ika-20-video video {
  width: 100%;
  background: #131010;
}

#products #ika-20-video h1 {
  position: absolute;
  font-size: 140px;
  color: #fff;
  text-align: center;
  padding: 80px 0px;
  padding-top: 130px;
  font-weight: 100;
  background: transparent;
  opacity: 0.7;
  font-weight: 100;
  z-index: 3;
  text-align: center;
  width: 100%;
}

#products #ika-20-video h1 span {
  font-weight: bold;
}

#products #ika-20-video h2 {
  position: absolute;
  font-size: 48px;
  color: #fff;
  padding: 80px 0px;
  top: 275px;
  font-weight: 100!important;
  opacity: 0.5;
  z-index: 3;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  background: #fff;
  background: white;
  color: black;
  mix-blend-mode: screen;
  width: 660px;
  margin-left: -330px;
  left: 50%;
  font-weight: 300!important;
  padding: 5px;
}

#products #ika-20-video h3 {
  position: absolute;
  font-size: 80px;
  color: #fff;
  text-align: center;
  padding: 80px 0px;
  padding-top: 380px;
  font-weight: 100;
  background: transparent;
  opacity: 0.7;
  font-weight: 100;
  z-index: 3;
  text-align: center;
  width: 100%;
}

#products #ika-20-video #ika-20-video-link-cont {
  display: block;
  bottom: 200px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
}

#products #ika-20-video #ika-20-video-link {
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 50px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#products #ika-20-video #ika-20-video-link:hover {
  color: #000;
  background: #fff;
  opacity: 0.8!important;
}

#products #ika-20-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, #0f1f2d, #0f1f2ebf 25%, #11111105 50%, #11111114 70%, #111), repeating-linear-gradient(#ffffff47 0 1px, transparent 1px 100%), repeating-linear-gradient(90deg, #ffffff47 0 1px, transparent 1px 100%);
  background-size: 100% 100%, 20% 20%, 20% 20%;
}

#products #ika-police-video {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
}

#products #ika-police-video video {
  width: 100%;
  background: #131010;
}

#products #ika-police-video h3 {
  position: absolute;
  font-size: 60px;
  color: #fff;
  text-align: center;
  padding: 80px 0px;
  padding-top: 200px;
  font-weight: 100;
  background: transparent;
  opacity: 0.7;
  font-weight: 100;
  z-index: 3;
  text-align: center;
  width: 100%;
  animation: opacity-anim 2s linear infinite;
}

#products #ika-police-video h3 span {
  font-weight: normal;
}

@keyframes opacity-anim {
  0% {opacity: 0.4}
  50% {opacity: 0.7}
  100% {opacity: 0.4}
}

#products #ika-police-video #ika-police-video-link-cont {
  display: block;
  bottom: 200px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
}

#products #ika-police-video #ika-police-video-link {
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 50px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#products #ika-police-video #ika-police-video-link:hover {
  color: #000;
  background: #fff;
  opacity: 0.8!important;
}

#products #ika-police-video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, #111111, #111111bf 25%, #11111105 50%, #11111114 70%, #111), repeating-linear-gradient(#ffffff47 0 1px, transparent 1px 100%), repeating-linear-gradient(90deg, #ffffff47 0 1px, transparent 1px 100%);
  background-size: 100% 100%, 20% 20%, 20% 20%;
}

#products #ika-police-desc {
  display: block;
  top: 325px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 36px;
  font-weight: 100;
  width: 850px;
  line-height: 44px;
  padding: 0 10px;
  text-shadow: 0 0 5px #0000008f;
  z-index: 3;
  opacity: 0.7;
}

#products #ika-police-desc span {
  font-weight: 300;
}

#products #ika-cont {
  display: flex;
  flex-wrap: wrap;  
  background: #111;
  position: relative;
  overflow: hidden;
}

#products.lineup-page {
  z-index: 3;
}

#products.lineup-page .top-triangle{
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #fff;
  clip-path: polygon(0 0, 0 100%, 100% 100%);
}

#products.lineup-page #ika-cont {
  background: #fff;
  padding-bottom: 30px;
}

#products #ika-01, #products #ika-micro, #products #ika-mini {
  flex-grow: 1;
  width: 33%;
  position: relative;
}

#products #ika-micro {
  margin-top: -50px;  
}

#products #ika-01 h1, 
#products #ika-micro h1, 
#products #ika-mini h1, 
#products #ika-20 h1 {
  color: #ffffff73;
  text-align: center;
  font-weight: bold;
  font-size: 55px;
  padding-top: 80px;
  padding-bottom: 0;
  z-index: 4;
  display: block;
  position: relative;
}

#products.lineup-page #ika-01 h1, 
#products.lineup-page #ika-micro h1, 
#products.lineup-page #ika-mini h1, 
#products.lineup-page #ika-20 h1 {
  color: #00000073;
}

#products #ika-01 #ika-01-link-cont, 
#products #ika-micro #ika-micro-link-cont, 
#products #ika-mini #ika-mini-link-cont,
#products #ika-20 #ika-20-link-cont {
  display: block;
  bottom: 20px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
}

#products #ika-01 #ika-01-link,
#products #ika-micro #ika-micro-link,
#products #ika-mini #ika-mini-link,
#products #ika-20 #ika-20-link {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  font-weight: 100;
  font-size: 30px;
}

#products.lineup-page #ika-01 #ika-01-link,
#products.lineup-page #ika-micro #ika-micro-link,
#products.lineup-page #ika-mini #ika-mini-link,
#products.lineup-page #ika-20 #ika-20-link {
  color: #000;
  border: 1px solid #000;
}

#products #ika-01 #ika-01-link:hover,
#products #ika-micro #ika-micro-link:hover,
#products #ika-mini #ika-mini-link:hover,
#products #ika-20 #ika-20-link:hover {
  color: #2e85c7;
  border: 1px solid #2e85c7;
}

#products #ika-cont #ika-01-img,
#products #ika-cont #ika-micro-img,
#products #ika-cont #ika-mini-img {
  width: 70%;
  z-index: 1;
  display: block;
  margin: 0 15%;
  margin-top: -140px;
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
}

#products #ika-cont #ika-bg-line {
  display: block;
  width: 120%;
  position: absolute;
  top: 182px;
  border-top: 5px solid #373737;
  left: -10%;
  border-top-left-radius: 50% 25%;
  border-top-right-radius: 50% 25%;
  height: 900px;
}

#products.lineup-page #ika-cont #ika-bg-line {
  border-top: 5px solid #ccc;
}

#products #ika-20 { 
  background: #111;
  position: relative;
  overflow: hidden;
}

#products.lineup-page #ika-20 {
  background: #fff;
}

#products #ika-20 h1 {
  font-size: 100px;
}

#products #ika-20 #ika-20-link {
  font-size: 50px;
}

#products #ika-20 #ika-20-img {
  width: 50%;
  z-index: 1;
  display: block;
  margin: 0 25%;
  margin-top: -240px;
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
  height: auto;
}

#ika-20-img, #ika-01-img, #ika-mini-img, #ika-micro-img {
  -webkit-transition: transform 0.3s linear;
  transition: transform 0.3s linear;
}

#ika-20-img:hover, #ika-01-img:hover, 
#ika-mini-img:hover, #ika-micro-img:hover {
  transform: scale(1.1);
}

#ika-20-outline-path-bg, #ika-01-outline-path-bg, 
#ika-mini-outline-path-bg, #ika-micro-outline-path-bg {
  stroke-width:0.7!important;
}

#ika-20-outline-path, #ika-01-outline-path, 
#ika-mini-outline-path, #ika-micro-outline-path {
  opacity: 1!important;
  stroke: #f08a2f;
  animation: drawPath 3s linear infinite forwards;
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  stroke-width:0.7!important;
}

#ika-lineup-page #ika-20-outline-path, #ika-lineup-page #ika-01-outline-path, 
#ika-lineup-page #ika-mini-outline-path, #ika-lineup-page #ika-micro-outline-path {
  stroke-width:1!important;
}

@keyframes drawPath {
  0% {
    stroke-dashoffset: 2000;
    
  }
  50% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -2000;
  }
}

#products .product-card {
  width: 50%;
  float: left;
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#products .product-card img {
  height: 100%;
  min-height: 500px;
  width: 100%;
  object-fit: cover;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0.5;
}

#products .product-card.active img {
  opacity: 1;
}

#products .product-card:hover img {
  scale: 1.1;
}

#products .product-card h1 {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  text-align: center;
  color: #ffffff80;
  font-size: 48px;
  z-index: 3;
  margin: 10px 50px;
  text-shadow: 0 0 5px #0000008f;
}

#mission-cont h1:after {
  content: '';
  width: 300px;
  height: 5px;
  position: absolute;
  bottom: 10px;
  left: calc(50% - 150px);
}

#mission-cont.ika h1:after {
 background: #c74f00;
}

#mission-cont.kamikaze h1:after {
  background: #ff0000;
}

#mission-cont.target h1:after {
  background: #fdf900;
}

#products .product-card h2 {
  position: absolute;
  top: 120px;
  left: 20px;
  right: 20px;
  text-align: center;
  color: #ffffff7a;
  z-index: 3;
  font-size: 30px;
  background: #ffffff45;
  padding: 15px 0;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#products .product-card.active h2 {
  background: #c74f0080;
}

#products .product-card.kamikaze.active h2 {
  background: #ff000080;
}

#products .product-card.target.active h2 {
  background: #fdf90080;
}

#products .product-card a {
  text-decoration: none;
  color: #fff;
  font-size: 30px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  display: block;
  bottom: 50px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  text-align: center;
  z-index: 3;
  width: 200px;
}

#products .product-card a:hover {
  color: #000;
  background: #fff;
  opacity: 0.8!important;
}

#products .product-card .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, #111111, #111111bf 25%, #11111105 50%, #11111114 70%, #111);
  background-size: 100% 100%;
}

#pre-contact .product-card {
  position: relative;
  overflow: hidden;
}

#pre-contact .product-card img {
  width: 100%;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0.3;
}

#pre-contact .product-card:hover img {
  scale: 1.1;
}

#pre-contact .product-card h1 {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  text-align: center;
  color: #ffffff80;
  font-size: 48px;
  z-index: 3;
  margin: 10px 50px;
  text-shadow: 0 0 5px #0000008f;
}

#pre-contact .product-card h2 {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  text-align: center;
  color: #ffffff;
  z-index: 3;
  font-size: 30px;
  text-shadow: 0 0 5px #0000008f;
}

#pre-contact .product-card a {
  text-decoration: none;
  color: #fff;
  font-size: 30px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  display: block;
  bottom: 50px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  text-align: center;
  z-index: 3;
  width: 200px;
}

#pre-contact .product-card a:hover {
  color: #000;
  background: #fff;
  opacity: 0.8!important;
}

#pre-contact .product-card .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#other-products-list .container > h1 {
  font-size: 50px;
  color: #000;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;
  padding-top: 30px;
}

#other-products-list .product-card {
  position: relative;
  width: 100%;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#other-products-list .product-card img {
  height: 100%;
  min-height: 500px;
  width: 100%;
  object-fit: cover;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 0.5;
}

#other-products-list .product-card:hover img {
  scale: 1.1;
}

#other-products-list .product-card h1 {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  text-align: center;
  color: #00000080;
  font-size: 48px;
  z-index: 3;
  margin: 10px 50px;
}

#other-products-list .product-card h2 {
  position: absolute;
  top: 120px;
  left: 0;
  right: 0;
  text-align: center;
  color: #0000005e;
  z-index: 3;
  font-size: 30px;
}

#other-products-list .product-card a {
  text-decoration: none;
  color: #fff;
  font-size: 30px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  display: block;
  bottom: 50px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  text-align: center;
  z-index: 3;
  width: 200px;
}

#other-products-list .product-card a:hover {
  color: #000;
  background: #fff;
  opacity: 0.8!important;
}

#other-products-list .product-card .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, #ffffff, #ffffffbf 25%, #ffffff05 50%, #ffffff14 70%, #fff0);
  background-size: 100% 100%;
}

#showcase {
  background: #111;
  padding-top: 150px;
  margin-top: -1px;
}

#showcase #flying-car {
  width: 1600px;
  margin: 0 auto;
  position: relative;
  position: relative;
  overflow: hidden;
}

#showcase #flying-car #flying-car-img {
  width: 100%;
}

#showcase #flying-car #flying-car-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1110;
  background: -moz-linear-gradient(to bottom, #111 0%, #1110 65%, #111 100%);
  background: linear-gradient(to bottom, #111 0%, #1110 65%, #111 100%);
}

#showcase #flying-car #flying-car-overlay #flying-car-title {
  font-size: 100px;
  color: #fff;
  text-align: center;
  padding: 80px 0px;
  padding-top: 150px;
  font-weight: bold;
  background: #fff;
  background: -moz-linear-gradient(135deg, #fffa 49%, #fff 50%, #fffa 51%);
  background: linear-gradient(135deg, #fffa 49%, #fff 50%, #fffa 51%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradient-anim 2s linear infinite;
  background-size: 150% 100%;
}

#showcase #flying-car #flying-car-overlay #flying-car-link-cont {
  display: block;
  bottom: 100px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

#showcase #flying-car #flying-car-overlay #flying-car-link {
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 50px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#showcase #flying-car #flying-car-overlay #flying-car-link:hover {
  color: #2e85c7;
  border: 1px solid #2e85c7;
}

#showcase #rainforest {
  width: 1600px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#showcase #rainforest #rainforest-img {
  width: 100%;
}

#showcase #rainforest #rainforest-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111;
  background: -moz-linear-gradient(to bottom, #111 0%, #1110 45%, #111 100%);
  background: linear-gradient(to bottom, #111 0%, #1110 45%, #111 100%);
}

#showcase #rainforest #rainforest-overlay #rainforest-title {
  font-size: 60px;
  color: #fff;
  text-align: center;
  padding: 80px 0px;
  padding-top: 120px;
  font-weight: 100;
  background: transparent;
  opacity: 0.7;
}

#showcase #rainforest #rainforest-overlay #rainforest-desc {
  display: block;
  bottom: 225px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 44px;
  font-weight: 100;
  width: 850px;
  line-height: 54px;
  padding: 0 10px;
  text-shadow: 0 0 5px #0000008f;
}

#showcase #rainforest #rainforest-overlay #rainforest-desc span {
  font-weight: 300;
}


#showcase #rainforest #rainforest-overlay #rainforest-title span {
  font-weight: bold;
  display: block;
  padding-top: 10px;
}

#showcase #rainforest #rainforest-overlay #rainforest-link-cont {
  display: block;
  bottom: 100px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

#showcase #rainforest #rainforest-overlay #rainforest-link {
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 50px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#showcase #rainforest #rainforest-overlay #rainforest-link:hover {
  color: #2e85c7;
  border: 1px solid #2e85c7;
}

#showcase #firefighting {
  width: 1600px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#showcase #firefighting #firefighting-img {
  width: 100%;
}

#showcase #firefighting #firefighting-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111;
  background: -moz-linear-gradient(to bottom, #111 0%, #1110 45%, #111 100%);
  background: linear-gradient(to bottom, #111 0%, #1110 45%, #111 100%);
}

#showcase #firefighting #firefighting-overlay #firefighting-title {
  font-size: 100px;
  color: #fff;
  text-align: center;
  padding: 80px 0px;
  padding-top: 150px;
  font-weight: bold;
  background: #fff;
  background: -moz-linear-gradient(135deg, #fff 49%, #ede197 50%, #fff 51%);
  background: linear-gradient(135deg, #fff 49%, #ede197 50%, #fff 51%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradient-anim 2s linear infinite;
  background-size: 150% 100%;
}

#showcase #firefighting #firefighting-overlay #firefighting-desc {
  display: block;
  bottom: 225px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 44px;
  font-weight: 100;
  width: 850px;
  line-height: 54px;
  padding: 0 10px;
  text-shadow: 0 0 5px #0000008f;
}

#showcase #firefighting #firefighting-overlay #firefighting-desc span{
  font-weight: 300;
}

#showcase #firefighting #firefighting-overlay #firefighting-title span {
  font-weight: bold;
  display: block;
  padding-top: 10px;
}

#showcase #firefighting #firefighting-overlay #firefighting-link-cont {
  display: block;
  bottom: 100px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

#showcase #firefighting #firefighting-overlay #firefighting-link {
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 50px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#showcase #firefighting #firefighting-overlay #firefighting-link:hover {
  color: #2e85c7;
  border: 1px solid #2e85c7;
}

#showcase #blood-delivery {
  width: 1600px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#showcase #blood-delivery #blood-delivery-img {
  width: 100%;
}

#showcase #blood-delivery #blood-delivery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111;
  background: -moz-linear-gradient(to bottom, #111 0%, #1113 45%, #111 100%);
  background: linear-gradient(to bottom, #111 0%, #1113 45%, #111 100%);
}

#showcase #blood-delivery #blood-delivery-overlay #blood-delivery-title {
  font-size: 60px;
  color: #fff;
  text-align: center;
  padding: 80px 0px;
  padding-top: 120px;
  font-weight: 100;
  background: transparent;
  opacity: 0.7;
  line-height: 65px;
}

#showcase #blood-delivery #blood-delivery-overlay #blood-delivery-desc {
  display: block;
  bottom: 225px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 44px;
  font-weight: 100;
  width: 850px;
  line-height: 54px;
  padding: 0 10px;
  text-shadow: 0 0 5px #0000008f;
}

#showcase #blood-delivery #blood-delivery-overlay #blood-delivery-desc span{
  font-weight: 300;
}

#showcase #blood-delivery #blood-delivery-overlay #blood-delivery-title span {
  font-weight: bold;
  display: block;
  padding-top: 10px;
}

#showcase #blood-delivery #blood-delivery-overlay #blood-delivery-link-cont {
  display: block;
  bottom: 100px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

#showcase #blood-delivery #blood-delivery-overlay #blood-delivery-link {
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 50px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#showcase #blood-delivery #blood-delivery-overlay #blood-delivery-link:hover {
  color: #2e85c7;
  border: 1px solid #2e85c7;
}

#showcase #robots-and-gadgets {
  width: 1600px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#showcase #robots-and-gadgets #robots-and-gadgets-img {
  width: 100%;
}

#showcase #robots-and-gadgets #robots-and-gadgets-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111;
  background: -moz-linear-gradient(to bottom, #111 0%, #1110 45%, #111 100%);
  background: linear-gradient(to bottom, #111 0%, #1110 45%, #111 100%);
}

#showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-title {
  font-size: 60px;
  color: #fff;
  text-align: center;
  padding: 80px 0px;
  padding-top: 120px;
  font-weight: 100;
  background: transparent;
  opacity: 0.7;
}

#showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-desc {
  display: block;
  bottom: 225px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 40px;
  font-weight: 100;
  width: 850px;
  line-height: 54px;
  padding: 0 10px;
  text-shadow: 0 0 5px #0000008f;
}

#showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-desc span{
  font-weight: 300;
}

#showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-title span {
  font-weight: bold;
  display: block;
  padding-top: 10px;
}

#showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-link-cont {
  display: block;
  bottom: 100px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

#showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-link {
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 50px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-link:hover {
  color: #2e85c7;
  border: 1px solid #2e85c7;
}

#showcase #software {
  width: 1600px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#showcase #software #software-img {
  width: 100%;
}

#showcase #software #software-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111;
  background: -moz-linear-gradient(to bottom, #111 0%, #1113 45%, #111 100%);
  background: linear-gradient(to bottom, #111 0%, #1113 45%, #111 100%);
}

#showcase #software #software-overlay #software-title {
  font-size: 60px;
  color: #fff;
  text-align: center;
  padding: 80px 0px;
  padding-top: 120px;
  font-weight: 100;
  background: transparent;
  opacity: 0.7;
  font-weight: bold;
}

#showcase #software #software-overlay #software-desc {
  display: block;
  bottom: 225px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: 100;
  width: 850px;
  line-height: 40px;
  padding: 0 10px;
  text-shadow: 0 0 5px #0000008f;
}

#showcase #software #software-overlay #software-desc span{
  font-weight: 300;
}

#showcase #software #software-overlay #software-title span {
  font-weight: bold;
  display: block;
  padding-top: 10px;
}

#showcase #software #software-overlay #software-link-cont {
  display: block;
  bottom: 100px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

#showcase #software #software-overlay #software-link {
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 50px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#showcase #software #software-overlay #software-link:hover {
  color: #2e85c7;
  border: 1px solid #2e85c7;
}

#showcase #cuas {
  width: 1600px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#showcase #cuas #cuas-img {
  width: 100%;
}

#showcase #cuas #cuas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111;
  background: -moz-linear-gradient(to bottom, #111 0%, #1110 45%, #111 100%);
  background: linear-gradient(to bottom, #111 0%, #1110 45%, #111 100%);
}

#showcase #cuas #cuas-overlay #cuas-title {
  font-size: 60px;
  color: #fff;
  text-align: center;
  padding: 80px 0px;
  padding-top: 120px;
  font-weight: 100;
  background: transparent;
  opacity: 0.7;
}

#showcase #cuas #cuas-overlay #cuas-desc {
  display: block;
  bottom: 225px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 36px;
  font-weight: 100;
  width: 850px;
  line-height: 46px;
  padding: 0 10px;
  text-shadow: 0 0 5px #0000008f;
}

#showcase #cuas #cuas-overlay #cuas-desc span{
  font-weight: 300;
}

#showcase #cuas #cuas-overlay #cuas-title span {
  font-weight: bold;
  display: block;
  padding-top: 10px;
}

#showcase #cuas #cuas-overlay #cuas-link-cont {
  display: block;
  bottom: 100px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

#showcase #cuas #cuas-overlay #cuas-link {
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 50px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#showcase #cuas #cuas-overlay #cuas-link:hover {
  color: #2e85c7;
  border: 1px solid #2e85c7;
}

#showcase #model-rockets {
  width: 1600px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#showcase #model-rockets #model-rockets-img {
  width: 100%;
}

#showcase #model-rockets #model-rockets-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111;
  background: -moz-linear-gradient(to bottom, #111 0%, #1110 45%, #111 100%);
  background: linear-gradient(to bottom, #111 0%, #1110 45%, #111 100%);
}

#showcase #model-rockets #model-rockets-overlay #model-rockets-title {
  font-size: 60px;
  color: #fff;
  text-align: center;
  padding: 80px 0px;
  padding-top: 120px;
  font-weight: 100;
  background: transparent;
  opacity: 0.7;
}

#showcase #model-rockets #model-rockets-overlay #model-rockets-desc {
  display: block;
  bottom: 225px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 36px;
  font-weight: 100;
  width: 850px;
  line-height: 46px;
  padding: 0 10px;
  text-shadow: 0 0 5px #0000008f;
}

#showcase #model-rockets #model-rockets-overlay #model-rockets-desc span{
  font-weight: 300;
}

#showcase #model-rockets #model-rockets-overlay #model-rockets-title span {
  font-weight: bold;
  display: block;
  padding-top: 10px;
}

#showcase #model-rockets #model-rockets-overlay #model-rockets-link-cont {
  display: block;
  bottom: 100px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

#showcase #model-rockets #model-rockets-overlay #model-rockets-link {
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 50px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#showcase #model-rockets #model-rockets-overlay #model-rockets-link:hover {
  color: #2e85c7;
  border: 1px solid #2e85c7;
}

#showcase #science-industry {
  width: 1600px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#showcase #science-industry #science-industry-img {
  width: 100%;
}

#showcase #science-industry #science-industry-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111;
  background: -moz-linear-gradient(to bottom, #111 0%, #1110 35%, #111 98%);
  background: linear-gradient(to bottom, #111 0%, #1110 35%, #111 98%);
}

#showcase #science-industry #science-industry-overlay #science-industry-title {
  font-size: 60px;
  color: #fff;
  text-align: center;
  padding: 80px 0px;
  padding-top: 120px;
  font-weight: 100;
  background: transparent;
  opacity: 0.7;
}

#showcase #science-industry #science-industry-overlay #science-industry-desc {
  display: block;
  bottom: 225px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 36px;
  font-weight: 100;
  width: 850px;
  line-height: 46px;
  padding: 0 10px;
  text-shadow: 0 0 5px #0000008f;
}

#showcase #science-industry #science-industry-overlay #science-industry-desc span{
  font-weight: 300;
}

#showcase #science-industry #science-industry-overlay #science-industry-title span {
  font-weight: bold;
  display: block;
  padding-top: 10px;
}

#showcase #science-industry #science-industry-overlay #science-industry-link-cont {
  display: block;
  bottom: 100px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}

#showcase #science-industry #science-industry-overlay #science-industry-link {
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 50px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#showcase #science-industry #science-industry-overlay #science-industry-link:hover {
  color: #2e85c7;
  border: 1px solid #2e85c7;
}

#indoor-photos {
  background: #0f1f2d;
  padding-top: 80px;
  margin-bottom: -1px;
}

#indoor-photos h1 {
  color: #999;
  font-size: 80px;
  font-weight: bold;
  text-align: center;
  line-height: 60px;
  text-transform: uppercase;
  position: absolute;
  top: 100px;
  display: block;
  width: 100%;
  z-index: 3;
}

#indoor-photos .overlay-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: #111a;
  background: -moz-linear-gradient(to bottom, #0f1f2d, #0f1f2ebf 25%, #1119 50%, #1119 70%, #111);
  background: linear-gradient(to bottom, #0f1f2d, #0f1f2ebf 25%, #1119 50%, #1119 70%, #111);
  pointer-events: none;
}

#indoor-photos .slider-top {
  position: relative;
}

#indoor-photos .slider {
  overflow: hidden;
  position: relative;
}

#indoor-photos .slider_container {
  display: flex;
  will-change: transform;
}

#indoor-photos .slider_slide {
  position: relative;
  min-width: 100%;
  text-align: center;
  overflow: hidden;
}

#indoor-photos .slider_slide img {
  max-width: 100%;
  min-height: 400px;
}

#indoor-photos #slide-left, #indoor-photos #slide-right {
  z-index: 4;
  position: absolute;
  bottom: 100px;
  cursor: pointer;
  opacity: 0.3;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#indoor-photos #slide-left {
  left: 30px;
}

#indoor-photos #slide-right {
  right: 30px;
}

#indoor-photos #slide-left:hover, #indoor-photos #slide-right:hover {
  opacity: 1;
}

#pre-social-networks-sec {
  background: #130f0f;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #04406d;
  background: -moz-linear-gradient(45deg, #130f0f 0%, #130f0f 10%, #04406d 50%, #130f0f 90%, #130f0f 100%);
  background: linear-gradient(45deg, #130f0f 0%, #130f0f 10%, #04406d 50%, #130f0f 90%, #130f0f 100%);
}

@keyframes gradient-anim {
  0% {background-position: 120%}
  100% {background-position: -20%}
}

#pre-social-networks-sec img.logo {
  max-width: 100%;
  max-height: 400px;
  height: auto;
  display: block;
  margin: 0 auto;
  padding-bottom: 50px;
}

#pre-social-networks-sec h1 {
  color: #04406d;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  padding: 0px 10px;
  padding-bottom: 40px;
}

#pre-social-networks-sec #meet-team {
  margin-bottom: 50px;
  margin-top: 80px;
}

#pre-social-networks-sec .team-member {
  background: transparent;
  background: -moz-linear-gradient(to left,transparent 0%, transparent 50%,#111 50%,#111 100%);
  background: linear-gradient(to left,transparent 0%,transparent 50%, #111 50%,#111 100%);
}

#pre-social-networks-sec .team-member .container {
  background: #111;
  text-align: center;
  padding: 0;
  margin: 0 auto;
}

#pre-social-networks-sec .team-member h1 {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 3px;
  line-height: 56px;
  padding-top: 100px;
}

#pre-social-networks-sec .team-member h2 {
  color: #fff;
  font-size: 24px;
  padding-bottom: 25px;
}

#pre-social-networks-sec .team-member a {
  margin-bottom: 30px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border: 2px solid #fff;
  padding: 10px 15px;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  text-align: center;
  font-size: 26px;
}

#pre-social-networks-sec .team-member a:hover {
  color: #111;
  background: #fff;
}

#pre-social-networks-sec .team-member-desc {
  color: #fff;
  font-size: 22px;
  line-height: 31px;
  font-weight: 100;
  padding: 0 20px;
  padding-bottom: 15px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  text-align: center;
}

#pre-social-networks-sec .team-member-image {
  width: 150px;
  border-radius: 100%;
  padding: 10px;
  border: 2px solid #fff;
  position: absolute;
  top: -87px;
  left: calc(50% - 87px);
}


#social-networks-sec {
  background: #0c273d;
  z-index: 3;
}

#social-networks-sec h1 {
  color: #fff;
  font-size: 23px;
  line-height: 33px;
  padding-top: 30px;
  opacity: 0.5;
  text-align: center;
  font-weight: 100;
}

#social-networks-sec .links-container {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 50px;
}

#social-networks-sec a {
  text-decoration: none;
}

#social-networks-sec img {
  height: 64px;
  padding: 5px;
  opacity: 0.5;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

#social-networks-sec img:hover {
  opacity: 1;
}

#social-networks-sec .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #0c273d;
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

#pre-contact {
  background: #130f0f;
  background: -moz-linear-gradient(to right, #130f0f, #04406d);
  background: linear-gradient(to right, #130f0f, #04406d);
  min-width: 100%;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  z-index: 3;
}

#pre-contact h1 {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 30px;
}

#pre-contact h2 {
  color: #fff;
  font-size: 26px;
  line-height: 33px;
  padding-bottom: 30px;
  opacity: 0.5;
  text-align: center;
  font-weight: 100;
  padding-top: 50px;
}

#pre-contact a {
  text-decoration: none;
}

#pre-contact a.save-contact {
  background-image: url('../img/save-contact.svg');
  background-repeat: no-repeat;
  background-size: 26px;
  background-position-y: 8px;
  background-position-x: 13px;
  color: #fff;
  font-size: 20px;
  margin-top: 10px;
  display: block;
  width: 145px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 10px;
  text-decoration: none;
  text-transform: uppercase;
  padding-left: 50px;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

#pre-contact a.save-contact:hover {
  opacity: 0.6;
}

#pre-contact .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #130f0f;
  background: -moz-linear-gradient(to right, #130f0f, #04406d);
  background: linear-gradient(to right, #130f0f, #04406d);
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#pre-contact .bot-triangle {
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: -29.5px;
	background: #130f0f;
  background: -moz-linear-gradient(to right, #130f0f, #04406d);
	background: linear-gradient(to right, #130f0f, #04406d);
	clip-path: polygon(0 0, 100% 0, 100% 100%);
}

#mail-num  {
	margin: 50px 10px ;
}

#mail-num span {
	color: #fff;
	background-color: rgba(255,255,255,0.15);
	text-align: center;
	font-size: 72px;
	line-height: 72px;
	padding: 10px 20px;
	border-radius: 3px;
	letter-spacing: 1px;
}

#mail-icon {
	height: 60px;
}

#mail {
	letter-spacing: 1px;
	font-size: 36px;
	margin-top: 15px;
	color: #fff;
}

#contact {
  background: #fff;
	padding-top: 60px;
	padding-bottom: 60px;
}

.float-select {
  position: relative;
}

.float-select label {
  position: absolute;
  background: #fff;
  padding: 2px 5px;
  border-radius: 3px;
  color: #999;
  font-weight: bold;
  left: 20px;
  top: -9px;
}

.form-ajax input[type="text"], .form-ajax input[type="submit"], .form-ajax textarea, .form-ajax select {
	border: 2px solid #ccc;
	color: #333;
	font-size: 18px;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	margin-bottom: 20px;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	font-weight: bold;
	border-radius: 3px;
	-webkit-appearance: none;
	background: #fff;
}

.form-ajax input[type="submit"] {
	width: 100%;
	color: #fff;
	background: #2e85c7;
	background-size: 30px 30px;
	border: 0;
	margin-left: 2px;
	cursor: pointer;
	text-transform: uppercase;   
	border: 2px solid  #2e85c7;
}

.form-ajax input[type=text]:focus, .form-ajax textarea:focus, .form-ajax select:focus {
	border: 2px solid  #2e85c7;
}

.form-ajax input[type="submit"]:hover {
	color: #2e85c7;
	background: #fff;
}

.form-ajax input[type="submit"]:disabled {
  background: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);
	background-size: 30px 30px;
  animation: animate-stripes 1s linear infinite;						
  -webkit-animation: animate-stripes 1s linear infinite; 
	-moz-animation: animate-stripes 1s linear infinite; 	
  background-color: #2e85c7;
}

.form-ajax .name-cont {
  position: absolute;
}

.form-ajax .name-cont input {
  border: transparent!important;
  color: transparent!important;
}

.loader-cont {
  display: none;
  height: 150px;
  width: 150px;
  position: absolute;
  left: calc(50% - 75px);
  box-shadow: 0 0 20px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 30%);
  -moz-box-shadow: 0 0 20px rgba(0,0,0,0.3);
  z-index: 500;
  margin-top: 20px;
  border-radius: 75px;
  background: #ffffff0d;
}

.loader-cont div {
  display: block;
  height: 150px;
  width: 150px;
  background: url("../img/airplane-loading.svg");
  -webkit-animation: spinner 3s linear infinite;
  -moz-animation: spinner 3s linear infinite;
  -ms-animation: spinner 3s linear infinite;
  -o-animation: spinner 3s linear infinite;
  animation: spinner 3s linear infinite;
  background-size: 150px;
}

#subscribe .loader-cont {
  margin-top: 0px;
}

@-webkit-keyframes spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes animate-stripes {
  0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

@-moz-keyframes animate-stripes {
  0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

@-webkit-keyframes animate-stripes {
  0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

::-webkit-input-placeholder {
	color: #ccc;
	text-transform: uppercase;
}

:-moz-placeholder { 
	color: #ccc;
	text-transform: uppercase;   
}

::-moz-placeholder {  
	color: #ccc; 
	text-transform: uppercase;
}

:-ms-input-placeholder {  
	color: #ccc; 
	text-transform: uppercase;
}

#contact textarea {
	height: 130px;
	resize: none;
}

#contact.position-application textarea {
	height: 202px;
	resize: none;
}

#contact.position-application h2 {
  color: #999;
  font-weight: 100;
  padding-bottom: 30px;
  font-size: 28px;
  text-align: center;
}

#hq-sec {
	background-image: url("../img/prdc-hq.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

#hq-sec .mask {
  background: #fff;
  background: -moz-linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0.6) 40%);
  background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0.6) 40%);
}

#hq-sec .container {
  text-align: center;
  font-size: 150px;
  font-weight: bold;
  padding-top: 480px;
  color: rgba(255,255,255,0.9);
  padding-bottom: 50px;
}

#factory-sec {
	background-image: url("../img/prdc-factory.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-color: #4e614c;
}

#factory-sec .mask {
  background: #4e614c61;
  background: linear-gradient(to bottom, #4e614cff 0%, #4e614c61 40%, #4e614c61 60%, #000000b8 100%);
  background: linear-gradient(to bottom, #4e614cff 0%, #4e614c61 40%, #4e614c61 60%, #000000b8 100%);
}

#factory-sec .container {
  text-align: center;
  font-size: 48px;
  font-weight: bold;
  padding-top: 50px;
  color: rgb(255 255 255);
  padding-bottom: 550px;
}

#factory-sec .sub-title {
  font-weight: 100;
  padding-top: 10px;
  display: block;
}

#factory-link-cont {
  display: block;
  bottom: 100px;
  margin: 0 auto;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
}

#factory-link {
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 50px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #fff;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#factory-link:hover {
  color: #000;
  background: #fff;
  opacity: 0.8!important;
}

#map {
	width: 100%;
	height: 450px;
	position: relative;
}

#map-title {
	color: #999;
	font-size: 30px;
	text-align: center;
	padding: 20px 0;
	background: rgba(255, 255, 255, 0.85);
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}

#map-title p {
	color: #ccc;
	font-size: 20px;
	padding-top: 10px;
}

#map-arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: rgba(255, 255, 255, 0.85) transparent transparent transparent;
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -30px;
}

.get-directions {
  cursor: pointer;
}

#get-directions-mask {
  background: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  display: none;
  overflow: auto;
}

@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  #get-directions-mask {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(255, 255, 255, 0.7);  
  }
}

#get-directions-cont {
  margin: 0 auto;
  display: block;
  width: 480px;
  background: rgba(238, 238, 238, 0.7);  
  border-radius: 0 0 10px 10px;
  padding: 20px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

#get-directions-btn {
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  font-weight: bold;
  border-radius: 3px;
  -webkit-appearance: none;
  line-height: 22px;
  color: #fff;
  background: #3168b2;
  margin-left: 2px;
  margin-bottom: 10px;
  cursor: pointer;
  text-transform: uppercase;
  border: 2px solid #3168b2;
  display: block;
  margin-top: 15px;
}

#get-directions-btn:hover {
	color: #3168b2;
	background: #fff;
}

#get-directions-cont {
  text-align: center;
}

#get-directions-cont .directions-img {
  width: 100px;
  margin: auto;
  display: block;
  background: #fff;
  border-radius: 30px;
  margin-bottom: 20px;
}

#get-directions-cont .box_cont_hide {
  border-top: 2px solid #ccc;
  padding-top: 15px;
  margin-top: 20px;
  padding-bottom: 10px;
  font-size: 24px;
  cursor: pointer;
  font-weight: bold;
  color: #666;
}

#get-directions-cont .box_cont_hide img {
  width: 24px;
  margin-left: 5px;
  margin-bottom: -3px;
}

#get-directions-cont .box_cont_hide:hover {
  opacity: 0.6;
}

#address {
  font-size: 28px;
  padding-bottom: 5px;
}

#place {
  font-size: 18px; 
}
  
#latlong {
  text-align: center;
  font-size: 24px;
  padding-top: 5px;
}

#latlong span {
    font-weight: bold;
}

#design {
  background: #222;
  background: -moz-linear-gradient(to right, #002642, #222);
  background: linear-gradient(to right, #002642, #222);  
  z-index: 1;
}


#design img {
  width: 100px;
  position: absolute;
  top: 30px;
  z-index: 3;
}

#design h1, #overview h1 { 
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 40px;
  line-height: 56px;
  padding-top: 50px;
  text-align: center;
}

#design #vert-line { 
  position: absolute;
  width: 4px;
  left: 58px;
  top: 0;
  bottom: 0;
  background: #fff;
  z-index: 2;
}

#design .container {
  width: 800px;
}

#design ul {
  margin-left: 52px;
  padding-bottom: 80px;
}

#design li {
  padding-left: 70px;
  padding-top: 30px;
  padding-bottom: 30px;
  background-image: url("../img/list-bullet.svg");
  background-repeat: no-repeat;
  background-position-y: 44px; 
  color: #fff;
  font-size: 32px;
  cursor: pointer;
}

#design li .description {
  font-weight: 100;
}

#design li .title {
  margin-bottom: 20px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#design li:hover .title {
  color: #2e85c7;
}

#overview {
  background: #111;
  background: -moz-linear-gradient(to bottom, #111, #323432);
  background: linear-gradient(to bottom, #111, #323432);
}

#overview ul {
  color: #fff;
  font-size: 20px;
  max-width: 550px;
  margin: 0 auto;
}

#overview .container {
  width: 1200px;
}

#overview ul li {
  margin-bottom: 30px;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
}

#overview ul li:after {
  content: '';
  display: block;
  clear: both;  
}

#overview ul li .characteristic {
  float: left;
}

#overview ul li .value {
  float: right;
}

#overview ul li .value span {
  font-weight: 100;
}

#overview #back-drawing {
  margin-top: 155px;
  height: 290px;
  overflow: hidden;
}

#overview #back-drawing img {
  height: 100%;
  float: right;
}

#overview #top-drawing, #overview #top-drawing-90 {
  margin: 0 auto;
  display: block;
  padding-top: 50px;
  width: 100%;
}

#overview #top-drawing {
  padding-top: 150px;
}

#overview #top-drawing-90 {
  display: none;
}

#model-3d {
  overflow: hidden;
  background: #323432;
}

#model-3d-cont {
  height: 1024px;
  width: 100%;
  background-image: url("../img/model-3d-bg.jpg");
  background-position: center center;
  overflow: hidden;
  background-repeat: no-repeat;
}

#model-3d-control {
  position: absolute;
  bottom: 100px;
  padding: 10px 30px;
  font-size: 50px;
  font-weight: 100;
  color: #fff;
  border: 2px solid #fff;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 0 0 20px #0000;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  width: 290px;
  left: 50%;
  margin-left: -145px;
  text-align: center;
}

#model-3d-control:hover {
  color: #2e85c7;
  border: 2px solid #2e85c7;
}

#model-3d-video, #model-3d-video-bg {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}

#flight-photos {
  background: #111;
  padding-top: 50px;
  margin-bottom: -1px;
}

#flight-photos h1 {
  color: #6e6e6e;
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  line-height: 56px;
  width: 400px;
  margin: 0 auto;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 30px;
  
}

#flight-photos .overlay-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: #111a;
  background: -moz-linear-gradient(to bottom, #111, #1110 50%, #1119 90%, #111);
  background: linear-gradient(to bottom, #111, #1110 50%, #1119 90%, #111);
  pointer-events: none;
}

#flight-photos .slider-top {
  position: relative;
}

#flight-photos .slider {
  overflow: hidden;
  position: relative;
}

#flight-photos .slider_container {
  display: flex;
  will-change: transform;
}

#flight-photos .slider_slide {
  position: relative;
  min-width: 100%;
  text-align: center;
  overflow: hidden;
}

#flight-photos .slider_slide img {
  max-width: 100%;
  min-height: 400px;
}

#flight-photos #slide-left, #flight-photos #slide-right {
  z-index: 4;
  position: absolute;
  bottom: 100px;
  cursor: pointer;
  opacity: 0.3;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#flight-photos #slide-left {
  left: 30px;
}

#flight-photos #slide-right {
  right: 30px;
}

#flight-photos #slide-left:hover, #flight-photos #slide-right:hover {
  opacity: 1;
}

#flight-video {
  background: #2d2d2d;
  background: -moz-linear-gradient(to right, #2d2d2d, #0a0a0a);
  background: linear-gradient(to right, #2d2d2d, #0a0a0a);
  z-index: 3;
  position: relative;
  padding-bottom: 30px;
  padding-top: 30px;
}

#flight-video .container {
  font-weight: 100;
  font-size: 24px;
  text-align: center;
  color: #8e8e8e;
  padding: 30px 20px;
  line-height: 28px;
}

#video {
  padding: 0 10px;  
}

#video .video-container {
  overflow: hidden;
  position: relative;
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}

#video .video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

#video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#video .video-container.soon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #333;
}

#video .video-container.soon div {
  font-size: 50px;
  font-weight: 100;
  color: #fff;
  text-align: center;
}

#kp-logo-header {
  width: 300px;
  display: block;
  margin: 0 auto;
  margin-top: 30px;
}

#rfxp-logo {
  width: 400px;
  display: block;
  margin: 0 auto;
}

#rainforest-testing-video {
  background: #eee;
  background: -moz-linear-gradient(to bottom, black, transparent);
  background: linear-gradient(to bottom, black, transparent);
  z-index: 3;
  position: relative;
  padding-bottom: 50px;
  padding-top: 50px;
}

#rainforest-testing-video h1 {
  color: #000000;
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 50px;
  padding-top: 20px;
  text-transform: uppercase; 
}

#rainforest-testing-video .container {
  font-weight: 100;
  font-size: 24px;
  text-align: center;
  color: #8e8e8e;
  padding: 30px 20px;
  line-height: 28px;
}

#rainforest-video {
  padding: 0 10px;  
}

#rainforest-video .video-container {
  overflow: hidden;
  position: relative;
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}

#rainforest-video .video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

#rainforest-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#rainforest-video .video-container.soon {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #333;
}

#rainforest-video .video-container.soon div {
  font-size: 50px;
  font-weight: 100;
  color: #fff;
  text-align: center;
}

#rainforest-about {
  padding: 70px 0;
  font-size: 28px;
  text-align: center;
  font-weight: 300;
  line-height: 38px;
  background: #000;
  color: #fff;
}

#rainforest-about span {
  font-weight: bold;
}

#rainforest-website {
  padding: 70px 0;
  font-size: 40px;
  text-align: center;
  font-weight: 300;
  line-height: 48px;
}

#rainforest-website span {
  font-weight: bold;
}

#rainforest-website a {
  margin-top: 50px;
  display: inline-block;
  text-decoration: none;
  color: #999;
  border: 2px solid #999;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

#rainforest-website a:hover {
  color: #fff;
  background: #999;
}

#systems {
  background: #000;
}

#systems h1 {
  position: absolute;
  width: 100%;
  top: 45px;
  font-size: 30px;
  color: #fff;
  z-index: 4;
  font-weight: 100;
  text-align: center;
}

#systems .overlay-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: #111a;
  background: -moz-linear-gradient(to bottom, #111, #1113 30%, #1113 80%, #111);
  background: linear-gradient(to bottom, #111, #1113 30%, #1113 80%, #111);
  pointer-events: none;
}

#systems .image-cont {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  overflow: hidden;
  width: 100%;
}

#systems svg {
  position: absolute;
}

#systems path {
  stroke-width: 2;
  stroke-dasharray: 1200, 1200;
  animation: dash-anim 5s linear infinite;
}

@keyframes dash-anim {
  from {stroke-dashoffset: 3600;}
  to {stroke-dashoffset: 1200;}
}

#systems-monitor {
  background: #000;
}

#systems-monitor h1 {
  position: absolute;
  width: 100%;
  top: 45px;
  font-size: 30px;
  color: #fff;
  z-index: 4;
  font-weight: 100;
  text-align: center;
}

#systems-monitor .overlay-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: #111a;
  background: -moz-linear-gradient(to bottom, #111, #111a 30%, #111a 80%, #111);
  background: linear-gradient(to bottom, #111, #111a 30%, #111a 80%, #111);
  pointer-events: none;
}

#systems-monitor .image-cont {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  overflow: hidden;
  width: 100%;
}

#systems-monitor svg {
  position: absolute;
}

#systems-monitor path {
  stroke-width: 2;
  stroke-dasharray: 500, 500;
  animation: volt-anim 2s linear infinite;
}

@keyframes volt-anim {
  from {stroke-dashoffset: 1000;}
  to {stroke-dashoffset: 0;}
}

#exploded-view {
  background: #0f1f2d;
  overflow: hidden;
}

#exploded-view h1 {
  position: absolute;
  width: 100%;
  top: 45px;
  font-size: 30px;
  color: #fff;
  z-index: 4;
  font-weight: 100;
  text-align: center;
}

#exploded-view .overlay-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: #111a;
  background: -moz-linear-gradient(to bottom, #111, #1113 30%, #1113 80%, #111);
  background: linear-gradient(to bottom, #111, #1113 30%, #1113 80%, #111);
  pointer-events: none;
}

#exploded-view .video-cont {
  padding-top: 50px;
  width: 1280px;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  overflow: hidden;
}

#exploded-view video {
  margin: 0 auto;
  display: block;
  margin-bottom: -150px;
  width: 100%;
  max-width: 1280px;
  transform: rotateY(180deg);
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
}

#power-management {
  background: #000;
  overflow: hidden;
}

#power-management h1 {
  position: absolute;
  width: 100%;
  top: 45px;
  font-size: 30px;
  color: #fff;
  z-index: 4;
  font-weight: 100;
  text-align: center;
}

#power-management .overlay-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: #111a;
  background: -moz-linear-gradient(to bottom, #111, #1113 30%, #1113 80%, #111);
  background: linear-gradient(to bottom, #111, #1113 30%, #1113 80%, #111);
  pointer-events: none;
}

#power-management .video-cont {
  width: 1200px;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
}

#power-management img {
  width: 100%;
  margin-bottom: -100px;
}

#power-management svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 1200;
  height: 675;
}

#power-management video {
  display: block;
  position: absolute;
  top: -8px;
  left: 29px;
  z-index: 3;
}

#power-management path {
  stroke-dasharray: 10, 10;
  animation: pwr-anim 1s linear infinite;
}

@keyframes pwr-anim {
  from {stroke-dashoffset: 100;}
  to {stroke-dashoffset: 0;}
}

#instruments {
  background: #000;
}

#instruments .overlay-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: #1116;
  background: -moz-linear-gradient(to bottom, #111, #1116 30%, #1116 80%, #111);
  background: linear-gradient(to bottom, #111, #1116 30%, #1116 80%, #111);
  pointer-events: none;
}

#instruments h1 {
  position: absolute;
  width: 100%;
  top: 45px;
  font-size: 30px;
  color: #fff;
  z-index: 4;
  font-weight: 100;
  text-align: center;
}

#downloads {
  background: #484848 url("../img/fc-downloads-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;  
}

#downloads-cont {
  background: #111a;
  background: linear-gradient(to bottom, #111, #111a 50%);
}

#downloads-cont .container {
  color: #fff;
  font-size: 40px;
  font-weight: 100;
  text-align: center;
  padding-bottom: 80px;
  line-height: 56px;
  padding-top: 30px;
}

#downloads-cont .container span {
  font-weight: normal;
}

#downloads-cont .container .hashtags {
  font-weight: bold;
  padding: 30px 0;
}

#downloads-cont .container .download-link {
  margin-top: 60px;
}

#downloads-cont .container .download-link a {
  padding: 10px 30px;
  font-size: 30px;
  font-weight: 100;
  color: #fff;
  border: 1px solid #fff;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 0 0 20px #0000;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  text-decoration: none;
  margin: 0 10px;
}

#downloads-cont .container .download-link a:hover {
  color: #000;
  border: 1px solid #fff;
  background: #fff;
}

#subscribe {
  padding: 30px 0;
  z-index: 3;
}

#subscribe .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #fff;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#subscribe h1 {
  color: #316185;
  font-size: 40px;
  font-weight: bold;
  line-height: 56px;
  text-align: center;
}

#subscribe .container {
  color: #2e85c7;
  font-size: 40px;
  font-weight: 100;
  text-align: center;
  padding-bottom: 80px;
  line-height: 56px;
  margin-top: 30px;
  padding-top: 30px;
}

#subscribe .container span {
  font-weight: normal;
}

#subscribe .container p.text-grad {
  padding: 10px 0;
  background: #2e85c7;
  background: -moz-linear-gradient(to left, #333, #2e85c7);
  background: linear-gradient(to left, #333, #2e85c7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#subscribe .container p.text-lineup {
  padding: 10px 0;
  color: #999;
  font-size: 38px;
}

#subscribe .container a {
  text-decoration: none;
  color: inherit;
}

#subscribe .inputs-cont {
  padding: 0 30px;
}

#subscribe .form-ajax input {
  border: 1px solid #ccc;
  color: #ccc;
  font-size: 24px;
  padding-left: 3%;
  padding-right: 3%;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  margin-bottom: 20px;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  border-radius: 3px;
  -webkit-appearance: none;
  background: #fff;
  font-weight: normal;
  cursor: pointer;
}

#subscribe .form-ajax input:hover, #subscribe .form-ajax input:focus {
  color: #2e85c7;
  border: 1px solid #2e85c7;
}

#subscribe .message-cont {
  margin-top: 50px;  
}

#made-in {
  text-align: center;
  color: #2e85c7;
  font-weight: 100;
  font-size: 20px;
  padding-bottom: 30px;
}

#made-in span {
  font-weight: normal;
}

footer {
	width: 100%;
	background: #fff;
	position: relative;
	z-index: 3;
  padding-bottom: 50px;
}

footer #footer-logo {
	margin-top: 70px;
	margin-bottom: 20px;
  height: 150px;
}

footer #back-top img {
	margin-bottom: 20px;	
  width: 170px;
}

footer #footer-links {
  padding-bottom: 10px
}

footer #footer-links a {
  color: inherit;
}

footer .container {
	color: #ccc;
	text-align: center;
}

footer:hover #back-top, footer:active #back-top  {
	top: -50px;
}

#back-top {
	position: absolute;
	left: 50%;
	margin-left: -85px;
	top: -35px;
	-moz-transition: top .5s ease-in-out;
	-webkit-transition: top .5s ease-in-out;
	-o-transition: top .5s ease-in-out;
	transition: top .5s ease-in-out;
	cursor: pointer;
}

#company-details {
  padding: 10px;
  padding-bottom: 10px;
  width: 400px;
  font-size: 14px;
  text-align: left;
  line-height: 18px;
  margin: 0 auto;
  border-top: 1px solid;
  border: 1px solid;
  margin-bottom: 30px;
  border-radius: 15px;
}

#company-details h2 {
  line-height: 26px;
  margin-bottom: 10px;
  border-bottom: 1px solid;
}  

#company-details h2 span {
  font-weight: bold;
}

#company-details h3 {
  font-weight: bold;
  padding-bottom: 5px;
  margin-top: 10px;
}

#privacy-policy {
  line-height: 28px;
}

#privacy-policy h1, #privacy-policy h2, #privacy-policy h3 {
  font-weight: 700;
}

#privacy-policy h1 {
  display: block;
  font-size: 40px;
  line-height: 60px;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

#privacy-policy h2 {
  display: block;
  font-size: 32px;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

#privacy-policy h3 {
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

#privacy-policy p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

#privacy-policy strong {
  font-weight: bold;
}

#privacy-policy li {
  display: list-item;
  text-align: -webkit-match-parent;
}

#privacy-policy ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

#privacy-policy a {
  color: inherit;
}

#rainforest-title {
  background: #000;
	min-width: 100%;
	text-align: center;
	padding-top: 40px;
  padding-bottom: 40px;
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: 100;
  line-height: 50px;
}

#rainforest-title span {
  font-weight: bold;
}

#rainforest-title a {
  font-weight: bold;
  text-decoration: underline;
  color: #fff;
}

#rainforest-title .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#rainforest-gallery {
	text-align: center;
	padding-top: 40px;
  color: #fff;
  text-align: center;
  font-size: 44px;
  font-weight: 100;
  line-height: 60px;
}

#rainforest-gallery span {
  font-weight: bold;
}

#rainforest-gallery a {
  font-weight: bold;
  text-decoration: underline;
  color: #fff;
}

#rainforest-gallery .top-triangle { 
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #0f1f2d;
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
}

#rainforest-gallery {
  background: #0f1f2d;
  padding-top: 30px;
  margin-bottom: -1px;
}

#rainforest-gallery .container {
  padding-top: 30px;
  padding-bottom: 50px;
}

#rainforest-gallery h1 {
  color: #fff;
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  line-height: 56px;
  width: 400px;
  margin: 0 auto;
  text-transform: uppercase;
  position: relative;
  opacity: 0.6;
}

#rainforest-gallery .overlay-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  background: #00000059;
  background: -moz-linear-gradient(to bottom, #0f1f2d, #00000059 30%, #00000059 90%, #000);
  background: linear-gradient(to bottom, #0f1f2d, #00000059 30%, #00000059 90%, #000);
  pointer-events: none;
}

#rainforest-gallery .slider-top {
  position: relative;
}

#rainforest-gallery .slider {
  overflow: hidden;
  position: relative;
}

#rainforest-gallery .slider_container {
  display: flex;
  will-change: transform;
}

#rainforest-gallery .slider_slide {
  position: relative;
  min-width: 100%;
  text-align: center;
  overflow: hidden;
}

#rainforest-gallery .slider_slide img {
  max-width: 100%;
  min-height: 400px;
}

#rainforest-gallery #slide-left, #rainforest-gallery #slide-right {
  z-index: 4;
  position: absolute;
  bottom: 100px;
  cursor: pointer;
  opacity: 0.3;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#rainforest-gallery #slide-left {
  left: 30px;
}

#rainforest-gallery #slide-right {
  right: 30px;
}

#rainforest-gallery #slide-left:hover, #rainforest-gallery #slide-right:hover {
  opacity: 1;
}

#no-open-positions {
  font-size: 42px;
  line-height: 60px;
  text-align: center;
  background: #2e85c7;
  background: -moz-linear-gradient(to left, #333, #2e85c7);
  background: linear-gradient(to left, #333, #2e85c7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#no-open-positions span {
  font-weight: bold;
}

#content.umex2022 {
  margin-bottom: 0;
}

#pr-btn {
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  padding-bottom: 30px;
}

#umex2022-cont1, #exhibition-cont1 {
  font-size: 30px;
  line-height: 40px;
  text-align: center;
}

#umex2022-cont1 span, #umex2022-cont2 span, #exhibition-cont1 span {
  font-weight: bold;
}

#umex2022-stand-gallery {
  text-align: center;
  margin-bottom: 50px;
}

#umex2022-floorplan {
  max-width: 600px;
  width: 100%;
  margin-bottom: 20px;
}

#umex2022-stand-gallery img {
  width: 32%;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 1;
  margin: 2px
}

#umex2022-stand-gallery img:hover {
  opacity: 0.5;
}

#umex2022-gallery {
  background: #eee;
  padding: 50px 0;
  text-align: center;
  font-size: 30px;
}

#umex2022-gallery img {
  width: 32%;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 1;
  margin: 2px;
}

#umex2022-gallery img:hover {
  opacity: 0.5;
}

#umex2022-gallery .download {
  margin-top: 15px;
}

#umex2022-cont1, #exhibition-cont1 {
  padding-top: 50px;
}

#umex2022-cont2 {
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

#exhibition-cont1 .page-gallery {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 50px;
}

#exhibition-cont1 a { 
  text-decoration: none;
}

#exhibition-cont1 a img {
  width: 32%;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#exhibition-cont1 img {
  opacity: 1;
}

#exhibition-cont1 a img:hover {
  opacity: 0.5;
}

#title #team-header {
  font-size: 26px;
  line-height: 38px;
}

#title.our-team h1 {
  padding-bottom: 50px;
}

#join-team {
	background: #fff;
  padding: 50px 0;
  text-align: center;
}

#join-team .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #fff;
  clip-path: polygon(0 100%, 0 0, 100% 100%);
}

#join-team h1 {
  color: #316185;
  font-size: 40px;
  font-weight: bold;
  line-height: 56px;
  text-align: center;
  padding-bottom: 40px;
}

#check-open-positions {
  padding: 10px 0;
  background: #2e85c7;
  background: -moz-linear-gradient(to left, #333, #2e85c7);
  background: linear-gradient(to left, #333, #2e85c7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 28px;
  line-height: 36px;
  text-align: center;
}

#check-open-positions span {
  font-weight: bold;
}

#join-team .page-large-button {
  font-size: 40px;
}

#our-team {
  background: #130f0f;
  background: -moz-linear-gradient(to right, #130f0f, #04406d);
	background: linear-gradient(to right, #130f0f, #04406d);
	padding: 50px 0;
	min-width: 100%;
	text-align: center;
	padding-top: 40px;
}

#our-team .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #130f0f;
  background: -moz-linear-gradient(to right, #130f0f, #04406d);
  background: linear-gradient(to right, #130f0f, #04406d);
  clip-path: polygon(0 100%, 0 0, 100% 100%);
}

#our-team #team-icon {
  width: 400px;
}

#our-team-cont {
	width: 800px;
}

#our-team-bg {
	background: transparent;
	background: -moz-linear-gradient(to right,transparent 0%, transparent 50%,#111 50%,#111 100%);
	background: linear-gradient(to right,transparent 0%,transparent 50%,#111 50%,#111 100%);
}

#our-team .team-member-image {
  width: 150px;
  border-radius: 100%;
  padding: 10px;
  border: 2px solid #fff;
  position: absolute;
  top: 20px;
}

#our-team .left .team-member-image {
  right: -97px;
}

#our-team .right .team-member-image {
  left: -97px;
}

#our-team h1 {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 3px;
  line-height: 56px;
  padding-top: 60px;
}

#our-team .right h1 {
  text-align: left;
  padding-left: 100px;
}

#our-team .left h1 {
  text-align: right;
  padding-right: 100px;
}

#our-team h2 {
  color: #fff;
  font-size: 24px;
  padding-bottom: 15px;
}

#our-team .right h2 {
  text-align: left;
  padding-left: 100px;
}

#our-team .left h2 {
  text-align: right;
  padding-right: 100px;
}

#our-team .team-member-email {
  color: #fff;
  font-size: 20px;
  padding-bottom: 50px;
  text-decoration: none;
  font-weight: 100;
  display: block;
}

#our-team .right .team-member-email {
  text-align: left;
  padding-left: 100px;
}

#our-team .left .team-member-email {
  text-align: right;
  padding-right: 100px;
}

#our-team .team-member {
  margin: 100px 0;
}

#our-team .team-member.right {
  background: transparent;
  background: -moz-linear-gradient(to right,transparent 0%, transparent 50%,#111 50%,#111 100%);
  background: linear-gradient(to right,transparent 0%,transparent 50%,#111 50%,#111 100%);
}

#our-team .team-member.left {
  background: transparent;
  background: -moz-linear-gradient(to left,transparent 0%, transparent 50%,#0c1832 50%,#0c1832 100%);
  background: linear-gradient(to left,transparent 0%,transparent 50%,#0c1832 50%,#0c1832 100%);
}

#our-team .team-member.right .container {
  background: #111;
}

#our-team .team-member.left .container {
  background: #0c1832;
}

#our-team .team-member .container {
  width: 700px; 
}

#our-team .team-member-links a {
  color: inherit;
  text-decoration: none;
}

#our-team .team-member-links a:hover {
  opacity: 0.5;
}

#our-team .team-member-links {
  color: #ffffff;
  font-size: 20px;
  opacity: 0.5;
  padding-bottom: 20px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#our-team .team-member:hover .team-member-desc,  #our-team .team-member:hover .team-member-links {
  opacity: 1;
}

#our-team .left .team-member-links {
  text-align: right;
  padding-right: 30px;
}

#our-team .right .team-member-links {
  text-align: left;
  padding-left: 30px;
}

#our-team .team-member-desc {
  color: #fff;
  opacity: 0.3;
  font-size: 18px;
  line-height: 26px;
  font-weight: 100;
  padding: 0 20px;
  padding-bottom: 30px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#root-team {
  background: #000;
  padding-bottom: 50px;
  padding-top: 50px;
}

#root-team .top-triangle {
    width: 100%;
    height: 30px;
    position: absolute;
    top: -29.5px;
    background: #000;
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

.root-team-member-image {
  width: 150px;
  border-radius: 100%;
  padding: 10px;
  border: 2px solid #fff;
  position: absolute;
  top: -150px;
  left: calc(50% - 87px);
}

.our-team-desc {
  color: #fff;
  font-size: 32px;
  font-weight: 100;
  text-align: center;
  line-height: 46px;
  padding-top: 60px;
}

#root-team h1 {
  padding-top: 60px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: 30px;
}

.root-team-member-desc {
  padding-top: 30px;
  color: #fff;
  font-size: 19px;
  line-height: 28px;
  text-align: center;
  font-weight: 100;
}

.root-team-member-desc p {
  padding-bottom: 15px;
}

.root-team-member-desc span {
  font-weight: 400;
}

#title.team-member-header .team-member-image {
  width: 150px;
  border-radius: 100%;
  padding: 10px;
  border: 2px solid #fff;
  position: absolute;
  top: 140px;
  left: calc(50% - 87px);
}

#title.team-member-header h1 {
  padding-top: 330px;
  padding-bottom: 20px;
}

#title.team-member-header h2 {
  padding-bottom: 10px;
}

#title.team-member-header a.team-member-email {
  text-decoration: none;
  color: #fff;
  font-weight: 100;
  padding-top: 10px;
}

#content .biography {
  font-size: 20px;
  line-height: 28px;
  text-align: center;
}

#content .biography h1 {
  font-size: 30px;
  text-align: center;
  padding-bottom: 30px;
  font-weight: bold;
}

#content .biography p {
  padding-bottom: 30px;
}

#content .biography .team-member-links {
  font-size: 24px;
}

#content .biography .team-member-links a {
  color: inherit;
  text-decoration: none;
}

#content .biography .team-member-links a:hover {
  opacity: 0.5;
}

#content h1 {
  font-size: 28px;
  line-height: 32px;
  text-align: center;
  padding-bottom: 20px;
  font-weight: bold;
}

#ika-01-gallery {
  background: #555;
  background: -moz-linear-gradient(to left, #555, #0a0a0a);
  background: linear-gradient(to left, #555, #0a0a0a);
  z-index: 3;
  position: relative;
  padding-bottom: 60px;
  padding-top: 30px;
  text-align: center;
}

#ika-01-gallery .container {
  width: 1600px;
}

#ika-01-gallery .top-triangle {
  background: #555;
  background: -moz-linear-gradient(to left, #555, #0a0a0a);
  background: linear-gradient(to left, #555, #0a0a0a);
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#ika-01-gallery h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#ika-01-gallery img {
  width: 24%;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 1;
  margin: 2px;
}

#ika-01-gallery img:hover {
  opacity: 0.5;
}

#ika-01-videos {
  background: #000;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
}

#ika-01-videos h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#ika-01-video {
  display: flex;
  width: 90%;
  margin: 0 auto;
}

#ika-01-video .video-container {
  overflow: hidden;
  position: relative;
  width: 30%;
  max-width: 1200px;
  margin: 0 auto;
}

#ika-01-video .video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

#ika-01-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#ika-01-videos .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#ika-20-gallery {
  background: #555;
  background: -moz-linear-gradient(to left, #555, #0a0a0a);
  background: linear-gradient(to left, #555, #0a0a0a);
  z-index: 3;
  position: relative;
  padding-bottom: 60px;
  padding-top: 30px;
  text-align: center;
}

#ika-20-gallery .container {
  width: 1600px;
}

#ika-20-gallery .top-triangle {
  background: #555;
  background: -moz-linear-gradient(to left, #555, #0a0a0a);
  background: linear-gradient(to left, #555, #0a0a0a);
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#ika-20-gallery h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#ika-20-gallery img {
  width: 24%;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  opacity: 1;
  margin: 2px;
}

#ika-20-gallery img:hover {
  opacity: 0.5;
}
  
#ika-20-videos {
  background: #000;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
}

#ika-20-videos h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#ika-20-video {
  display: flex;
  width: 90%;
  margin: 0 auto;
}

#ika-20-video .video-container {
  overflow: hidden;
  position: relative;
  width: 30%;
  max-width: 1200px;
  margin: 0 auto;
}

#ika-20-video .video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

#ika-20-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#ika-20-videos .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#firefighting-videos {
  background: #000;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
}

#firefighting-videos h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#firefighting-video {
  display: flex;
  width: 90%;
  margin: 0 auto;
}

#firefighting-video .video-container {
  overflow: hidden;
  position: relative;
  width: 45%;
  max-width: 1200px;
  margin: 0 auto;
}

#firefighting-video .video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

#firefighting-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#firefighting-videos .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#blood-delivery-videos {
  background: #000;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
}

#blood-delivery-videos h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#blood-delivery-video .video-container {
  overflow: hidden;
  position: relative;
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}

#blood-delivery-video .video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

#blood-delivery-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#blood-delivery-videos .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#cuas-videos {
  background: #000;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
}

#cuas-videos h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#cuas-video .video-container {
  overflow: hidden;
  position: relative;
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}

#cuas-video .video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

#cuas-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cuas-videos .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#shrapnel-videos {
  background: #000;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
}

#shrapnel-videos h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#shrapnel-video .video-container {
  overflow: hidden;
  position: relative;
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}

#shrapnel-video .video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

#shrapnel-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#shrapnel-videos .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#odonat-videos {
  background: #000;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
}

#odonat-videos h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#odonat-video .video-container {
  overflow: hidden;
  position: relative;
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}

#odonat-video .video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

#odonat-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#odonat-videos .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#gannet-videos {
  background: #000;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
}

#gannet-videos h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#gannet-video .video-container {
  overflow: hidden;
  position: relative;
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}

#gannet-video .video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

#gannet-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#gannet-videos .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#mantis-videos {
  background: #000;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
}

#mantis-videos h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#mantis-video .video-container {
  overflow: hidden;
  position: relative;
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}

#mantis-video .video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

#mantis-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#mantis-videos .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#psfd-videos {
  background: #000;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
}

#psfd-videos h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#psfd-video .video-container {
  overflow: hidden;
  position: relative;
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}

#psfd-video .video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

#psfd-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#psfd-videos .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#ika-bomber-videos {
  background: #000;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
}

#ika-bomber-videos h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#ika-bomber-video .video-container {
  overflow: hidden;
  position: relative;
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}

#ika-bomber-video .video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

#ika-bomber-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#ika-bomber-videos .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#ika-ctrl-videos {
  background: #000;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
}

#ika-ctrl-videos h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#ika-ctrl-video .video-container {
  overflow: hidden;
  position: relative;
  width:100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 30px;
}

#ika-ctrl-video .video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

#ika-ctrl-video .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#ika-ctrl-videos .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#ika-lineup-name {
  background: #111;
  z-index: 3;
  position: relative;
  padding-bottom: 30px;
  padding-top: 30px;
  text-align: center;
}

#ika-lineup-name .top-triangle {
  background: #111;
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#ika-lineup-name h1, #why-ika-drones h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;
}

#ika-lineup-name h1 span, #why-ika-drones h1 span {
  font-weight: normal;
}

#ika-lineup-name .container {
  color: #fff;
  font-size: 19px;
  font-weight: 100;
  width: 850px;
  line-height: 33px;
  padding: 0 10px;
  padding-bottom: 30px;
}

#ika-lineup-name .container span {
  font-weight: normal;
}

#why-ika-drones {
  background: #130f0f;
  background: -moz-linear-gradient(to right, #130f0f, #04406d);
	background: linear-gradient(to right, #130f0f, #04406d);
	text-align: center;
	padding-top: 40px;
  z-index: 3;
  padding-bottom: 90px;
}

#why-ika-drones .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #130f0f;
  background: -moz-linear-gradient(to right, #130f0f, #04406d);
  background: linear-gradient(to right, #130f0f, #04406d);
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#why-ika-drones-head {
  color: #fff;
  font-size: 26px;
  font-weight: 100;
  width: 850px;
  line-height: 38px;
  padding: 0 10px;
  padding-bottom: 30px;
}

#why-ika-drones-head span {
  font-weight: normal;
}

#why-ika-drones-cont {
	width: 800px;
}

#why-ika-drones-wrapper {
	background: transparent;
	background: -moz-linear-gradient(to right,transparent 0%, transparent 50%,#111 50%,#111 100%);
	background: linear-gradient(to right,transparent 0%,transparent 50%,#111 50%,#111 100%);
}

#why-ika-drones-list {
  background: #111;
  color: #fff;
  margin-left: 100px;
  text-align: left;
  padding-left: 50px;
  font-size: 34px;
  font-weight: 100;
  padding-top: 30px;
  padding-bottom: 30px;
  line-height: 44px;
}

#why-ika-drones-list li {
  padding: 30px 0;
  position: relative;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

#why-ika-drones-list li:after {
  content: '';
  width: 30px;
  height: 5px;
  position: absolute;
  background: #ffffff54;
  left: -65px;
  top: 48px;
}

#why-ika-drones-list:hover li:hover {
  opacity: 1!important;
}

#why-ika-drones-list:hover li {
  opacity: 0.3!important;
}

#company-meet {
  text-align: center;
  font-size: 20px;
}

ul.characteristics {
  color: #fff;
  font-size: 20px;
  max-width: 550px;
  margin: 0 auto;
  padding-bottom: 30px;
}

ul.characteristics li {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
}

ul.characteristics li:after {
  content: '';
  display: block;
  clear: both;  
}

ul.characteristics li .characteristic {
  float: left;
  padding-top: 10px;
}

ul.characteristics li .value {
  float: right;
  padding-top: 10px;
  font-weight: 100;
  text-align: right;
}

ul.characteristics li .value span {
  font-weight: 100;
}

#product-description {
  background: #111;
  z-index: 3;
  position: relative;
  padding-bottom: 60px;
  padding-top: 30px;
  text-align: center;
  color: #fff;
  font-size: 19px;
  font-weight: 100;
  line-height: 33px;
}

#product-description .container span {
  font-weight: normal;
}

#product-description .top-triangle {
  background: #111;
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#product-mission {
  background: #3c3c3c;
  text-align: center;
  padding-top: 40px;
  z-index: 3;
  padding-bottom: 60px;
}

#product-mission .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #3c3c3c;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#product-mission #mission-cont {
  background: #1e1e1e;
  border-radius: 30px;
  margin: 15px;
}

#product-mission h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;
  padding-top: 30px;
  position: relative;
}

#product-mission p {
  font-size: 30px;
  color: #fff;
  font-weight: 100;
  padding: 30px;
  line-height: 36px;
}

#product-mission #mission-icon {
  width: calc(100% - 100px);
  padding: 30px 50px;
}

#product-mission #mission-img {
  width: calc(100% - 200px);
  padding: 30px 100px;
}

#product-characteristics, #flight-performance.left, #armament-characteristics.left {
  background: #130f0f;
  background: -moz-linear-gradient(to right, #130f0f, #04406d);
  background: linear-gradient(to right, #130f0f, #04406d);
  text-align: center;
  padding-top: 40px;
  z-index: 3;
  padding-bottom: 30px;
}

#product-characteristics .top-triangle, #flight-performance.left .top-triangle, #armament-characteristics.left .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #130f0f;
  background: -moz-linear-gradient(to right, #130f0f, #04406d);
  background: linear-gradient(to right, #130f0f, #04406d);
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#flight-performance.right, #armament-characteristics.right {
  background: #130f0f;
  background: -moz-linear-gradient(to left, #130f0f, #04406d);
  background: linear-gradient(to left, #130f0f, #04406d);
  text-align: center;
  padding-top: 40px;
  z-index: 3;
  padding-bottom: 30px;
}

#flight-performance.right .top-triangle, #armament-characteristics.right .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #130f0f;
  background: -moz-linear-gradient(to left, #130f0f, #04406d);
  background: linear-gradient(to left, #130f0f, #04406d);
  clip-path: polygon(0 0, 100% 100%, 0% 100%);
}

#product-characteristics h1, #flight-performance h1, #armament-characteristics h1 {
  color: #fff;
  font-size: 30px;
  padding-bottom: 20px;
  font-weight: 100;
}

#title.ika-bomber-title {
  background-image: url("../img/ika-bomber-top.png");
  background-size: cover;
  background-position: center 20%;
}

#title.ika-bomber-title #title-bg {
  background: transparent;
  background: -moz-linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
  background: linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
}

#title.ika-bomber-title #title-bot-rad-grad {
  background: transparent;
  background: -moz-radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
  background: radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
}

#title.odonat-title {
  background-image: url("../img/odonat-top.png");
  background-size: cover;
  background-position: center 20%;
}

#title.odonat-title #title-bg {
  background: transparent;
  background: -moz-linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
  background: linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
}

#title.odonat-title #title-bot-rad-grad {
  background: transparent;
  background: -moz-radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
  background: radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
}

#title.gannet-title {
  background-image: url("../img/gannet-top.png");
  background-size: cover;
  background-position: center 20%;
}

#title.gannet-title #title-bg {
  background: transparent;
  background: -moz-linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
  background: linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
}

#title.gannet-title #title-bot-rad-grad {
  background: transparent;
  background: -moz-radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
  background: radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
}

#title.shrapnel-title {
  background-image: url("../img/shrapnel-top.png");
  background-size: cover;
  background-position: center 20%;
}

#title.shrapnel-title #title-bg {
  background: transparent;
  background: -moz-linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
  background: linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
}

#title.shrapnel-title #title-bot-rad-grad {
  background: transparent;
  background: -moz-radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
  background: radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
}

#title.mantis-title {
  background-image: url("../img/mantis-top.png");
  background-size: cover;
  background-position: center 20%;
}

#title.mantis-title #title-bg {
  background: transparent;
  background: -moz-linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
  background: linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
}

#title.mantis-title #title-bot-rad-grad {
  background: transparent;
  background: -moz-radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
  background: radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
}

#title.ika-ctrl-title {
  background-image: url("../img/ika-ctrl-top.png");
  background-size: cover;
  background-position: center 20%;
}

#title.ika-ctrl-title #title-bg {
  background: transparent;
  background: -moz-linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
  background: linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
}

#title.ika-ctrl-title #title-bot-rad-grad {
  background: transparent;
  background: -moz-radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
  background: radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
}

#title.ika-trainer-title {
  background-image: url("../img/ika-trainer-top.png");
  background-size: cover;
  background-position: center 20%;
}

#title.ika-trainer-title #title-bg {
  background: transparent;
  background: -moz-linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
  background: linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
}

#title.ika-trainer-title #title-bot-rad-grad {
  background: transparent;
  background: -moz-radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
  background: radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
}

#title.mp-6dof-title {
  background-image: url("../img/mp-6dof-top.png");
  background-size: cover;
  background-position: center 20%;
}

#title.mp-6dof-title #title-bg {
  background: transparent;
  background: -moz-linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
  background: linear-gradient(#0c273d9e 15%, #2e85c74d 90%);
}

#title.mp-6dof-title #title-bot-rad-grad {
  background: transparent;
  background: -moz-radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
  background: radial-gradient(ellipse at bottom, #0c273d 10%, transparent);
}

#more-products-to-come {
  background: #222;
  height: 300px;
}

#features-list {
  background: #222;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
}

#features-list h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;
}

#features-list .feature-card {
  position: relative;
  width: 100%;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

#features-list .feature-card .mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to bottom, #222222, #222222bf 25%, #22222205 50%, #22222214 70%, #222222 90%);
  background-size: 100% 100%;
}

#features-list .feature-card img {
  filter: grayscale(1);
  height: 100%;
  min-height: 500px;
  width: 100%;
  object-fit: cover;
}

#features-list h3 {
  font-size: 36px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;
  position: absolute;
  bottom: 30px;
  z-index: 2;
  width: 100%;
}

#features-list .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #222;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
  text-shadow: 1px 1px 3px #000;
}

#mission-cont span {
   font-weight: normal;
}

#mission-cont h2 {
  font-size: 36px;
  color: #fff;
  font-weight: normal;
}

#mission-cont ul {
  font-size: 30px;
  color: #fff;
  font-weight: 100;
  padding: 30px;
  line-height: 36px;
  padding-top: 20px;
}

#mission-cont li {
  padding-bottom: 10px;
}

#mission-cont h3 {
  font-size: 30px;
  color: #fff;
  font-weight: 100;
  padding: 30px;
  line-height: 36px;
}

#standards h1 {
  font-size: 50px;
  color: #000;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;
  padding-top: 30px;
}

#standards img {
  width: calc(100% - 20px);
  padding: 10px;
}

#standards img.thumb {
  background: #ccc;
  margin-top: 20px;
}

#licenses .license {
  width: 480px;
  margin: 0 auto;
  text-align: center; 
}

#licenses .license img {
  margin-top: 30px;
  background: #ccc;
  width: calc(100% - 20px);
  padding: 10px;
}

#licenses-sec {
  background-image: url(../img/dozvola_home.png);
  background-repeat: no-repeat;
  background-position: center 130px;
  background-color: #fff;
  background-size: contain;
  z-index: 3;
}

#licenses-sec .mask {
  height: 600px;
  background: linear-gradient(to bottom, #ffffff 0%, #fffffff5 40%, #ffffffde 90%, #ffffff 100%);
}

#licenses-sec .container {  
  text-align: center;
  font-size: 48px;
  font-weight: bold;
  padding-top: 50px;
  color: rgb(0 0 0);
}

#licenses-sec .sub-title {  
  font-size: 18px;
  font-weight: normal;
  padding-top: 20px;
  display: block;
  line-height: 24px;
}

#licenses-sec #licenses-link {
  text-align: center;
  text-decoration: none;
  color: #000;
  font-size: 50px;
  font-weight: 100;
  padding: 20px;
  border: 1px solid #000;
  border-radius: 5px;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

#licenses-sec #licenses-link:hover {
  color: #fff;
  background: #000;
  opacity: 0.8!important;
}

#licenses-sec #licenses-link-cont {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 100px;
}

#licenses-sec span b {
  font-weight: bold;
}

#licenses-sec .bot-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: -29.5px;
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}

#licenses-sec .top-triangle { 
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #fff;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#licenses h1 {
  font-size: 50px;
  color: #000;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;
  padding-top: 30px;
}

#standards .sub-title, #licenses .sub-title, #standards li {
  font-size: 20px;
  line-height: 26px;
}

#standards .sub-title span, #licenses .sub-title span {
  font-weight: bold;
}

#standards ul {
  padding-top: 20px;
  padding-bottom: 30px;
}

#standards li {
  list-style: disc;
  padding-left: 15px;
  padding-bottom: 5px;
}

#standards li span {
  font-weight: bold;
}

#standards a.download, #licenses a.download {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  padding: 10px;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  font-weight: 100;
  font-size: 26px;
  margin-bottom: 60px;
  margin-top: 20px;
  padding-left: 60px;
  background-image: url(../img/download.svg);
  background-repeat: no-repeat;
  background-size: 26px;
  background-position-y: 6px;
  background-position-x: 18px;
  line-height: 20px;
  font-size: 18px;  
  filter: invert(1);
}

#standards a.download:hover, #licenses a.download:hover {
  opacity: 0.5;
  background-color: #ffffff14;
}

#standards .one_third {
  text-align: center;
}

#news-list {
  padding-top: 50px;
}

#news-list ul {
  border-left: 5px solid #2e85c7;
  padding-left: 13px;
  padding-top: 30px;
  padding-bottom: 30px;
}

#news-list span {
  color: #999;
  padding-right: 10px;
  text-decoration: none;
  position: absolute;
  left: 0px;
}
  
#news-list li {
  padding-bottom: 35px;
  font-size: 20px;
  line-height: 28px;
  position: relative;
}

#news-list li:before {
  content: "";
  vertical-align: middle;
  position: absolute;
  left: -24px;
  width: 15px;
  height: 15px;
  background: #000;
  border-radius: 50%;
  top: 5px;
}

#news-list a {
  color: #000;
  text-decoration: none;
  padding-left: 130px;
  display: block;
}

#news-list a:hover {
  opacity: 0.5;
}

#open-source-software {
  background: #000;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
  color: #fff;
  font-size: 22px;
  text-align: center;
  line-height: 28px;
}

#open-source-software span {
  font-weight: bold;
}

#open-source-software .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#github-link {
  background: #021a2e;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
  text-align: center;
  font-size: 24px;
  color: #fff;
}

#github-link .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #021a2e;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#github-link h1 {
  font-size: 50px;
  color: #fff;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#jslab-software {
  background: #fff;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
  color: #000;
  text-align: center;
}

#jslab-software .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #fff;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#jslab-software h1 {
  font-size: 50px;
  color: #000;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#jslab-description {
  background: #000;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
  color: #fff;
  font-size: 22px;
  text-align: center;
  line-height: 28px;
}

#jslab-description span {
  font-weight: bold;
}

#jslab-description .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #000;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#why-jslab {
  background: #fff;
  z-index: 3;
  position: relative;
  padding-bottom: 80px;
  padding-top: 50px;
  color: #000;
  text-align: center;
}

#why-jslab .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #fff;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#why-jslab h1 {
  font-size: 50px;
  color: #000;
  font-weight: 100;
  text-align: center;
  padding-bottom: 30px;  
}

#why-jslab img, #jslab-software img {
  padding: 30px 0;
}

#why-jslab p {
  font-size: 20px;
  text-align: center;
  line-height: 28px;
}

#jslab-software p {
  font-size: 22px;
  text-align: center;
  line-height: 28px;
}

#why-jslab h2 {
  font-weight: bold;
  font-size: 26px;
  margin-top: 30px;
  margin-bottom: 10px;
}

#why-jslab a, #jslab-software a, #github-link a {
  margin-top: 30px;
  display: inline-block;
  text-decoration: none;
  color: #000;
  border: 1px solid #000;
  padding: 15px 20px;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  font-weight: 100;
  font-size: 26px;
  line-height: 30px;
}

#github-link a {
  color: #fff;
  border: 1px solid #fff;
}

#why-jslab a:hover, #jslab-software a:hover {
  color: #fff;
  background: #000;
}

#github-link a:hover {
  color: #000;
  background: #fff;
}

#title.jslab a {
  margin-top: 30px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 10px;
  border-radius: 5px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
  font-weight: 100;
  font-size: 20px;
  line-height: 30px;
}

#title.jslab a:hover {
  background: #fff;
  color: #000;
}

#github-icon {
  filter: invert(1);
  height: 30px;
  margin-bottom: -4px;
  margin-right: 10px;
}

#github-link a:hover #github-icon {
  filter: none;
}

#open-source-icon {
  filter: invert(1);
  opacity: 0.5;
  height: 80px;
  margin-top: 15px;
}

#download-button-icon {
  height: 24px;
  margin-bottom: -4px;
  margin-right: 10px;
}

a:hover #download-button-icon {
  filter: invert(1);
}

#info-button-icon {
  filter: invert(1);
  height: 24px;
  margin-bottom: -4px;
  margin-right: 10px;
}

a:hover #info-button-icon {
  filter: none;
}

#source-code-button-icon {
  filter: invert(1);
  height: 24px;
  margin-bottom: -4px;
  margin-right: 10px;
}

a:hover #source-code-button-icon {
  filter: none;
}

#why-jslab #github-icon {
  filter: none;
  height: 30px;
  margin-bottom: -4px;
  margin-right: 10px;
  padding: 0;
}

#why-jslab a:hover #github-icon {
  filter: invert(1);
}

#error-page {
  position: relative;
}

#error-page .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #fff;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

#news-list .top-triangle {
  width: 100%;
  height: 30px;
  position: absolute;
  top: -29.5px;
  background: #fff;
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
}

.message-box {
  background: #fff;
  text-align: center;
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 15px 40px 15px 14px;
  position: relative;
  border-radius: 3px;
}

.message-box a {
  text-decoration: underline;
  color: inherit;
  font-weight: bold;
}

.message-box p {
	line-height: 24px;
}

.message-box.info {
  border: 2px dashed #2e85c7;
  color: #2e85c7;
}

.message-box.error {
  border: 2px dashed #f00;
  color: #f00;
}

.box_close {
  background: url(../img/close_box.svg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  background-position: 10px 10px;
  background-size: 20px 20px;
  display: block;
  height: 40px;
  position: absolute;
  right: 15px;
  top: 5px;
  width: 40px;
  cursor: pointer;
}

.footer-standards-icons img {
  height: 80px;
  padding: 10px;
  padding-bottom: 30px;
  transition: all 0.3s linear;
}

.footer-standards-icons img:hover {
  opacity: 0.6;
}

.footer-standards-icons a {
  text-decoration: none;
}

.charecteristics-icon {
  width: 100px;
  padding-bottom: 30px;
}

.one_half {
	width: 48%;
}

.one_half, .one_third, .two_third, .one_fourth, .three_fourth {
	float: left;
	margin-right: 4%;
	position: relative;
}

.one_third {
	width: 30.66%;
}

.two_third {
	width: 65.33%;
}

.one_five {
	width: 20%;
	float: left;
	position: relative;
}

.last {
	margin-right: 0!important;
	clear: right;
}

.shortcode_alertbox {
	background: #fff;
	text-align: center;
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 20px;
	padding: 15px 40px 15px 14px;
	position: relative;
	border-radius: 3px;
}

.shortcode_alertbox  p {
	line-height: 24px;
}

.box_red {
	border: 2px solid #e74c3c;
	color: #e74c3c;
}

.box_blue {
	border: 2px solid #2e85c7;
	color: #2e85c7;
}

.box_close, .box_slide {
	background: url("../img/close_box.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-position: 10px 10px;
	background-size: 20px 20px;
	display: block;
	height: 40px;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 40px;
	cursor: pointer;
}

.element_from_top {
	top: -50px;
	padding-right: 0px;
	opacity: 0;
	position: relative;
}
	
.element_from_bottom {
	bottom: -50px;
	padding-left: 0px;
	opacity: 0;
	position: relative;
}
	
.element_from_left {
	left: -80px;
	padding-right: 0px;
	opacity: 0;
	position: relative;
}

.element_from_right {
	right: -80px;
	padding-left: 0px;
	opacity: 0;
	position: relative;
}

.element_fade_in {
	opacity: 0;
	position: relative;
	padding-left: 0px;
	right: 0px;
}

.list_fade_in li {
	opacity: 0;
	position: relative;
	padding-left: 0px;
	right: 0px;
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background: #fff;
}

.pace .pace-progress {
	z-index: 998;
	background: #2e85c7;
	height: 5px;
	-webkit-transition: width 1s, top .2s ease-in-out;
	-moz-transition: width 1s, top .2s ease-in-out;
	-o-transition: width 1s, top .2s ease-in-out;
	transition: width 1s, top .2s ease-in-out;
	padding:0px;
	top: 0;
	left: 0;
	position: fixed;
}

.hidden  .pace-progress {
	top: -130px;
}

@media only screen and (max-width: 1640px) {
  #ika-01-gallery .container {
    width: 100%;
  }

  #ika-20-gallery .container {
    width: 100%;
  }

  #firefighting-video {
    width: 95%;
  }
  
  #ika-01-video {
    width: 95%;
  }
  
  #ika-20-video {
    width: 95%;
  }

  #ika-police-video {
    width: 95%;
  }
  
  #showcase #flying-car {
    width: 100%;
    padding: 0 20px;
  }
  
  #showcase #rainforest {
    width: 100%;
    padding: 0 20px;
  }
  
  #showcase #firefighting {
    width: 100%;
    padding: 0 20px;
  }
  
  #showcase #blood-delivery {
    width: 100%;
    padding: 0 20px;
  }
  
  #showcase #robots-and-gadgets {
    width: 100%;
    padding: 0 20px;
  }
  
  #showcase #software {
    width: 100%;
    padding: 0 20px;
  }
  
  #showcase #cuas {
    width: 100%;
    padding: 0 20px;
  }
  
  #showcase #model-rockets {
    width: 100%;
    padding: 0 20px;
  }
  
  #showcase #science-industry {
    width: 100%;
    padding: 0 20px;
  }
}

@media only screen and (max-width: 1560px) {
  #products .product-card h1 {
    top: 30px;
  }
  
  #products .product-card h2 {
    top: 100px;
  }
  
  #products #ika-20-video h1 {
    padding-top: 70px;
  }
  
  #products #ika-20-video h2 {
    top: 210px;
  }
  
  #products #ika-20-video h3 {
    padding-top: 290px;
  }
  
  #products #ika-20-video #ika-20-video-link-cont {
    bottom: 150px;
  }
  
  #products #ika-police-video h3 {
    padding-top: 120px;
    font-size: 50px;
  }
  
  #products #ika-police-video #ika-police-video-link-cont {
    bottom: 150px;
  }
  
  #products #ika-police-desc {
    top: 250px;
  }
  
  #products #ika-cont #ika-01-img, 
  #products #ika-cont #ika-micro-img, 
  #products #ika-cont #ika-mini-img {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  
  #hq-sec {
    background-size: auto 100%;
  }

  #factory-sec {
    background-size: auto 100%;
  }
  
  #showcase #flying-car #flying-car-overlay #flying-car-title {
    padding-top: 100px;
  }
  
  #showcase #flying-car #flying-car-overlay #flying-car-link {
    padding: 15px;
    font-size: 40px;
  }
  
  #showcase #rainforest #rainforest-overlay #rainforest-title {
    padding-top: 80px;
  }
  
  #showcase #rainforest #rainforest-overlay #rainforest-desc {
    bottom: 200px;
  }
  
  #showcase #rainforest #rainforest-overlay #rainforest-link {
    padding: 15px;
    font-size: 40px;
  }
  
  #showcase #firefighting #firefighting-overlay #firefighting-title {
    padding-top: 80px;
  }
  
  #showcase #firefighting #firefighting-overlay #firefighting-desc {
    bottom: 200px;
  }
  
  #showcase #firefighting #firefighting-overlay #firefighting-link {
    padding: 15px;
    font-size: 40px;
  }
  
  #showcase #blood-delivery #blood-delivery-overlay #blood-delivery-title {
    padding-top: 70px;
  }
  
  #showcase #blood-delivery #blood-delivery-overlay #blood-delivery-desc {
    bottom: 200px;
  }
  
  #showcase #blood-delivery #blood-delivery-overlay #blood-delivery-link {
    padding: 15px;
    font-size: 40px;
  }
  
  #showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-title {
    padding-top: 80px;
  }
  
  #showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-desc {
    bottom: 200px;
  }
  
  #showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-link {
    padding: 15px;
    font-size: 40px;
  }
  
  #showcase #software #software-overlay #software-title {
    padding-top: 80px;
  }
  
  #showcase #software #software-overlay #software-desc {
    bottom: 200px;
  }
  
  #showcase #software #software-overlay #software-link {
    padding: 15px;
    font-size: 40px;
  }
  
  #showcase #cuas #cuas-overlay #cuas-title {
    padding-top: 80px;
  }
  
  #showcase #cuas #cuas-overlay #cuas-desc {
    bottom: 200px;
  }
  
  #showcase #cuas #cuas-overlay #cuas-link {
    padding: 15px;
    font-size: 40px;
  }
  
  #showcase #model-rockets #model-rockets-overlay #model-rockets-title {
    padding-top: 80px;
  }
  
  #showcase #model-rockets #model-rockets-overlay #model-rockets-desc {
    bottom: 200px;
  }
  
  #showcase #model-rockets #model-rockets-overlay #model-rockets-link {
    padding: 15px;
    font-size: 40px;
  }

  #showcase #science-industry #science-industry-overlay #science-industry-title {
    padding-top: 35px;
  }
  
  #showcase #science-industry #science-industry-overlay #science-industry-desc {
    bottom: 200px;
  }
  
  #showcase #science-industry #science-industry-overlay #science-industry-link {
    padding: 15px;
    font-size: 40px;
  }
  
  #overview .container {
    width: 940px;
  }
}

@media only screen and (max-width: 1200px) { 
  #products .product-card {
    width: 100%;
  }

  #products .product-card h1 {
    top: 50px;
  }
  
  #products .product-card h2 {
    top: 120px;
  }
  
  #ika-01-video {
    display: block;
    margin-top: -30px;
    margin-bottom: -30px;
  }
  
  #ika-01-video .video-container {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 70%;
  }
  
  #ika-20-video {
    display: block;
    margin-top: -30px;
    margin-bottom: -30px;
  }
  
  #ika-20-video .video-container {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 70%;
  }
  
  #products #ika-20-video h3 {
    padding-top: 300px;
    font-size: 62px;
  }
  
  #ika-police-video {
    display: block;
    margin-top: -30px;
    margin-bottom: -30px;
  }
  
  #ika-police-video .video-container {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 70%;
  }
  
  #products #ika-police-video h3 {
    padding-top: 100px;
    font-size: 40px;
  }
  
  #products #ika-police-desc {
    top: 200px;
  }
  
  #products #ika-cont #ika-01-img, 
  #products #ika-cont #ika-micro-img, 
  #products #ika-cont #ika-mini-img {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
  
  #products #ika-20-video #ika-20-video-link-cont {
    bottom: 100px;
  }
  
  #products #ika-police-video #ika-police-video-link-cont {
    bottom: 100px;
  }
  
  #products #ika-01, 
  #products #ika-micro, 
  #products #ika-mini {
    width: 100%;
    position: relative;
  }
  
  #products #ika-micro {
    margin-top: 0px;  
  }
  
  #products #ika-20 #ika-20-img {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
  
  #products #ika-cont #ika-bg-line {
    display: none;
  }

  #indoor-photos h1 {
    top: 80px;
  }
  
  #showcase #flying-car #flying-car-overlay #flying-car-link-cont {
    bottom: 60px;
  }
  
  #showcase #rainforest #rainforest-overlay #rainforest-desc {
    bottom: 150px;
    font-size: 36px;
    line-height: 44px;
  }
  
  #showcase #rainforest #rainforest-overlay #rainforest-link-cont {
    bottom: 60px;
  }
  
  #showcase #firefighting #firefighting-overlay #firefighting-desc {
    bottom: 150px;
    font-size: 36px;
    line-height: 44px;
  }
  
  #showcase #firefighting #firefighting-overlay #firefighting-link-cont {
    bottom: 60px;
  }
  
  #showcase #blood-delivery #blood-delivery-overlay #blood-delivery-desc {
    bottom: 150px;
    font-size: 36px;
    line-height: 44px;
  }
  
  #showcase #blood-delivery #blood-delivery-overlay #blood-delivery-link-cont {
    bottom: 60px;
  }
  
  #showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-desc {
    bottom: 150px;
    font-size: 36px;
    line-height: 44px;
  }
  
  #showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-link-cont {
    bottom: 60px;
  }
  
  #showcase #software #software-overlay #software-desc {
    bottom: 150px;
  }
  
  #showcase #software #software-overlay #software-link-cont {
    bottom: 60px;
  }
  
  #showcase #cuas #cuas-overlay #cuas-desc {
    bottom: 150px;
    font-size: 36px;
    line-height: 44px;
  }
  
  #showcase #cuas #cuas-overlay #cuas-link-cont {
    bottom: 60px;
  }
  
  #showcase #model-rockets #model-rockets-overlay #model-rockets-desc {
    bottom: 150px;
    font-size: 36px;
    line-height: 44px;
  }
  
  #showcase #model-rockets #model-rockets-overlay #model-rockets-link-cont {
    bottom: 60px;
  }
  
  #showcase #science-industry #science-industry-overlay #science-industry-desc {
    bottom: 150px;
    font-size: 36px;
    line-height: 44px;
  }
  
  #showcase #science-industry #science-industry-overlay #science-industry-link-cont {
    bottom: 60px;
  }
}

@media only screen and (max-width: 1100px) { 
  #products #ika-20-video h1 {
    padding-top: 50px;
  }
  
  #products #ika-20-video h2 {
    top: 190px;
  }
  
  #products #ika-20-video h3 {
    padding-top: 280px;
  }
  
  #products #ika-20-video #ika-20-video-link-cont {
    bottom: 70px;
  }
  
  #products #ika-police-video h3 {
    padding-top: 180px;
    font-size: 35px;
  }
  
  #products #ika-police-video #ika-police-video-link-cont {
    bottom: 70px;
  }
  
  #products #ika-police-desc {
    top: 250px;
    font-size: 26px;
    width: 600px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 980px) { 
  #licenses-sec {
    background-position: center;
  }
  
  #ika-01-video .video-container {
    width: 100%;
  }

  #ika-20-video .video-container {
    width: 100%;
  }
  
  #ika-police-video .video-container {
    width: 100%;
  }
  
  #firefighting-video {
    display: block;
    margin-top: -30px;
    margin-bottom: -30px;
  }
  
  #firefighting-video .video-container {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
  }
  
  #products #ika-cont #ika-01-img, 
  #products #ika-cont #ika-micro-img, 
  #products #ika-cont #ika-mini-img {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
  }
  
  #products #ika-20-video h1 {
    padding-top: 100px;
  }
  
  #products #ika-20-video h2 {
    top: 240px;
  }
  
  #products #ika-20-video h3 {
    padding-top: 345px;
    font-size: 60px;
  }
  
  #products #ika-20-video #ika-20-video-link-cont {
    bottom: 150px;
  }
  
  #products #ika-20-video #ika-20-video-link {
    font-size: 40px;
  }

  #factory-link {
    font-size: 40px;
  }
  
  #products #ika-20-video h3 {
    padding-top: 345px;
    font-size: 60px;
  }
  
  #products #ika-police-video #ika-police-video-link-cont {
    bottom: 150px;
  }
  
  #products #ika-police-video #ika-police-video-link {
    font-size: 30px;
  }
  
  #showcase #rainforest #rainforest-overlay #rainforest-desc {
    width: 100%;
  }

  #showcase #firefighting #firefighting-overlay #firefighting-desc {
    width: 100%;
  }
  
  #showcase #blood-delivery #blood-delivery-overlay #blood-delivery-desc {
    width: 100%;
  }
  
  #showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-desc {
    width: 100%;
  }
  
  #showcase #software #software-overlay #software-desc {
    width: 100%;
  }
  
  #showcase #cuas #cuas-overlay #cuas-desc {
    width: 100%;
  }
  
  #showcase #model-rockets #model-rockets-overlay #model-rockets-desc {
    width: 100%;
  }
  
  #showcase #science-industry #science-industry-overlay #science-industry-desc {
    width: 100%;
  }
  
  #title.team-member-header .team-member-image {
    width: 120px;
    top: 230px;
    left: calc(50% - 72px);
  }
  
  #title.team-member-header h1 {
    padding-top: 385px;
    padding-bottom: 10px;
    font-size: 50px;
  }

  #no-open-positions {
    font-size: 36px;
    line-height: 50px;
  }
  
  #ika-01-gallery img {
    width: 49%;
  }
  
  #ika-20-gallery img {
    width: 32%;
  }
  
  #umex2022-gallery img {
    width: 49%;
  }
  
  #umex2022-stand-gallery img {
    width: 100%;
    max-width: 400px;
    margin-bottom: 10px;
  }
  
  #exploded-view .video-cont {
    width: 1000px;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
  }
  
  #exploded-view video {
    width: 1000px;
    margin-bottom: -50px;
  }

  #power-management .video-cont {
    width: 1000px;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
  }

  #power-management img {
    margin-bottom: -80px;
    padding-top: 10px;
  }

  #power-management svg {
    top: 5px;
    width: 1000px;
    height: 572.5;
  }

  #power-management video {
    top: 2px;
    left: 24px;
    width: 1000px;
  }
  
  #systems .image-cont {
    height: 600px;
  }
  
  #indoor-photos h1 {
    top: 60px;
    font-size: 60px;
  }

  #indoor-photos .slider_slide img, #flight-photos .slider_slide img, #rainforest-gallery .slider_slide img {
    max-width: initial;
    width: auto;
    min-height: 350px;
    height: 350px;
  }
  
  #flight-photos .slider_slide img {
    height: 500px;
  }
  
  #indoor-photos .slider_slide div, #flight-photos .slider_slide div,  #rainforest-gallery .slider_slide div{
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.container {
    width:auto!important;
		padding: 0 20px;
	}
  
  #our-team .team-member.left .container {
    margin-right: 100px;
  }
  
  #our-team .team-member.right .container {
    margin-left: 100px;
  }
  
  #pre-social-networks-sec .team-member .container {
    margin: 0 20px;
  }
  
  #design #vert-line { 
    left: 68px;
  }
  
  #what-we-do-cont {
    padding-left: 60px;
  }
	
  #overview #back-drawing {
    margin-top: 20px;
    text-align: center;
  }
  
  #overview #back-drawing img {
    width: 100%;
  }
  
  #overview #top-drawing-90 {
    display: block;
  }
  
  #overview #top-drawing {
    display: none;
  }
  
	section {
    width: 100%!important;
	}

	.one_half {
		position: relative;
    width: 100%!important;
		margin-right: 0%;
	}
	.element_from_left {
		left: 0px;
	}

	.element_from_right {
		right: 0px;
	}
  
  #logo-sec {
    background-size: 600% 100%;
  }
  
  #hq-sec .container {
    font-size: 120px;
    padding-top: 300px;
  }
  
  #header #header-logo {
    text-align: center;
    float: none;
  }
  
  #header-logo {
    position: relative;
  }
  
  #header ul {
    position: absolute;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    margin-left: -20px;
    margin-right: -20px;
    background: #0000000d;
    margin-top: 20px;
  }
  
  #header ul li {
    opacity: 0.8;
  }
  
  #header ul li:hover {
    opacity: 1;
  }
    
  #header.page ul {
    padding-top: 0px;
  }
  
  #header.page #header-logo {
    padding-bottom: 10px;
  }
  
  #title.page h1 {
      padding-top: 220px;
  }
  
  #what-we-do .top-triangle, #pre-contact .top-triangle, #submenu .top-triangle, #subscribe .top-triangle, #content .top-triangle {
    height: 20px;
    top: -19.5px;
  }
  
  #products #ika-20-video video {
    width: 200%;
    margin-left: -50%;
  }
  
  #products #ika-police-video video {
    width: 200%;
    margin-left: -50%;
  }
  
  #showcase #flying-car #flying-car-overlay #flying-car-title {
    padding-top: 0px;
  }
  
  #showcase #flying-car #flying-car-overlay #flying-car-link-cont {
    bottom: 80px;
  }
  
  #showcase #flying-car #flying-car-img {
    width: 200%;
    margin-left: -50%;
  }
  
  #showcase #rainforest #rainforest-overlay #rainforest-title {
    padding-top: 80px;
  }
  
  #showcase #rainforest #rainforest-overlay #rainforest-desc {
    bottom: 200px;
    font-size: 34px;
    line-height: 44px;
  }
  
  #showcase #rainforest #rainforest-overlay #rainforest-link-cont {
    bottom: 80px;
  }
  
  #showcase #rainforest #rainforest-img {
    width: 200%;
    margin-left: -50%;
  }
  
  #showcase #firefighting #firefighting-overlay #firefighting-title {
    padding-top: 80px;
  }
  
  #showcase #firefighting #firefighting-overlay #firefighting-desc {
    bottom: 200px;
    font-size: 34px;
    line-height: 44px;
  }
  
  #showcase #firefighting #firefighting-overlay #firefighting-link-cont {
    bottom: 80px;
  }
  
  #showcase #firefighting #firefighting-img {
    width: 200%;
    margin-left: -50%;
  }
  
  #showcase #blood-delivery #blood-delivery-overlay #blood-delivery-title {
    padding-top: 40px;
  }
  
  #showcase #blood-delivery #blood-delivery-overlay #blood-delivery-desc {
    bottom: 200px;
    font-size: 34px;
    line-height: 44px;
  }
  
  #showcase #blood-delivery #blood-delivery-overlay #blood-delivery-link-cont {
    bottom: 80px;
  }
  
  #showcase #blood-delivery #blood-delivery-img {
    width: 200%;
    margin-left: -50%;
  }
  
  #showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-title {
    padding-top: 40px;
  }
  
  #showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-desc {
    bottom: 200px;
    font-size: 34px;
    line-height: 44px;
  }
  
  #showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-link-cont {
    bottom: 80px;
  }
  
  #showcase #robots-and-gadgets #robots-and-gadgets-img {
    width: 200%;
    margin-left: -50%;
  }
  
  #showcase #software #software-overlay #software-title {
    padding-top: 80px;
  }
  
  #showcase #software #software-overlay #software-desc {
    bottom: 200px;
  }
  
  #showcase #software #software-overlay #software-link-cont {
    bottom: 80px;
  }
  
  #showcase #software #software-img {
    width: 200%;
    margin-left: -50%;
  }
  
  #showcase #cuas #cuas-overlay #cuas-title {
    padding-top: 40px;
  }
  
  #showcase #cuas #cuas-overlay #cuas-desc {
    bottom: 200px;
    font-size: 34px;
    line-height: 44px;
  }
  
  #showcase #cuas #cuas-overlay #cuas-link-cont {
    bottom: 80px;
  }
  
  #showcase #cuas #cuas-img {
    width: 200%;
    margin-left: -50%;
  }
  
  #showcase #model-rockets #model-rockets-overlay #model-rockets-title {
    padding-top: 40px;
  }
  
  #showcase #model-rockets #model-rockets-overlay #model-rockets-desc {
    bottom: 200px;
    font-size: 34px;
    line-height: 44px;
  }
  
  #showcase #model-rockets #model-rockets-overlay #model-rockets-link-cont {
    bottom: 80px;
  }
  
  #showcase #model-rockets #model-rockets-img {
    width: 200%;
    margin-left: -50%;
  }

  #showcase #science-industry #science-industry-overlay #science-industry-title {
    padding-top: 40px;
  }
  
  #showcase #science-industry #science-industry-overlay #science-industry-desc {
    bottom: 200px;
    font-size: 34px;
    line-height: 44px;
  }
  
  #showcase #science-industry #science-industry-overlay #science-industry-link-cont {
    bottom: 80px;
  }
  
  #showcase #science-industry #science-industry-img {
    width: 200%;
    margin-left: -50%;
  }
  
  #social-networks-sec .top-triangle, #footermenu .top-triangle {
    height: 20px;
    top: -19.5px;
  }

  #pre-contact .bot-triangle, #submenu .bot-triangle {
    height: 20px;
    bottom: -19.5px;
  }
}

@media only screen and (max-width: 850px) {
  #products #ika-20-video h3 {
    font-size: 55px;
  }
  
  #title.rainforest-title div {
    font-size: 36px;
    line-height: 42px;
  }
  
  #title.team-member-header h2 {
    font-size: 32px;
    line-height: 38px;
  }
  
  #title div {
    font-size: 33px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 800px) {
  #factory-sec .container {
    font-size: 36px;
  }
  
  #products #ika-20-video h1 {
    font-size: 120px;
  }
  
  #products #ika-police-video h3 {
    padding-top: 150px;
    font-size: 26px;
  }
  
  #products #ika-police-desc {
    top: 220px;
    font-size: 20px;
    width: 500px;
    line-height: 32px;
  }
  
  #products #ika-cont #ika-01-img, 
  #products #ika-cont #ika-micro-img, 
  #products #ika-cont #ika-mini-img {
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
  }
  
  #products #ika-20 #ika-20-img {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  
  #title.rainforest-title div {
    font-size: 28px;
    line-height: 42px;
  }
  
  #social-networks-sec .container.links-container {
      width: 360px!important;
  }
  
  #social-networks-sec img {
    height: 84px;
    padding: 10px;
  }
  
  #title #team-header {
    font-size: 22px;
    line-height: 34px;
  }
  
  #check-open-positions {
    font-size: 24px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 780px) {
  #ika-20-gallery img {
    width: 49%;
  }
  
  #what-we-do #pre-showcase {
    font-size: 26px;
    line-height: 30px;
  }
  
  #products #ika-20-video h1 {
    padding-top: 80px;
  }
  
  #products #ika-20-video h2 {
    top: 200px;
  }
  
  #products #ika-20-video h3 {
    padding-top: 330px;
    font-size: 45px;
  }
  
  #products #ika-20-video #ika-20-video-link-cont {
    bottom: 100px;
  }
  
  #products #ika-20-video #ika-20-video-link {
    font-size: 30px;
  }

  #factory-link {
    font-size: 30px;
  }
  
  #products #ika-20 h1 {
    font-size: 70px;
    padding-bottom: 30px;
  }

  #products #ika-20 #ika-20-link {
    font-size: 30px;
  }
  
  #products #ika-police-video #ika-police-video-link-cont {
    bottom: 100px;
  }
  
  #products #ika-police-video #ika-police-video-link {
    font-size: 30px;
  }
  
  #products #ika-police #ika-police-link {
    font-size: 30px;
  }
  
  #header li a, #submenu li a, #footermenu li a { 
    font-size: 20px;
  }
  
  #header li {
    padding: 15px 10px;
  }
  
  #submenu ul li, #footermenu ul li {
    padding: 10px 10px;
  }
  
  #our-team .team-member-image {
    width: 120px;
  }
  
  #our-team .left .team-member-image {
    right: -92px;
  }

  #our-team .right .team-member-image {
      left: -92px;
  }
  
  #our-team .team-member.left .container {
    margin-right: 90px;
  }

  #our-team .team-member.right .container {
      margin-left: 90px;
  }
  
  #our-team .left h1, #our-team .left h2, #our-team .left .team-member-email {
    padding-right: 70px;
  }
  
  #our-team .right h1, #our-team .right h2, #our-team .right .team-member-email {
    padding-left: 70px;
  }
  
  #our-team h1 {
    font-size: 36px;
  }
  
  #our-team h2 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 740px) {
  #products #ika-20-video h1 {
    padding-top: 60px;
    font-size: 90px;
  }
  
  #products #ika-20-video h2 {
    top: 150px;
    font-size: 38px;
    width: 500px;
    margin-left: -250px;
  }
  
  #products #ika-20-video h3 {
    font-size: 26px;
  }
  
  #consent-div {
    width: 480px;
  }
  
  #consent-text {
    font-size: 12px;
    line-height: 16px;
    width: 300px;
  }
  
  #consent-title {
    font-size: 24px;
    width: 280px;
  }
  
  #consent-div img {
    height: 80px;
    top: calc(50% - 40px);
  }
  
  #rainforest-website a {
    font-size: 36px;
  }
  
  #rainforest-title {
    font-size: 38px;
    line-height: 50px;
  }
  
  #title.team-member-header h1 {
    font-size: 40px;
    line-height: 48px;
  }
  
  #title.team-member-header h2 {
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 0px;
  }
  
  #title.team-member-header .team-member-email {
    font-size: 32px;
  }
}

@media only screen and (max-width: 680px) {
  #title.flying-car-title h1 {
    font-size: 80px;
  }

  #title.ika-lineup-title h1 {
    font-size: 80px;
  }

  #title.ika-20-title h1 {
    font-size: 90px;
  }
  
  #title.ika-mini-title h1 {
    font-size: 90px;
  }
  
  #title.ika-micro-title h1 {
    font-size: 90px;
  }
  
  #title.ika-01-title h1 {
    font-size: 90px;
  }
  
  #products #ika-20-video #ika-20-video-link-cont {
    bottom: 80px;
  }
  
  #products #ika-police-video #ika-police-video-link-cont {
    bottom: 80px;
  }
  
  #products #ika-20 h1 {
    padding-bottom: 80px;
  }
  
  #indoor-photos h1 {
    font-size: 50px;
    top: 50px;
  }
  
  #indoor-photos #slide-left {
    left: 20px;
  }

  #indoor-photos #slide-right {
    right: 20px;
  }

  #subscribe .container, #downloads-cont .container {
     font-size: 30px;
  }
  
  #hq-sec .container {
    font-size: 100px;
    padding-top: 200px;
    padding-bottom: 30px;
  }
  
  #subscribe input {
    font-size: 20px;
  }
  
  #design h1, #overview h1 { 
    font-size: 30px;
  }
  
  #design li {
    font-size: 28px;
  }
  
  #title h1 {
    font-size: 50px;
    line-height: 58px;
  }

  #title div {
    font-size: 28px;
  }
  
  #title.rainforest-title div {
    font-size: 24px;
    line-height: 38px;
  }
  
  #what-we-do h1 {
    font-size: 22px;
    line-height: 28px;
  }
  
  #showcase #flying-car #flying-car-overlay #flying-car-title {
    font-size: 80px;
  }
  
  #showcase #firefighting #firefighting-overlay #firefighting-title {
    font-size: 70px;
  }
  
  #showcase #flying-car #flying-car-overlay #flying-car-link {
    padding: 5px 10px;
    font-size: 30px;
  }
  
  #showcase #flying-car #flying-car-overlay #flying-car-link-cont {
    bottom: 60px;
  }
  
  #showcase #rainforest #rainforest-overlay #rainforest-link {
    padding: 5px 10px;
    font-size: 30px;
  }
  
  #showcase #rainforest #rainforest-overlay #rainforest-link-cont {
    bottom: 60px;
  }
  
  #showcase #rainforest #rainforest-overlay #rainforest-desc {
    bottom: 120px;
    font-size: 26px;
    line-height: 38px;
  }
  
  #showcase #firefighting #firefighting-overlay #firefighting-link {
    padding: 5px 10px;
    font-size: 30px;
  }
  
  #showcase #firefighting #firefighting-overlay #firefighting-link-cont {
    bottom: 60px;
  }
  
  #showcase #firefighting #firefighting-overlay #firefighting-desc {
    bottom: 120px;
    font-size: 26px;
    line-height: 38px;
  }
  
  #showcase #blood-delivery #blood-delivery-overlay #blood-delivery-link {
    padding: 5px 10px;
    font-size: 30px;
  }
  
  #showcase #blood-delivery #blood-delivery-overlay #blood-delivery-link-cont {
    bottom: 60px;
  }
  
  #showcase #blood-delivery #blood-delivery-overlay #blood-delivery-desc {
    bottom: 120px;
    font-size: 26px;
    line-height: 38px;
  }
  
  #showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-link {
    padding: 5px 10px;
    font-size: 30px;
  }
  
  #showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-link-cont {
    bottom: 60px;
  }
  
  #showcase #robots-and-gadgets #robots-and-gadgets-overlay #robots-and-gadgets-desc {
    bottom: 120px;
    font-size: 26px;
    line-height: 38px;
  }
  
  #showcase #software #software-overlay #software-link {
    padding: 5px 10px;
    font-size: 30px;
  }
  
  #showcase #software #software-overlay #software-link-cont {
    bottom: 60px;
  }
  
  #showcase #software #software-overlay #software-desc {
    bottom: 120px;
    font-size: 24px;
    line-height: 32px;
  }
  
  #showcase #cuas #cuas-overlay #cuas-link {
    padding: 5px 10px;
    font-size: 30px;
  }
  
  #showcase #cuas #cuas-overlay #cuas-link-cont {
    bottom: 60px;
  }
  
  #showcase #cuas #cuas-overlay #cuas-desc {
    bottom: 120px;
    font-size: 26px;
    line-height: 38px;
  }
  
  #showcase #model-rockets #model-rockets-overlay #model-rockets-link {
    padding: 5px 10px;
    font-size: 30px;
  }
  
  #showcase #model-rockets #model-rockets-overlay #model-rockets-link-cont {
    bottom: 60px;
  }
  
  #showcase #model-rockets #model-rockets-overlay #model-rockets-desc {
    bottom: 120px;
    font-size: 26px;
    line-height: 38px;
  }
  
  #showcase #science-industry #science-industry-overlay #science-industry-link {
    padding: 5px 10px;
    font-size: 30px;
  }
  
  #showcase #science-industry #science-industry-overlay #science-industry-link-cont {
    bottom: 60px;
  }
  
  #showcase #science-industry #science-industry-overlay #science-industry-desc {
    bottom: 120px;
    font-size: 26px;
    line-height: 38px;
  }
  
  #our-team h1 {
    font-size: 30px;
    line-height: 44px;
  }
  
  #our-team h2 {
    font-size: 18px;
  }
  
  #our-team .team-member-desc {
    font-size: 17px;
  }

  #pre-contact .product-card h1 {
    top: 30px;
  }
  
  #pre-contact .product-card h2 {
    top: 50px;
  }
  
  #pre-contact .product-card a {
    bottom: 30px;
  }
  
  #other-products-list .product-card h1 {
    top: 30px;
  }
  
  #other-products-list .product-card h2 {
    top: 100px;
  }
  
  #other-products-list .product-card a {
    bottom: 30px;
  }
}

@media only screen and (max-width: 640px) {
  
  #subscribe input {
    font-size: 20px;
  }
  #title div {
    font-size: 26px;
    line-height: 40px;
  }
} 

@media only screen and (max-width: 580px) {
  #header li a, #submenu li a, #footermenu li a { 
    font-size: 18px;
  }
  
  #our-team h1 {
    font-size: 28px;
    padding-top: 50px;
  }
  
  #our-team h2 {
    font-size: 16px;
  }
  
}

@media (pointer:coarse) {
  #our-team .team-member .team-member-desc,  #our-team .team-member .team-member-links {
    opacity: 1;
  }
}