@charset "UTF-8";
/* CSS Document */

html {
  /*font-family: 'Roboto Condensed'; */
  color: #fff;
  /*
  background:
    linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
    linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
    linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
    linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
    linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
    linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
  background-color: #131313;
  background-size: 20px 20px;
  overflow-x: hidden !important;
  margin: 0 0;
*/

 Background-color: #000000; 
}


body {
	  width: 100%;
/*  height: 100%; */
  padding: 0em 0em; 


}

img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}
h3 {
  color: #fff;
}

iframe {
  top: 0;
  width: 100vw;
  height: 100vw;
  /* overflow: hidden; */
}
.header {
  z-index: 1;
  position: relative;
}
/*
.header .skew:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: visible;
  width: 100%;
  height: 250px;*/
  /* background: #FFF800; 
  z-index: -1;
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: initial; */
  /*  border-bottom: 10px solid #FF0000; */
/*
}

.header .skew .header-inner {
  padding: 00px;
  margin-left: auto;
  margin-right: auto;
}*/
/*
.logo {
  margin: 0;
}

.logo a {
  color: #fff;
  text-decoration: none;
}
*/
.container {
 /* width:1000px;  */
  
  padding: 0px 0px 0px 0px;
  /*width:auto;*/
  max-width:100%;
  height: 170vw;
  /* min-width: 1000px; */
  /* min-height: 100%; */
  margin: 0 0 0 0;
  overflow: hidden !important;
  z-index:-100;

}

.gliderVid{
  /* object-fit: cover; */
  margin-top: -27%; 
  margin-left: -.7%;
  top: 0;
  width:auto;
  height: 120vw;
  /* overflow: hidden; */
  position: fixed;

  z-index:-100;

}
/* #gliderVid_video{
  position:absolute;
  display:none;
}*/


.main-container {
  width: 100vw;
  height: 200vw;
 /* max-width:100vw; */
  position: relative;
  
}
/*
.main-container:before {
  
  content: '	';
  
  position: absolute;
  
  left: -1950px;
  
  top: 0px;
  width: 4000px;
  height: 2000px; */
  /*
  background: #000000;
  -webkit-transform: skewY(50deg);
  -moz-transform: skewY(50deg);
  -ms-transform: skewY(50deg);
  -o-transform: skewY(50deg);
  transform: skewY(50deg);
  -webkit-backface-visibility: hidden;
  border-top: 10px solid #FF0000;
  border-right: 10px solid #FF0000;
  border-bottom: 10px solid #FF0000; */
 
 /* background: #000;*/
/*
	min-height:2300px;
	min-width:1800px;
   width: 100%;
  height: 100%;
  position: absolute;
  top: -100px;
  left: -30%;
  z-index: -1;
  transform: skew(50deg);
  -o-transform: skew(50deg);
  -moz-transform: skew(50deg);
  -webkit-transform: skew(50deg);
    border-top: 10px solid #FF0000;
  border-right: 10px solid #FF0000;
  border-bottom: 10px solid #FF0000;

}
*/
/*
.the-footer {
	  max-width:100%;
  position: relative;
  padding-bottom:5%;
}
.the-footer:before {
	  content: '';
  position: absolute;


  overflow: auto;
  width: 100%;
  height: 400%;
  padding-bottom:10%;
  background:
    linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
    linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
    linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
    linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
    linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
    linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
  background-color: #131313;
  background-size: 20px 20px;
	
  left:0%;
  margin-top: 90%;

  z-index: -1;
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  transform: skewY(2deg);
    border-top: 10px solid #FF0000;

  /*border-bottom: 50px solid #000;
} */

.copyright {
	position:fixed;
	bottom:0;
	width:100%;
	clear:both;
	

  
  
  
/* position:relative;
bottom:0;
left:0;
right:0;
width:100%;
*/
margin-left:auto;
margin-right:auto;

	background-color: #000;
	height:100px;
	font-size:1.2em;
 border-top: 2px solid #FF0000;
 border-bottom: 2px solid #FF0000;	
	
	
}
@media only screen and (max-device-width: 400px) {
  
  .copyright {
	position:fixed;
	bottom:0;
	width:100%;
	clear:both;
	

  
  
  
/* position:relative;
bottom:0;
left:0;
right:0;
width:100%;
*/
margin-left:auto;
margin-right:auto;

	background-color: #000;
	height:50px;
	font-size:.7em;
 border-top: 2px solid #FF0000;
 border-bottom: 2px solid #FF0000;	
	
	
  }}
.copyright-column {
	
	margin-top:1.5%;
	position:relative;
	width:30%;
	float: left;
	
}
.feature-box {
	width:40%;
	position:relative;
	float:left;
	margin-top:12%;
	line-height:2.5vw;
	font-size:1.5vw;
  	 text-shadow: .5px .5px #000000;
	 -webkit-text-stroke: .4px black;
  z-index:0;
}
.logo2 {
 z-index: 0;  
  position:absolute;
  
/*  padding: 0 250px;*/
  padding-bottom: 0px;
 /* margin-left:50%;
  margin-right:50%;*/
  width:30%;
  max-width: 100%;
  height:auto;
  margin-top:1%;
  margin-left:65%;
 
}
.glider {
	
	  z-index: 0;
   /*margin: 0 0% 0px 20%;*/
  padding: 0 00px;
  padding-bottom: 10px;
  position: absolute;
  width:50%;
  max-width:100%;
  height:auto;
  margin-top:13%;
  margin-left:25%;
 
  /* max-width: 600px; */
   
}

.video {
	margin-top:3%;
	padding:1% 2% 0 2%;

	
	position:relative;
	float:left;
	width:20%;
	max-width: 100%;
    height: auto;
    width: auto\9;
  	text-shadow: .6px .6px #000000;
	 -webkit-text-stroke: .4px black;
}
	
.bulletpoint {
	color:#fff;
	/*clear:both; */
	/* height:5%; */
	position:absolute;
	/* margin:0 0 0 0; */
	
	float:left;
	   
}
.bullets  {
  position:relative;
}
.buynow {
	/* clear:both; */
	
	position:relative;
	margin:25% 0 0 65%;
	padding-bottom:20%; 
	float:left;
	width:18%;
}

ul li{
text-indent: -1em;
padding-left:1em;
margin-bottom:5%;
}

body {
	 padding: 0 0 0 0; 
	 font-size: 13px;
	 font-family: "Lato";
	 font-style: normal;
	 font-weight: 400;
}

p.weight1 {
	 font-family: "Lato";
	 font-weight: 100;
	 font-style: italic;
	 font-size: 36px;
	 line-height: 30px;
}

p.weight2 {
	 font-family: "Lato";
	 font-weight: 100;
	 font-style: normal;
	 font-size: 36px;
	 line-height: 30px;
}

p.weight3 {
	 font-family: "Lato";
	 font-weight: 300;
	 font-style: italic;
	 font-size: 36px;
	 line-height: 30px;
}

p.weight4 {
	 font-family: "Lato";
	 font-weight: 300;
	 font-style: normal;
	 font-size: 36px;
	 line-height: 30px;
}

p.weight5 {
	 font-family: "Lato";
	 font-weight: 400;
	 font-style: italic;
	 font-size: 36px;
	 line-height: 30px;
}

p.weight6 {
	 font-family: "Lato";
	 font-weight: 400;
	 font-style: normal;
	 font-size: 36px;
	 line-height: 30px;
}

p.weight7 {
	 font-family: "Lato";
	 font-weight: 700;
	 font-style: italic;
	 font-size: 36px;
	 line-height: 30px;
}

p.weight8 {
	 font-family: "Lato";
	 font-weight: 700;
	 font-style: normal;
	 font-size: 36px;
	 line-height: 30px;
}

p.weight9 {
	 font-family: "Lato";
	 font-weight: 900;
	 font-style: italic;
	 font-size: 36px;
	 line-height: 30px;
}

p.weight10 {
	 font-family: "Lato";
	 font-weight: 900;
	 font-style: normal;
	 font-size: 36px;
	 line-height: 30px;
}

div.wrapper {
	 margin: 0 auto;
	 display: block;
	 white-space: nowrap;
	 text-align: center;
	 padding-bottom: 20px;
	 min-height: 100%;
	 width: auto;
	 max-width: none;
}

/* div {
	 text-align: left;
	 display: inline-block;
	 white-space: normal;
	 vertical-align: top;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
	 padding: 0 2%;
	 max-width: 760px;
	 width: 760px;
}*/

h1 {
	 font-size: 3.5vw;
	 line-height: 3.5vw;
	 margin-bottom: 25px;
	 text-shadow: 1px 1px #000000;
	 -webkit-text-stroke: .7px black;
}

h2 {
	 font-size: 2.5vw;
	 line-height: 53px;
	 margin-bottom: 20px;
	 text-shadow: 1px 1px #000000;
	 -webkit-text-stroke: .7px black;
}
h3 {
	 font-size: 1.5vw;
	margin: 0 auto 2% auto;
	color: "fff";
	 /*margin-bottom: 2%;*/
	 /*text-shadow: 2px 2px #000000;*/
}
p {
	 font-size: 17px;
	 line-height: 26px;
	 margin-bottom: 35px;
}
a {
	color:#fff;
	text-decoration:none;
}

p.weights {
	 letter-spacing: 2px;
	 font-size: 13px;
	 color: rgba(173,173,173,1);
	 margin-bottom: 35px;
	 border-width: 0px 0px 1px 0px;
	 border-style: dotted;
	 margin-top: 45px;
}

p.pullquote {
	 font-size: 17px;
	 line-height: 26px;
	 margin-bottom: 35px;
	 padding-left: 15px;
	 border-width: 0px 0px 0px 3px;
	 border-style: solid;
}

p.map {
	 font-weight: 400;
	 font-style: normal;
	 margin-bottom: 0px;
	 text-align: justify;
	 font-size: 27px;
	 line-height: 54px;
	 margin-top: 0px;
}

p.heading {
	 letter-spacing: 2px;
	 font-size: 13px;
	 margin-bottom: 35px;
	 border-width: 0px 0px 1px 0px;
	 border-style: dotted;
	 margin-top: 45px;
	 color: rgba(0,0,0,1);
}

p.intro {
	 margin-bottom: 35px;
	 font-size: 21px;
	 line-height: 28px;
}

p.inverse-big {
	 background-color: rgba(51,51,51,1);
	 color: rgba(255,255,255,1);
	 padding: 30px;
	 margin-bottom: 0px;
}

p.inverse-med {
	 background-color: rgba(51,51,51,1);
	 color: rgba(255,255,255,1);
	 padding: 30px;
	 margin-bottom: 0px;
	 padding-top: 0px;
	 font-size: 15px;
}

p.inverse-small {
	 padding-top: 0px;
	 padding-left: 30px;
	 padding-right: 30px;
	 padding-bottom: 30px;
	 background-color: rgba(51,51,51,1);
	 color: rgba(255,255,255,1);
	 font-size: 13px;
}

p.inverse-heading {
	 background-color: rgba(51,51,51,1);
	 color: rgba(255,255,255,1);
	 padding: 30px;
	 margin-bottom: 0px;
	 padding-bottom: 0px;
	 font-size: 15px;
	 letter-spacing: 2px;
	 margin-top: 50px;
}