body{
	margin: 0px;
	padding: 0px;
	color:#777777;
	background-color: #fff;/* #00121d;*/
	font-family: 'Roboto', sans-serif;
	background-image:url("../images/bg.jpg") ;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-size:16px;
}
/************** preloader */plan_name
body {
	overflow: hidden;
}
/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#00121d; /* change if the mask should have another color then white */
	z-index:9999; /* makes sure it stays on top */
}
#home_text{
	color:#666;
	font-size: 1.15em;
}
.no-padding{
	padding:0px !important;
}
#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../img/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}
.loader {
    border: 10px solid #081923; /* Light grey #f3f3f3*/
    border-top: 10px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
	margin: auto;
	margin-top:40vh;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*************************/
#spin{
	z-index:9990;
}
#main{
    width:100%;
    height:100%;
	position:absolute;
	z-index: 99;
}
#top-div{
	z-index: 999;
}
#bottom-div {	
	z-index: 1;
	position:absolute; 
}
#bg1{
	width:10vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.01);	
	position:absolute;
	z-index: 2;
	right: 10px;
}
#bg2{
	width:3vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.02);	
	position:absolute;
	z-index: 3;
	right: 10px;
}
#bg3{
	width:11vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.01);	
	position:absolute;
	z-index: 4;
	right: 10px;
}
#bg4{
	width:12vw;
	height: 100vh;
	background-color: rgba(0,0,0,0.01);	
	position:absolute;
	z-index: 4;
	right: 10px;
}
h1{
	color: #fff;
	text-transform:uppercase;
	font-size: 2.8vw;
	line-height: 3vw;
	font-weight: 100;
	margin-bottom: 0.5em;
}
#title-line{
	border-bottom: 1px solid rgba(0,0,0,0.1);
	display: block;
	margin-top:12px;
	margin-bottom: 0.2em;
}
.breadcrumb{
	padding-left: 2em !important;
	font-size: .9em;
}
#sub_title{
	font-size:0.6em !important;
	text-transform: uppercase;
	color:#f08f00;
	    line-height: 1em;
    margin-top: 1em;
	    padding-bottom: 0px;
    margin-bottom: 0px;
	margin-left: -0.6em;
	margin-right: 1em;
	font-weight: 500;
	text-align: right;
}
#main_title{
	z-index:999;
}
#main_title img{
	padding-top:1vw;
	padding-bottom: 1vw;
}
#main-menu{
	min-height: 90vh;
	z-index: 44;
}
#main-menu-home{
	background-color: rgba(255,255,255,0.5);
	min-height: 90vh;
	z-index: 44;
}
#main-menu-home >ul >li{
	list-style: none;
}
#main-menu ul{
	list-style: none;
	padding-left: 1em;
}
#main-menu li{
	font-size: 1.2vw;
	line-height: 1.5vw;
}
.last_menu_item{
	padding-bottom: 0px; margin-bottom: 0px;
}
#main-menu ul li ul li, #main-menu-home ul li ul li {
	list-style: square;
	color:#A8A9AA;
}
#main-menu a, #main-menu-home a{
	padding-right: 0.3em;
	padding-left: 0.3em;
	text-decoration: none;
	color:#777777;
}
#main-menu a:hover{
	text-decoration: none;
	color: #f08f00 !important;
}
.hvr-bounce-to-right:before{	
	background: #aaa !important;
	color:#fff !important;
}
.menu-header{
	border-bottom: solid 1px rgba(133,245,2,0.20);
	font-size: 1.3em;
	color:#f08f00;
	text-transform: uppercase;
	margin-bottom: 0.4em;
	margin-top: 1em;
	font-weight: 500;	
}
.menu-header a{
	color:#f08000 !important;
}
.menu-header a:hover{
	color:#af4000 !important;
}
.main-imgs{
	width:100%;
}
#imgs{
	padding-right: 0px;	
	z-index:33;
}
#inner_home_icons img{
	width:100%;
}
/******************************** units */
.units #main-menu img {
	width:100%;
	margin-bottom: 1em;
}
.customNextBtn{
	width: auto;
	float: right;
    padding-top:  20vw;
	position:fixed;
	z-index: 99;
	padding-right: 5vw;
	padding-left: 5vw;
	margin-left: 78%;
	cursor: pointer;
	font-size: 3vw;
	height:70vh;
	opacity: 0.4;
	text-shadow: 2px 2px 5px rgba(0,0,0,.5);
}
.customNextBtn:hover{
	opacity: 0.6;
}
.customPrevBtn{
	width: auto;
   	float: left;
    padding-top: 20vw;
	padding-right: 5vw;
	padding-left: 5vw;
	/*padding-bottom:30vh*/
	position:fixed;
	z-index: 99;
	/*margin-left: 5%;*/
	cursor: pointer;
	font-size: 3vw;
	opacity: 0.4;
	height:70vh;
	text-shadow: 2px 2px 5px rgba(0,0,0,.5);
}
.customPrevBtn:hover{
	opacity: 0.6;
}
.owl-lazy{
	width:80%;
}
.imgs_container{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
#plans{
	z-index: 198;
}
/******** anim *
<div class="svg-wrapper">
  <svg height="350" width="480" xmlns="http://www.w3.org/2000/svg">
	<rect class="shape" height="100%" width="100%" />
  </svg>
</div>
@keyframes example {
	 from {
	stroke-dasharray: 140 540;
	 stroke-dashoffset: -474;
	}
	 to {
	stroke-dashoffset: 0;
	 stroke-dasharray: 1760;
	}
}
.shape {
	stroke-width: 2;
	stroke: rgba(255,255,255,0.3);
	fill: transparent;
	stroke-dasharray: 140 540;
	stroke-dashoffset: -474;
	animation-name: example;
	animation-duration: 3s;
	animation-fill-mode: forwards;
	width: 100%;
}
.svg-wrapper {
	z-index: 99;
	position: fixed;
	width: 480px;
	margin: 10px;
}
.svg-wrapper:hover .shape {
	stroke-width: 2px;
	stroke-dashoffset: 0;
	stroke-dasharray: 1760;
}
*/
.back{
	width:100%;
	text-align: right;
	display: block;
}
.plan_thumb_container{
	min-height:40vh;
	padding-bottom: 10vh;	
	cursor: pointer;
}
.plan_thumb{
	width:25vw;
}
.plan_name{
	text-align: right;
	margin-top: -5em;
	font-size:1.2em;
	text-transform: uppercase;
	color:#f08f00;
	font-weight: 600;
}
.video{
	width:80%;
	margin-left: 10%;
	margin-top: 3em;
}
#myCar{
	cursor:e-resize;
	/*margin-left: 5vw;
	margin-top:20vh;*/
	background-position: center center;
	background-repeat: no-repeat;
}
#ico_360{
	width:95%;
	height: 100%;
	position: absolute;
	text-align: center;
	pointer-events : none;
}
#ico_360 img{
  position: relative;
    top: 50%;
    transform: translateY(-50%);
	width: 30%;
	pointer-events : none;
	opacity: 0.6;
	-webkit-filter: drop-shadow(5px 5px 15px #222);
    filter:         drop-shadow(5px 5px 15px #222); 
}
#footer{
	color:#777;
	font-size: 0.8em;
	text-align: center;
	line-height: 1em;
	margin-bottom: 1em;
	margin-top:4em;
}
/* ********************************** fonts ********************** */
/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v16-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('../fonts/roboto-v16-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v16-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v16-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v16-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v16-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v16-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v16-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}