/* Importing classes from mainbody css */
/* dynamic font size */
h1 {
	font-size: 6vw !important;
	padding: 30px 0 40px;
}
h2 {
	font-size: 24px;
	/* padding-top: 20px; */
}
h3 {
	font-size: 24px;
}
#galer h2 {
	font-size: 24px;
}
/* h4 {
	font-size: 1vw !important;
	margin: 0 !important;
} */
p {
	font-size: 16px !important;
}

/* Homepage */
.homemainbg {
	margin-top: 0px;
}
.maintit {
    /* position: absolute;
	top: 0px;
    width: 100vw;
    height: 100%; 
    display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 99;
    letter-spacing: 2px;
	color: #FFF;
	color: -webkit-linear-gradient(#00ace6, #fff, #00ace6);
    text-shadow: 2px 2px 0 #4074b5, 2px -2px 0 #4074b5, -2px 2px 0 #4074b5, -2px -2px 0 #4074b5, 2px 0px 0 #4074b5, 0px 2px 0 #4074b5, -2px 0px 0 #4074b5, 0px -2px 0 #4074b5; */
}
.maintit h1 {
	font-size: 4vw !important;
    font-weight: 600;
	/* transform: scaleY(1.2); */

}

/* Earth stuff */ 
.wrapitems {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 30vh;
}
.wrapicons {
	position: absolute;
	display: flex;
	justify-content: center;
	/* align-self: center; */
	height: 35vh;
	width: 100%;
}
.wrapearth img {
	width: 50%;
}
@-webkit-keyframes myOrbit1 {
    from { -webkit-transform: rotate(0deg) translateX(100px) translateY(0px) rotate(0deg); }
    to   { -webkit-transform: rotate(360deg) translateX(100px) translateY(0px) rotate(-360deg); }
}
@-webkit-keyframes myOrbit2 {
    from { -webkit-transform: rotate(0deg) translateX(0px) translateY(100px) rotate(0deg); }
    to   { -webkit-transform: rotate(360deg) translateX(0px) translateY(100px) rotate(-360deg); }
}
@-webkit-keyframes myOrbit3 {
    from { -webkit-transform: rotate(0deg) translateX(-100px) translateY(0px) rotate(0deg); }
    to   { -webkit-transform: rotate(360deg) translateX(-100px) translateY(0px) rotate(-360deg); }
}
@-webkit-keyframes myOrbit4 {
    from { -webkit-transform: rotate(0deg) translateX(0px) translateY(-100px) rotate(0deg); }
    to   { -webkit-transform: rotate(360deg) translateX(0px) translateY(-100px) rotate(-360deg); }
}

/* End of Earth stuff */

/* 3D trapezoid text buttons */
.btnswrap {
	/* position: absolute;
	left: 0; */
	padding: 40px 0 30px;
	display: flex;
	flex-direction: column;
	/* justify-content: center; */
	align-items: center;
}
.btncustom {
	color: #fff;
	/* min-width: 200px !important; */
	text-transform: uppercase;
	text-decoration: none; /*  1476b7 */
	background: linear-gradient(to right,rgb(164, 240, 241), #46a2e0);
}
.btncustom span {
	font-size: 15px !important;
	/* font-size: 2.5vw !important; */
	font-weight: bold;
	text-shadow: 2px 2px 0 #4074b5, 2px -2px 0 #4074b5, -2px 2px 0 #4074b5, -2px -2px 0 #4074b5, 2px 0px 0 #4074b5, 0px 2px 0 #4074b5, -2px 0px 0 #4074b5, 0px -2px 0 #4074b5;
}
.glasstext-trapezoid-outline, .glasstext-trapezoid-outline2 {
	padding: 20px 25px 60px;
	margin-bottom: 30px;
}
/* End of 3D trapezoid stuff */

/* Homepage cards */
.bglass {
    box-shadow:0px 0px 15px 5px rgba(133, 174, 191, 0.8);
    /* box-shadow:0 0 15px rgba(34, 58, 93, 0.9); */
    /* box-shadow:0 0 15px rgba(0,0,0,.9); */
    height: auto;
	padding: 0;
    margin: 0px 10px 40px;
	border-radius: 20px;
}
.no-parallax {
	min-height: auto;
}

/* Homepage contact form stuff */
.parallax #contform { /* There is another around line 500 */
	/* margin-top: 70px !important;
	margin-bottom: 70px !important; */
	box-sizing: content-box;
	/* max-height: 90% !important; */
	padding-bottom: 10px;

}
.contformwrapper {
	/* padding-top: 20px; */
	width: 85%;
	min-height: 80% !important;
	max-height: 80% !important;
}

/* Mission stuff */
.mission {
	height: auto;
	min-height: auto;
	padding-bottom: 120px !important;
  }

/* End of importing classes from mainbody css*/

/*#logo { background-color: green; }*/
/* .bdr {
	border: 2px solid red !important;
} */

#htxt01 h1
{
  font-size: 22px;

}
#htxt01 {
  margin-top: 20px;
}
#htxt02 h4 {
  font-size: 18px;
}

/* .slide02 {
  width: 100%;
} */
#rph_inner, #mph_inner {
 width: 100%;
}
.images02, .images01 {
  display: block;
  width: 100%;
  padding-left: 0px;
  margin: 0px;
  text-align: center;
  margin-bottom: 20px;
}
.images02 img {
	width: 90%;
  box-shadow:0 0 15px rgba(0,0,0,.9);
}
.images01 img {
	width: 100%;
  box-shadow:0 0 15px rgba(0,0,0,.9);
}

/* pop-out mobile menu area*/
.img01, .img02, .img03, .img04, .img05, .img06 {
  text-align: center;
  height: 100px;
  left: 38%;
}
.img01 img,.img02 img,.img03 img,.img04 img,.img05 img,.img06 img {
  width: 50%;
  /*left: 50%;*/
}
.img02,.img05 {
  z-index: 12000;
}
.img01.scale-out,.img02.scale-out,.img03.scale-out,.img04.scale-out,.img05.scale-out,.img06.scale-out {
	width: 95px;/*125px; 85px;*/
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	/*border: 2px solid red;*/
}
.img01, .img04 { text-align: left; }
.img03, .img06 { text-align: right; }
.img01 img, .img03 img { margin-top: 10px;}
.img04 img, .img06 img { margin-top: 30px;}

.img05 img {
 position: fixed;
 top: 40px;
 left: 23px;
}
.responsive-pop-menu {
	position: fixed;
	top: 25%;
	/*left: 0px;*/
	overflow: hidden;
	width: 100%;
	/*right: 0px;*/
	height: 60%;
	left: 50%;
	-webkit-transform: translateX(-50%); /* prefixes needed webkit moz ms o */
	-moz-transform: translateX(-50%); /* prefixes needed webkit moz ms o */
	-ms-transform: translateX(-50%); /* prefixes needed webkit moz ms o */
	-o-transform: translateX(-50%); /* prefixes needed webkit moz ms o */
	transform: translateX(-50%); /* prefixes needed webkit moz ms o */
	/*z-index: 499;*/
	/*border: 2px solid #00f;*/
}
/* End of pop-out mobile menu area */
.hidemob {
	display: block;
	opacity: 1;
	visibility: visible;
	/*pointer-events: none;*/
}
.hide-btxt {
	display: none;
    opacity: 0;
	/*visibility: hidden;*/
}
.show-mobile {
	display: block;
    /*opacity: 1;*/
}
.hide-mobile {
	display: none;
  /*opacity: 0;*/
	visibility: hidden;
}
/* new stuff */
.page {
    display:none;
    opacity:0;
}
/*.page.current {*/
.current {
    display: block;
    opacity: 1;
}
.mobile-nav, .m-flags {
	display: block;
}
#flags {
	right: 2%;   /* really important, always use this to position */
	top: 10px !important;
}	
/* Hamburger menu stuff */
.menu-btn div {
position: absolute;
left: 10%;
top: 64%;
padding-right: 8px;
margin-top: -0.50em;
line-height: 1.2;
font-size: 18px;
font-weight: 200;
vertical-align: middle;
z-index: 999;
}
.menu-btn span {
display: block;
width: 35px;
height: 5px;
margin: 4px 0;
background: rgb(0,0,0);
/*z-index: 999;*/
}
/* position of the hamburger menu */
#menu-btn {
	position: fixed;
	top: 30px; left: 15px;
	margin: 0;
	padding: 0 0 0 0;
	cursor: pointer;
	width: 35px;
	z-index: 10000;
}
.mobile-nav {
	position: absolute;   /* Very Important!!!*/
	width: auto;
	/*top: 30px;    // positioning mobile nav
	left: 30px;*/
	margin: 10px 0 0 10px;
	padding: 0px;
	z-index: 1000;
}
.responsive-menu {
position: fixed; /* absolut; */
top: 70px; left: 5px;
width: 250px;
max-width: 250px;
max-height: 0px;
padding: 20px 0px 20px 0px;
/* background: #2B90F9; */
background: linear-gradient(0.4turn, /*#3f87a6*//*#7bbbec*/ var(--blue), #ccdfed, #fff);
border: 1px solid black;
opacity: 0;
overflow: hidden;
transition: all .7s; /* .7s; */
z-index: 19999;
}
.responsive-menu ul {
	margin: 0;
	padding: 0;
	/*height: auto;*/
	/*background-color: white;*/
    /*z-index: 9999;*/
}
.responsive-menu li {
	list-style-type: none;
	display: block;
	text-align: center;
	line-height: 42px;
	font-size: 27px;
	font-weight: bold;
    z-index: 9999;
}
.expand {
	/* margin: 10px 0 10px 0; */
	max-height: 340px;
	opacity: 0.85;
	z-index: 19999;
}
.responsive-menu a {
	color: #000;
	transition: all .7s;
}
.responsive-menu a:hover {
	color: rgb(255, 255, 255);
	text-shadow: 3px 3px 5px #000;
}
body, #container {
	overflow-y: visible;
	overflow-x: hidden;
	height: auto;
}
/* Footer stuff */
#footer {
	position: fixed;
}
/*#crtextM { color: #FFFFFF; margin-top: 3px; }*/
#crtextM { animation-delay: 1.2s; color: #FFFFFF; margin-top: 2px; } /* -45px */
/* Vnav stuff */
/* #Vnav {
	display: none;
	opacity: 0;
	visibility: hidden;
	} */
/* Header logo and flags stuff */
#logo {
	position: fixed;
	width: 100%;
	text-align: center;
	z-index: 100;
}
#logo img {
	width: 40%;
	height: 65%;
}
#flags {
	position: fixed;   /* remove this originally */
	top: 20px;
	right: 2%;
	width: 50px;   /* 30% */
	z-index: 999;
	outline: none;
	/*border: 2px solid #fff;*/
}
#flags ul {
	margin: 0;
	padding: 0;
}
#flags li {
	list-style-type: none;
	width: 31px;
	/*float: left;*/
	padding-left: 0px;
	padding-bottom: 3px;
	display: block;
	/*cursor: pointer;*/
}

#galer {
	width: 95%;
	}

/* development's and Service's stuff */
#devel, #servi {
	width: 100%; /* 90%;*/
	left: 0px;
	margin-top: 80px; /* 100px; */
	padding-top: 30px;
	/* padding-bottom: 100px; */
	margin-left: auto;
	margin-right: auto;
	/*border: 2px solid #00f;*/
	}
#titleS, #titleD, #titleG {
	font-size: 26px; /* 32px; */
}
#txtS01, #txtS02, #txtS03, #txtS04, #txtS05, #txtD01, #txtD02, #txtD03, #txtD04, #txtD05 {
	font-size: 14px; /*24px;*/
}
#txtS01b, #txtS02b, #txtS03b, #txtS04b, #txtS05b, #txtD01b, #txtD02b, #txtD03b, #txtD04b, #txtD05b {
	font-size: 14px;
	text-decoration: none;
	width: 100%;   /* 52% */
	/*padding: 10px 0px 15px 0px;*/
	/*background-color: red;*/
}
/* Gallery tab */
#galer {
	width: 100%;
	margin: 0px;
	margin-top: 80px; left: 0px;
	padding: 30px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	/*border: 2px solid #000;*/
}
#webd, #gamd, #appd, #refs, #refs02, #refs03 {
	font-size: 16px;
}
#wphotos, #mphotos{
	width: 100%;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}
.images {
  width: 100%;
}
.images img {
  width: 280;
  margin-bottom: 20px;
}
#wImg01, #wImg02, #wImg03, #wImg04, #wImg05, #wImg06 {
	display: block;
	margin-right: 3%;
	margin-left: 0px;
}
#wImg01, #wImg02, #wImg03, #wImg04 {
	padding-bottom: 10px;
}
#wImg01 img, #wImg02 img, #wImg03 img, #wImg04 img, #wImg05 img, #wImg06 img {
	width: 300px;
	height: 180px;
}
#gphotos {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
#gImg01, #gImg02 {
	display: block;
	margin-right: 3%;
	margin-left: 0px;
	padding-bottom: 10px;
}
#gImg01 img, #gImg02 img {
	width: 300px;
	height: 180px;
}
#apphotos {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
#apImg01, #apImg02 {
	display: block;
	margin-right: 3%;
	margin-left: 0px;
	padding-bottom: 10px;
}
#apImg01 img, #apImg02 img {
	width: 300px;
	height: 180px;
}
/* Contact stuff */
#contac {
	position: relative;
	top: 80px;
	width: 100%;
	height: 100%;
	margin-top: 80px; 
	padding-top: 30px;
  	/* margin-left: 0%; */
	margin-bottom: 0px;
	padding-bottom: 0px; 
	/* padding-top: 240px; */
}
.ccont {
	padding: 0 !important;
}
/* First div after the row, NOOO! all divs after it */
#contac .container .row > div {
	/* padding: 0; */
	/* border: 6px solid purple; */
}
#contform {
	width: 85%; /* 95%; */
	/*margin-top: 0px;*/
	padding-top: 20px;
	padding-bottom: 10px; /* 90px; /*110px;*/
	/*border: 2px solid #0F0;*/
}
#ctext, #ema, #nam {
	width: 100%;
}
#contmsg {
	padding-top: 2%;
	width: 100%;
	color: #000000;
}
#contmsg textarea {
	/*width: 100%;*/
	height: 10em;
}
/* About tab's css */
#abou {
	position: relative;
	/* width: 90%; */
	margin: 0 auto;
	padding: 0;
	top: 80px;
	text-align: left;
	padding-top: 30px;
	padding-bottom: 0px; /*200px;*/
}
#aboutImg {
	text-align: center;
	/*margin-left: auto;
	margin-right: auto;*/
}
#aboutImg img {
	margin: 20px 10px 20px 10px;
	width: 90%;
	/*height: 300px;*/
	/*margin-left: auto;
	margin-right: auto;	*/
	border: 1px solid black;
}
/* Home layout */
#homep {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
 	/*min-height: 700px;*/
	margin-left: auto;
	margin-right: auto;
	/*padding-bottom: 150px;*/
	padding-top: 90px; /*95px;*/
	/*border: 2px solid #000;*/
}
#titleH {
	width: 100%;
	font-size: 24px;
	padding-top: 25px;
	text-align: center;
	/*text-decoration: underline;*/
	/*border: 2px solid red;	*/
}
#titleH1 {
	visibility: hidden;
	width: 100%;
	padding-top: 10px;
	text-align: center;
	font-size: 18px;
	/*border: 2px solid red;*/
}
#titleH2 {
	width: 80%;
	font-size: 18px;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
  animation-delay: 1.2s;
	/*border: 2px solid red;*/
	/*text-align: center;*/
}
#txtH {
	width: 70%;
	padding-top: 14px;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
  animation-delay: 1.4s;
  padding-bottom: 60px;
}
/*end of Home layout */

/* New stuff 2022 */
  .intro-style, .intro-style2 {
	/* background-image: url('../images/introbg2.png');
	background-position: center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	display: inline-block; */
	border-radius: 20px;
	/* background-size: cover; */
	/* background-position: center 0px; */
	transform: none; /* skew(-17deg); */
    /* box-shadow:0px 0px 15px 5px rgba(2, 2, 2, 0.8);*/
	padding: 20px 20px 85px !important;
	/* z-index: -1; */
  }
  .intro-style2 {
	background-image: url('../images/missionbg-mob.jpg');
  }

  .intro-style {
	display: inline-block;
	/* transform-style: preserve-3d; */
	padding: 20px 20px; /* Without <h4> */
	/* padding: 10px 20px 0px; */

	/* transform: perspective(200px) rotateY(15deg) translateZ(30px) translateY(5px); */
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: all .3s ease-out;
	/* transform: skew(-17deg); */
    box-shadow: 0px 0px 15px 5px rgba(2, 2, 2, 0.8);
  }
  .intro-style span {
	font-size: 15px;
	letter-spacing: 3px;
	display: block;
	transform: perspective(160px) rotateX(-5deg) translateZ(6px) translateY(0px);
  }

.contform {
	padding: 0 20px !important;
}

.wrapitems /*, .aboutitems, .galleryitems */ {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 300px;
}
.homeintro .container {
	padding: 0;
	width: 90%;
}
.homeintro .container .row > div {
	padding: 0 !important;
	margin: 0 !important;
	width: 100% !important;
}
.bglass {
	margin: 20px 0 !important;
}
.sec03 .container .row {
	padding: 0 30px;
}