body {margin: 0; padding: 0; background: #1a1918; width: 100%; height: 100%;}
#stats {position: fixed; top:10px; left: 10px; background:aquamarine; z-index: 9999999}

.section{width: 100%; height: 100%; clear: both; display: block; position: relative; z-index: 2; overflow: hidden;}
.sectiontext{width: 100%; clear: both; display: block; position: relative; z-index: 3; overflow: hidden; background: #1a1918;}
.sectiontext .sectiontextinner { max-width: 900px; margin: 0 auto; position: relative; padding: 1em;}
.sectiontext p.ven { text-align: justify;  font-family: 'Rajdhani', sans-serif;  color: #d9d5ce;  font-size: 1em; line-height: 1.6em; margin: 2em; font-weight: 400;}
.sectiontext h1 { text-align: center;   font-family: 'Rajdhani', sans-serif; font-size: 1.5em; line-height: 1.5em; color: #d9d5ce; letter-spacing: .3em; font-weight: 400;}
.sectiontext h1 span {  font-weight: 700;}
.sectionbg {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: center center;}



/*SEC 1*/
#sec1 {position: fixed;}
video#mainvid {position: absolute; top: 0; left: 0; width: 100%; height: auto;}
#vidbg {width: 100%; height: 100%; overflow: hidden; position: absolute;}
#rockylogo {position: fixed; margin: 20px; text-align: center;z-index: 99;}
#venatorlogowrap {width: 100%; height: 100%; overflow: hidden; display: table;  position: absolute; z-index: 1;}
#venatorlogo {display: table-cell; text-align: center; vertical-align: middle;}
#venatorlogo img{width: 40%; max-width:281px; height: auto; padding-top: 10%; margin: -10% 0 0 0; } 
#venatorlogo h2 { text-align: center;   font-family: 'Rajdhani', sans-serif; font-size: 1em; line-height: 1em; color: #d9d5ce; letter-spacing: .3em; margin: 1em; font-weight: 400;}
.play {
  display:block;
  width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 20px solid red;
  margin: 10px auto 10px auto;
  position:relative;
  z-index:1;
  transition: all 200ms ease;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  top:10px;
}

 .play:before {
    content:'';
    position:absolute;
     width: 50px;
     height: 50px;
    top:-26px;
    left:-40px;
    bottom:0px;
    right:0px;
    border-radius:50%;
    border: 2px solid white;
    z-index:2;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
  }
 .play:after {
    content:'';
    opacity:0;
  }
.play:hover, .play:focus {
    border-left: 20px solid white;
       transform: scale(1.1);
       -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
}



#filler{background: transparent; z-index: -99;}

/*SEC 2*/
#sec2{ background-image: url(../img/camobg.jpg);}
#sec2bg {background-image: url(../img/venatorhero2.jpg);}

/*SEC 3*/
#sec3 {height: 50%;}
#sec3bg {background-color: #b9ad9d; background-image: url(../img/venator_camo_layer2.jpg);}
#sec3bg #layer2 {background-image: url(../img/venator_camo_layer2.jpg); opacity: 0; background-position: left center;}
#sec3bg #layer3 {background-image: url(../img/venator_camo_layer3.jpg); opacity: 0; background-position: left center;}
#sec3bg #layer4 {background-image: url(../img/venator_camo_layer4.jpg); opacity: 0; background-position: left center;}
#sec3bg #layer5 {background-image: url(../img/venator_camo_layer5.jpg); opacity: 0; background-position: left center;}
#sec3bg #layer6 {background-image: url(../img/venator_camo_layer6.jpg); opacity: 0; background-position: left center;}
#layer6, #layer5, #layer4, #layer3, #layer2 {transition: opacity 300ms ease;}
.terrainiconswrap { display: table; position: relative; z-index: 2; width: 100%; max-width: 900px; height: 100%; text-align: center; margin: 0 auto;}
.terrainicons {display: table-cell; width: 25%; max-width: 264px; vertical-align: middle; text-align: center; opacity: 0;transition: all 500ms ease; transform: translateY(-100px)}
.terrainicons img {width: 100%}

/*SEC 4*/
#sec4 {position: fixed; z-index: 1; top:0;}
#sec4text {display: table; height: 100%; width:100%; background-color: transparent; position:}
#sec4text .sectiontextinner {display: table-cell; vertical-align: middle; text-align: center; }
#sec4text h1 {color:#1a1918; font-size: 2em; line-height: 1em; text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8); margin: -10% 0 0 0;}
#sec4text h2 {text-align: center;   font-family: 'Rajdhani', sans-serif; font-size: 1.2em; line-height: 1.5em; color: #1a1918; letter-spacing: .3em; font-weight: 400;text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);}
#sec4bg {background-image: url(../img/ROCKY-1.jpg); background-position: right bottom;}

#venatorform {width:100%; max-width: 340px; margin: 0 auto;}