/*
Author: bonefishcode
Template: Space - Responsive Coming Soon Template
Version: 1.3
*/

/*========================================
01. import css
02. fix IE10 viewport bug
03. basic
04. animation
05. preloader
06. overlay and pattern
07. header
08. side nav
09. section heading
10. countdown
11. service
12. contact
13. subscribe
14. footer
15. social
16. audio and video 
========================================*/

/*========================================
01. import css
========================================*/
@charset "UTF-8";

/* google font */
@import url("http://fonts.googleapis.com/css?family=Oswald:400,300,700");
@import url("http://fonts.googleapis.com/css?family=Inconsolata:400,700");
@import url("http://fonts.googleapis.com/css?family=Share+Tech+Mono");
/* /google font */

@import url("font-awesome.min.css"); /* font awesome */
@import url("simple-line-icons.css"); /* simple line icons */
@import url("jquery.fullPage.css"); /* fullpage */
@import url("animate.min.css"); /* animate.css */
@import url("vegas.min.css"); /* animate.css */

/*========================================
02. fix IE10 viewport bug
========================================*/

@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/*========================================
03. basic
========================================*/

html {
	height: 100%;
}
body {
	font-family: "Inconsolata", Helvetica, Arial, sans-serif;
	font-size: 18px; /* base font color */
	color: #fff; /* base font color */
	letter-spacing: 0.03em; /* base letter spacing */
	line-height: 1.4; /* base line height */
	min-height: 100%;
	height: 100%;
}
a {
	color: #fff; /* link color */
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
}
a:focus, a:hover {
	text-decoration: none;
	color: #fff; /* basic hover, focus color */
}
a:focus {
	outline: 0;
}
a:active, a:focus, .btn, .btn:active, .btn:focus, .btn:active:focus, .form-control:focus, input:focus, textarea:focus {
	-moz-outline: 0;
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.form-group {
	margin-bottom: 30px;
	font-family: "Oswald", Helvetica, Arial, sans-serif; /* form input / textarea font style */
}
.btn, .form-control {
	border-radius: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Oswald", Helvetica, Arial, sans-serif; /* title font style */
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #fff; /* title base color */
	margin: 0;
	line-height: 1.4;
}
p {
	margin: 0;
}
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
	-webkit-appearance: none;
	-moz-appearance: none;
}
input, textarea {
	letter-spacing: 0.18em;
}

/* placeholder color */
.form-control::-webkit-input-placeholder {
color: #ccc;
}
.form-control:-moz-placeholder {
color: #ccc;
opacity:  1;
}
.form-control::-moz-placeholder {
color: #ccc;
opacity:  1;
}
.form-control:-ms-input-placeholder {
color: #ccc;
}
.placeholder {
	color: #ccc;
} /* ie9 placeholder color */
.btn { /* base button style */
	font-size: 12px;
	padding: 15.5px 30px 15.5px 30px;
	height: 50px;
	letter-spacing: 4px;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-white {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}
.btn-white:hover, .btn-white:focus {
	background-color: transparent;
	color: #fff;
}
.btn-transparent {
	background-color: transparent;
	border-color: #fff;
}
.btn-transparent:hover, .btn-transparent:focus {
	background-color: #fff;
	color: #000;
}
.btn-nontransparent {
	background-color: white;
	border-color: #fff;
	color: #000;
}
.btn-nontransparent:hover {
	background-color: #fff;
	color: #000;
}
.btn-nontransparent:focus {
	background-color: #fff;
	color: #000;
}
.home-btn-wrapper {
	margin-top: 70px;
}
.home-btn-wrapper .btn {
	margin-top: 10px;
}
/*========================================
04. animation
========================================*/

.animated {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.animated.in {
	visibility: visible;
	opacity: 1;
}
.is-mobile .animated, .ie9 .animated {
	visibility: visible!important;
	opacity: 1!important;
}
/*========================================
05. preloader
========================================*/

#preloader {
	background: #000; /* preloader background color */
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 9999;
}
#preloader-img {
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(../img/preloader.gif) no-repeat center; /* preloader image */
	width: 60px; /* preloader image width */
	height: 60px; /* preloader image height */
	margin-left: -30px; /* half of preloader image width */
	margin-top: -30px; /* half of preloader image height */
}
/*========================================
06. overlay and pattern
========================================*/

.pattern {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url("../img/overlays/10.png") center center repeat; /* overlay pattern, change to 01.png - 10.png */
}
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.85); /* overlay background color and opacity */
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
}
.gradient .overlay {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 94%, rgba(0,0,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(94%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 94%, rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 94%, rgba(0,0,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 94%, rgba(0,0,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 94%, rgba(0,0,0,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 ); /* IE6-8 */
}
.ie9 .gradient .overlay {
	filter: none;
}
.gradient-animation .overlay {
	background-size: 200% 200%;
	-webkit-animation: gradient-animation 15s ease infinite; /* gradient animation time */
	-moz-animation: gradient-animation 15s ease infinite; /* gradient animation time */
	animation: gradient-animation 15s ease infinite; /* gradient animation time */
}
 @-webkit-keyframes gradient-animation {
 0% {
background-position:50% 0%
}
 50% {
background-position:51% 100%
}
 100% {
background-position:50% 0%
}
}
 @-moz-keyframes gradient-animation {
 0% {
background-position:50% 0%
}
 50% {
background-position:51% 100%
}
 100% {
background-position:50% 0%
}
}
 @keyframes gradient-animation {
 0% {
background-position:50% 0%
}
 50% {
background-position:51% 100%
}
 100% {
background-position:50% 0%
}
}
.vegas-overlay, .vegas-slide, .vegas-slide-inner, .vegas-timer, .vegas-wrapper {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
}
/*========================================
07. header
========================================*/

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 1000;
	text-align: center;
}
.logo {
	height: 100px;
}

@media (max-width:991px) { /* extra small - small devices */
#header {
	position: static;
	/*background: rgba(0, 0, 0, 0.74);*/
	padding-bottom: 120px;
}
}
/*========================================
08. side nav
========================================*/

#fp-nav ul li, .fp-slidesNav ul li {
	margin: 30px 7px;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
	background: transparent;
	border: 2px solid #fff;
	background: #fff;
	box-shadow: -1px 1px 1em rgba(255,255,255,.5), 1px -1px 1em rgba(255,255,255,.5); /* side nav shadow */
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
	background: transparent;
}
#fp-nav ul li .fp-tooltip {
	top: -2px;
	font-family: "Share Tech Mono", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	-webkit-transition: all 1.85s ease;
	-moz-transition: all 1.85s ease;
	-o-transition: all 1.85s ease;
	transition: all 1.85s ease;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
}
#fp-nav ul li .fp-tooltip.left {
	left: 30px;
}
#fp-nav ul li a.active ~ .fp-tooltip {
	opacity: 1!important;
	width: auto!important;
}
#header {
   /* background: rgba(0, 0, 0, 0.26);*/
    padding-bottom: 118px;
}
@media (max-width:991px) { /* extra small - small devices */
/*
  #fp-nav {
    display: none;
  }*/
  
#header {
	opacity: 1;
}
.fp-viewing-0 #header {
	opacity: 1;
}
}
/*========================================
09. section heading
========================================*/

.section-heading {
	margin-bottom: 40px;
}
.section-title {
	font-size: 32px; /* section title font size */
	text-shadow: -1px 1px 1em rgba(255,255,255,.5), 1px -1px 1em rgba(255,255,255,.5); /* section title text shadow */
	letter-spacing: 0.2em;
}
.section-title > span {
	color: #0073cf; /* main color  ..  was be21ff */
}
.section-heading p {
	margin-top: 30px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	letter-spacing: 0.1em;
}
@media (min-width:996px) {
	.social {
    margin-top: -150px;
}
}
@media (max-width:991px) { /* extra small - small devices */
.home-section .section-heading {
	margin-bottom: 0;
}
.section-title {
	font-size: 24px;
}
}
/*========================================
10. countdown
========================================*/

#countdown {
	list-style: none;
	text-align: center;
	max-width: 580px;
	margin: 0 auto;
	padding: 0;
}
.time {
	font-size: 28px; /* countdown time font size */
	line-height: 1;
}

@media (max-width:991px) { /* extra small - small devices */
.time-wrap {
	margin-top: 30px;
}
}
/*========================================
11. service
========================================*/

.section {
	text-align: center;
}
.service-wrapper {
	max-width: 950px; /* set a max width for service block */
	margin: 0 auto;
}
.service {
	margin: 30px auto 0;
	padding: 0 20px;
}
.service .fa, .service .icons {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 24px; /* service icon size */
	color: #fff;
	background: rgba(231, 245, 255, 0.27); /* service icon background color */
	border-radius: 50%;
	margin-bottom: 40px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
}
.service .fa:after, .service .icons:after {
	content: "";
	position: absolute;
	top: -5px;
	left: -5px;
	width: 70px;
	height: 70px;
	display: inline-block;
	border: 2px solid rgba(231, 245, 255, 0.27); /* service icon border color */
	border-radius: 50%;
}
.service .fa:hover, .service .icons:hover {
	box-shadow: -1px 1px 1em rgba(255,255,255,.5), 1px -1px 1em rgba(255,255,255,.5); /* service icon shadow */
}
.service h3 {
	font-size: 18px; /* service title font size */
	margin-bottom: 20px;
	min-height: 1.4em;
	letter-spacing: 0.15em;
}
.service p {
	font-size: 18px; /* service content font size */
}

@media (max-width:991px) { /* extra small - small devices */
.service {
	max-width: 350px;
}
.service:not(:first-child) {
	margin-top: 80px;
}
.service:last-child {
	margin-bottom: 80px;
}
}
/*========================================
12. contact
========================================*/

#contact-form {
	max-width: 450px; /* contact form max width */
	margin: 0 auto;
}
.form-control {
	color: #fff; /* form input color */
	background-color: transparent;
	border: 1px solid #fff; /* form border color */
}
.form-control-line {
	border-width: 0 0 1px 0;
}
.form-control:focus {
	border-color: #fff;
}
.btn-contact { /* contact button style */
	background: transparent;
	border-color: #fff;
	margin: 15px auto 15px;
}
.btn-contact:hover, .btn-contact:focus {
	background: #fff;
	border-color: #fff;
}
.contact-notice {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}
.contact-notice .valid {
	color: #43e5ba; /* contact form valid status color */
}
.contact-notice .error {
	color: #ff5c5c; /* contact form error status color */
}
.contact-way {
	margin-top: 10px;
}

@media (max-width:991px) { /* extra small - small devices */
.contact-way {
	margin-bottom: 40px;
}
.contact-way .col-md-4:not(:first-child) {
	margin-top: 20px;
}
}
/*========================================
13. subscribe
========================================*/

#subscribe-form {
	margin: 0 auto;
	max-width: 375px;
}
#subscribe-form .form-group {
	margin-bottom: 15px;
}
#subscribe-form input {
	width: 100%;
	height: 50px;
	font-size: 14px; /* subscribe form input font size */
	padding: 15px;
	border: 1px solid #fff;
	border-right: 0;
	background: transparent; /* subscribe form input background color */
}
.btn-subscribe {
	height: 50px;
	padding: 15px;
	background-color: transparent;
	border: 1px solid #fff;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000;
	perspective: 1000;
}
.btn-subscribe:hover {
	color: #000; /* subscribe form button hover color */
	background-color: #fff;
}
.btn-subscribe:focus {
	color: #fff; /* subscribe form button focus color */
	background: transparent; /* subscribe form button focus background color */
}
.subscribe-notice {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0;
}
.subscribe-notice.valid .fa, .subscribe-notice .valid {
	color: #43e5ba; /* subscribe form valid status icon color */
}
.subscribe-notice.error .fa, .subscribe-notice .error {
	color: #ff5c5c; /* subscribe form error status icon color */
}
/*========================================
14. footer
========================================*/

#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 1000;
	text-align: center;
}

@media (min-width:992px) { /*  medium - large devices */
#footer {
	line-height: 100px;
}
	.menu-toggle {
    /*display: none;*/
}
}

@media (max-width:991px) { /*  medium - large devices */
#footer {
	position: static;
	height: auto;
	margin-bottom: 20px;
}
	.full-nav
	{
		display: none;
	}
}
@media (min-width:997px) { /*  medium - large devices */
	.menu-toggle {
    display: none;
}
}
/*========================================
15. social
========================================*/

.social {
	position: fixed;
	top: 50%;
	right: 15px;
	z-index: 1000;
	text-align: center;
}
.social a:hover {
	text-shadow: -1px 1px 1em rgba(255,255,255,.5), 1px -1px 1em rgba(255,255,255,.5); /* social icon hover shadow */
}
.social .fa, .social .icons {
	display: block;
	width: 60px;
	height: 60px;
	line-height: 60px;
}

@media (max-width:996px) { /* extra small - small devices */
.social {
	position: static;
	margin-top: 0!important;
	margin-bottom: 30px;
}
.social .fa,  .social .icons {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
}
}
/*========================================
16. audio and video
========================================*/

#audio-control {
	display: none;
	position: fixed;
	top: 25px;
	left: 15px;
	z-index: 1050;
}
.is-mobile #audio-control {
	top: 25px;
}
#audio-control .fa, #audio-control .icons {
	display: inline-block;
	color: #fff;
	cursor: pointer;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
#video-control {
	display: none;
	position: fixed;
	top: 15px;
	left: 15px;
	z-index: 1050;
}
#video-control .fa, #video-control .icons {
	display: inline-block;
	color: #fff;
	cursor: pointer;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

@media (max-width:996px) { /* extra small - small devices */
#video-control {
	display: none!important;
}
}
/* I added the next few modules */
/*
  #video-jsi { 
    width: 100%;
    max-height: 100%;
    left: 0px; 
    top: 0px; 
    object-fit: cover;
    background: transparent;
    position:fixed;
}
  */
  
#wrapper {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.poster {
	/*  z-index: 850;   poster starts behind the video */
	width: 100%;
	max-height: 100%;
	left: 0px;
	top: 0px;
	position: fixed;
}
.container2 {
	/*  --------------------------------------- */
	width: 90%;   /*  was 77% */
	max-height: 100%;
	position: fixed;
	/*left: 150px;*/
	top: 100px;
}
/* This is the div for the actual page text content */
.contenttxt {
	margin-left: 180px;
	margin-right: 180px;
	font-family: "Share Tech Mono", Helvetica, Arial, sans-serif;
	color: #66a3ff;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
}
/* This is the custom scrollbar I built */
.scrollbox2 {
	/*overflow-x: hidden; 
     overflow-y: hidden;
     width: 100%;  
     padding-left: 30px;
     padding-bottom: 30px;
     height: 10000px;  */
     
	width: 100%;
	text-align: left;
	color: #939393;
	position: fixed;
	font-size: medium;
}
.scrollbox3 {
	overflow-x: hidden; /* This is changed by enscroll, but must be defined */
	overflow-y: hidden;
	width: 100%;   /* The arbitrary width and height of the view pane */
	height: 2200px;
	text-align: left;
	color: #939393;
	padding-left: 30px;
	padding-bottom: 30px;
	position: fixed;
	font-size: medium;
}
.scrollbox4 {
	overflow-x: hidden; /* This is changed by enscroll, but must be defined */
	overflow-y: hidden;
	width: 100%;   /* The arbitrary width and height of the view pane */
	height: 8000px;
	text-align: left;
	color: #939393;
	padding-left: 30px;
	padding-bottom: 30px;
	position: fixed;
	font-size: medium;
}
.vertical-track {
	width: 10px;
	background: rgba(255, 255, 255, 0.4);
	margin-right: 2px;
	border-radius: 10px;
	-webkit-transition: background 250ms linear;
	transition: background 250ms linear;
}
.vertical-handle {
	width: 7px;
	right: 0;
	background: #999;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 7px;
	-webkit-transition: width 250ms;
	transition: width 250ms;
}
/* Clear sky chart image formatting */
.ImageBorder {
	border-width: 15px;
	border-color: Blue;
}
/*-------------*/
body {
    background: #000 !important;
}

#video-poster{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 100%;
}
.widget-title {
    display: none !important;
}
/*
#video-jsi {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
*/
#video-jsi {
    width: 100%;
    max-height: 100%;
    left: 0px;
    top: 0px;
    object-fit: cover;
    background: transparent;
    position: fixed;
}
.poster {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
        z-index:0;


}
.sn-1 {
    margin-top: 10px;
}
.sn-2 {
    margin-top: 50px;
}
.conten-wrap {
	font-family: "Share Tech Mono", Helvetica, Arial, sans-serif;
	color: #66a3ff;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 21px;
	text-align: left;
}
.img-responsive{
    display: inline-block;
	
}
.conten-wrap img
{
	margin-bottom: 15px;
}
.section-entry
{
	    padding-top: 118px;
    padding-bottom: 118px;
}
@media(max-width:600px) {
/*
#audio-control, .fp-tooltip {
	display: none !important;
}*/
}

/*---Mob nav---*/
.mob-nav ul
{
	list-style: none;
	padding: 0;
}
.mob-nav ul li {
    margin-bottom: 5px;
}
body.open {
    overflow: hidden !important;
}
button.menu-toggle {
  opacity: 1;
  background-color: transparent;
  position: fixed;
  z-index: 2;
  top: 24px;
  left: 24px;
  border: none;
  width: 36px;
  height: 30px;
  outline: none;
	z-index: 99999;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

button.menu-toggle:before {
  content: "";
  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    right: auto;
    height: 22px;
    width: 29px;
    background: -webkit-linear-gradient(top, #ffffff, #ffffff 20%, transparent 20%, transparent 40%, #ffffff 40%, #ffffff 60%, transparent 60%, transparent 80%, #ffffff 80%, #ffffff 100%);
    background: linear-gradient(to bottom, #ffffff, #ffffff 20%, transparent 20%, transparent 40%, #ffffff 40%, #ffffff 60%, transparent 60%, transparent 80%, #ffffff 80%, #ffffff 100%);
    -webkit-transition: opacity 0.2s ease-out, width 0.2s 0.2s ease-out;
    transition: opacity 0.2s ease-out, width 0.2s 0.2s ease-out;
}

button.menu-toggle:after {
  opacity: 0;
  content: '×';
  color: white;
  position: absolute;
  top: 16px;
  left: -4px;
      font-family: verdana;
    font-size: 35px;
  line-height: 0;
  -webkit-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
}

button.menu-toggle:active {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

button.menu-toggle:hover { opacity: 1; }

.open button.menu-toggle { opacity: 1; }

.open button.menu-toggle:before {
  opacity: 0;
  width: 0;
}

.open button.menu-toggle:after {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) rotate(360deg);
  transform: translate3d(0, 0, 0) rotate(360deg);
  -webkit-transition: opacity 0.4s 1s ease-out, -webkit-transform 0.4s 1s ease-out;
  transition: opacity 0.4s 1s ease-out, -webkit-transform 0.4s 1s ease-out;
  transition: transform 0.4s 1s ease-out, opacity 0.4s 1s ease-out;
  transition: transform 0.4s 1s ease-out, opacity 0.4s 1s ease-out, -webkit-transform 0.4s 1s ease-out;
}

nav {
  position: fixed;
  top: -100%;
  right: 0;
  bottom: 0;
  left: 0 !important;
  width: 100%;
  height: 100%;
	    z-index: 9999;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;

	-webkit-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}

nav:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.98);
  width: 100%;
  height: 0;
  padding-bottom: 100%;
padding-top: 100%;
  /*border-radius: 100%;*/
  -webkit-transform: scale(0.04), translateY(9999px);
  transform: scale(0.04), translateY(9999px);
  overflow: hidden;
}

.open nav { top: 0; }

.open nav:before {
  -webkit-animation: menu-animation 0.8s ease-out forwards;
  animation: menu-animation 0.8s ease-out forwards;
}
ul.menu {
  position: absolute;
  top: 50%;
  
  /*-------------------------------------------------------------------------------------------------------------------------*/
    left: 62px;      /*effects main and subpage menu list offset from left*/
  
    margin: 0 auto;
    width: 100px;
 /*-------------------------------------------------------------------------------------------------------------------------*/
   
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  color: white;
}

ul.menu li {
  opacity: 0;
  text-align: left;
  -webkit-transform: translate3d(0, 36px, 0);
  transform: translate3d(0, 36px, 0);
}
/*
ul.menu li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  left: auto;
  background-color: white;
  height: 100%;
  width: 0;
  overflow: hidden;
  -webkit-transition: width 0.14s ease-out;
  transition: width 0.14s ease-out;
}

ul.menu li:after {
  opacity: 0;
  content: attr(data-text);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  color: #98B296;
  overflow: hidden;
  -webkit-transform: translate(-24px, 6px);
  transform: translate(-24px, 6px);
  -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;
  transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;
  transition: transform 0.1s ease-out, opacity 0.1s ease-out;
  transition: transform 0.1s ease-out, opacity 0.1s ease-out, -webkit-transform 0.1s ease-out;
}
*/
ul.menu li:hover:before {
  left: 0;
  right: auto;
  width: 100%;
}

ul.menu li:hover:after {
  opacity: 1;
  padding: 0 20px;
  -webkit-transform: translate(0px, 6px);
  transform: translate(0px, 6px);
  -webkit-transition: opacity 0.2s 0.14s ease-out, -webkit-transform 0.2s 0.14s ease-out;
  transition: opacity 0.2s 0.14s ease-out, -webkit-transform 0.2s 0.14s ease-out;
  transition: transform 0.2s 0.14s ease-out, opacity 0.2s 0.14s ease-out;
  transition: transform 0.2s 0.14s ease-out, opacity 0.2s 0.14s ease-out, -webkit-transform 0.2s 0.14s ease-out;
}

.open ul.menu li {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
}

.open ul.menu li:nth-child(1) {
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

.open ul.menu li:nth-child(2) {
  -webkit-transition-delay: 0.85s;
  transition-delay: 0.85s;
}

.open ul.menu li:nth-child(3) {
  -webkit-transition-delay: 0.95s;
  transition-delay: 0.95s;
}

.open ul.menu li:nth-child(4) {
  -webkit-transition-delay: 1.05s;
  transition-delay: 1.05s;
}
.open ul.menu li:nth-child(5) {
  -webkit-transition-delay: 1.15s;
  transition-delay: 1.05s;
}
.open ul.menu li:nth-child(6) {
  -webkit-transition-delay: 1.25s;
  transition-delay: 1.05s;
}
/*
 @-webkit-keyframes 
menu-animation {  0% {
 opacity: 0;
 -webkit-transform: scale(0.04) translateY(300%);
 transform: scale(0.04) translateY(300%);
}
 40% {
 -webkit-transform: scale(0.04) translateY(0);
 transform: scale(0.04) translateY(0);
 -webkit-transition: ease-out;
 transition: ease-out;
}
 40% {
 -webkit-transform: scale(0.04) translateY(0);
 transform: scale(0.04) translateY(0);
}
 60% {
 opacity: 1;
 -webkit-transform: scale(0.02) translateY(0px);
 transform: scale(0.02) translateY(0px);
}
 61% {
 -webkit-transform: scale(0.04);
 transform: scale(0.04);
}
 99.9% {
 height: 0;
 padding-bottom: 100%;
 border-radius: 100%;
}
 100% {
 -webkit-transform: scale(2);
 transform: scale(2);
 height: 100%;
 padding-bottom: 0;
 border-radius: 0;
}
}
 @keyframes 
menu-animation {  0% {
 opacity: 0;
 -webkit-transform: scale(0.04) translateY(300%);
 transform: scale(0.04) translateY(300%);
}
 40% {
 -webkit-transform: scale(0.04) translateY(0);
 transform: scale(0.04) translateY(0);
 -webkit-transition: ease-out;
 transition: ease-out;
}
 40% {
 -webkit-transform: scale(0.04) translateY(0);
 transform: scale(0.04) translateY(0);
}
 60% {
 opacity: 1;
 -webkit-transform: scale(0.02) translateY(0px);
 transform: scale(0.02) translateY(0px);
}
 61% {
 -webkit-transform: scale(0.04);
 transform: scale(0.04);
}
 99.9% {
 height: 0;
 padding-bottom: 100%;
 border-radius: 100%;
}
 100% {
 -webkit-transform: scale(2);
 transform: scale(2);
 height: 100%;
 padding-bottom: 0;
 border-radius: 0;
}
}*/
ul.sub-menu{
	display: none;
}
.conten-wrap {
    word-break: normal;
}


/*------------*/
/*
.menu-toggle {
    display: none;
}*/
.manu-nav
{
position: fixed !important;
z-index: 9999 !important;
margin-top: 0 !important;
top: -100% !important;
}
.open nav.manu-nav
{
top:0 !important;
}

.manu-nav ul li .fp-tooltip.left
{
opacity: 1 !important;
width: auto !important;
}
.manu-nav ul li a
{
padding-right: 110px !important;
}
.manu-nav ul li a span
{
display:none !important;
}
.manu-nav ul li 
{
width: auto !important;
}
@media (max-width:1485px) and (min-width:991px)
{
.conten-wrap {
    word-break: normal;
    margin-left: 180px;
    margin-right: 180px;
}
}


/*--------*/
.bg-wrap {
    left: 0px;
    top: 0px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    height: 881px;
    width: 1680px;
    z-index: -999999;
    position: fixed;
}

.bg-wrap img {
    position: absolute;
    margin: 0px;
    padding: 0px;
    border: none;
    width: 1680px;
    height: 945px;
    max-height: none;
    max-width: none;
    z-index: -999999;
    left: 0px;
    top: -32px;
}
#video-poster
{
z-index:0;
}
.transparent-header {
    background: rgba(0,0,0,1);
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 73%, rgba(0,0,0,0.38) 88%, rgba(0,0,0,0) 97%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(73%, rgba(0,0,0,1)), color-stop(88%, rgba(0,0,0,0.38)), color-stop(97%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 73%, rgba(0,0,0,0.38) 88%, rgba(0,0,0,0) 97%);
    background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 73%, rgba(0,0,0,0.38) 88%, rgba(0,0,0,0) 97%);
    background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 73%, rgba(0,0,0,0.38) 88%, rgba(0,0,0,0) 97%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 73%, rgba(0,0,0,0.38) 88%, rgba(0,0,0,0) 97%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    padding-bottom: 160px !important;
}
.backstretch img {
    top: 80px !important;
}
.conten-wrap img {
    max-width: 100%;
    height: auto;
}
@media (max-width:996px) 
{
.full-nav {
    display: none;
}
#fp-nav.left[style]
{
  display: none !important;
}


/*----ADDED FOR THE SLIDE OUT MENU  CSS ONLY EFFECTS SUBPAGE MENUS----*/
body.open {
    overflow: auto !important;
}
.mob-nav {    /* this section is for column only  */
    width: 140px;
    /* textalign left   row 1134 actualy controls left align for subpages  */
    /* left: 30%;       row 1124 actually controls the left hand offset  */
    font-family: "Share Tech Mono", Helvetica, Arial, sans-serif;
    font-size: 12px;                                    /* font size - subpages only  */
    color: #FFFFFF !important;                          /* font color - subpages only  */
    background: #545454;                               /* column color slideout menu - main and subpages  */
    text-transform: uppercase;
    white-space: nowrap;
    
}
#video-jsi.open {
    margin-left: 80px;
}
#poster.open {
    margin-left: 140px;
}
#header.open {
    margin-left: 80px;
}
#fullpage.open {
    margin-left: 140px;
}
.backstretch.open {
    margin-left: 80px !important;
}



/*----ADDED FOR THE SLIDE OUT MENU  CSS EFFECTS MAIN PAGE MENU----*/
#fp-nav ul li a.active ~ .fp-tooltip {
    width: 100% !important;
}
nav:before {
	background: #545454 !important;        /* menu item background color main and subpages   */
}
.mob-nav ul li {
	margin: 0px !important;              /* height of the box containing menu items - main and subpgs    was 20px */
	margin-bottom: 20px !important;       /* spacing between menu items - main and subpages  */
	
}
#fp-nav ul li .fp-tooltip.left {
    width: 100% !important; 
    text-align: left !important;              /* text alignment - main page only */
    left: 0px !important;                     /* use row 1124 above to set this for mainpage */
    margin-left: 0px !important;             /* use row 1124 above to set this for mainpage */
    font-size: 12px !important;               /* font-size - main page only */
    color: #FFFFFF !important;                /* font color - main page only */
}




}
/* AI2 static migration nav fix */
#fp-nav {
  position: fixed !important;
  top: 50% !important;
  left: 20px !important;
  right: auto !important;
  transform: translateY(-50%) !important;
  z-index: 9999 !important;
}

#fp-nav ul {
  margin: 0 !important;
  padding: 0 !important;
}

#fp-nav ul li {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 18px 0 !important;
  position: relative !important;
}

#fp-nav ul li a {
  display: block !important;
  position: relative !important;
  width: 18px !important;
  height: 18px !important;
}

#fp-nav ul li a span {
  width: 10px !important;
  height: 10px !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  background: transparent !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  margin: 0 !important;
}

#fp-nav ul li a.active span,
#fp-nav ul li:hover a span {
  background: #fff !important;
  box-shadow: 0 0 12px rgba(255,255,255,0.8) !important;
}

#fp-nav .fp-tooltip {
  color: #fff !important;
  white-space: nowrap !important;
  position: absolute !important;
  left: 28px !important;
  top: -6px !important;
  opacity: 0 !important;
  transition: opacity 0.2s ease !important;
  font-size: 16px !important;
}

#fp-nav li:hover .fp-tooltip,
#fp-nav a.active + .fp-tooltip {
  opacity: 1 !important;
}