.logo {
    cursor: pointer;
    position: fixed;
    top: 10px;
    left: 10%;
    width: 240px;
    height: 143px;
}
		.logo img {
		/* // width: 150px;*/
		  height: 120px;
		 /* background: rgba(0,74,34,0.85);*/
		}
			
			.menu{
				top:0;
				/*background: #98CFD1;*/
				position: fixed;
				right:0;
				border:1px solid #fff;
				z-index:25;
				}
		.topmenu {
	/*width:100%;
	height: 50px*/
}

.topmenu .social {
	background-color: none;
	border-right: 1px solid #fff;
}
.topmenu .social .like {
    color: #fff;
    position: relative;
    padding-left: 43px;
}
.topmenu .social .like, .topmenu .social .mute {
    display: inline-block;
    width: auto;
    background: 0 0;
}
.textbutton {
    line-height: 51px;
    color: #fff;
    text-align: center;
    letter-spacing: -.5px;
    font-size: 17px;
    width: 100%;
}

.topmenu .social .mute {
	padding: 0 26px;
	border-right: 1px solid #fff
}

.topmenu .social .like {
	color: #fff;
	position: relative;
	padding: 0 45px;
}

.topmenu .social .like svg {
	position: relative;
	top: -1px;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
.topmenu .social .like .facebook:hover  {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	
}
.topmenu .social .like .instragram:hover  {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	
}
.topmenu .social .like .twitter:hover  {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	
}
.topmenu .social .like .linkedin:hover  {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	
}
.topmenu .social .like .youtube:hover  {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	
}
.menuButton {
     /*   background: #248328;*/
	 margin-left:-5px;
	
    
}
.ib {
    display: inline-block;
    vertical-align: top;
}
.formbutton .textbutton {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-transform: rotateX(0) translateZ(25px) scale(.975);
    transform: rotateX(0) translateZ(25px) scale(.975);
    background: none;
	font-family:ValenciaSerial;
}
.formbutton .textbutton:after {
    content: 'ARE YOU GAME';
	font-family:ValenciaSerial;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: #133a15;
    -webkit-transform: translateY(-25px) translateZ(-25px) rotateX(
90deg
);
    transform: translateY(-25px) translateZ(-25px) rotateX(
90deg
);
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}
.formbutton .textbutton:hover {
    -webkit-transform: rotateX(
-90deg
) translateZ(25px) scale(.975);
    transform: rotateX(
-90deg
) translateZ(25px) scale(.975);
    background: #133a15;
}
.textbutton {
    line-height: 51px;
    color: #fff;
    text-align: center;
    letter-spacing: -.5px;
    font-size: 17px;
    width: 100%;
	padding: 0px 40px 0px 40px;
}

 .textbutton, h2 {
    text-transform: uppercase;
}
button, input[type=submit] {
    cursor: pointer;
    border: none;
    font-family:ValenciaSerial-Light;
    font-size: 20px;
}

/* Bottom right text */
.text-block {
  position: absolute;
  bottom: 10%;
    right: 150px;
  
  padding-left: 20px;
  padding-right: 20px;
}
.text-block a {
  text-decoration: underline;
  color: white;
}
.text-block h4 a:hover {
   -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
	transform: scale(1.2);
	color:#98CFd1;
	
}
.text-block i:hover {
   -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
	transform: scale(1.2);
	
	
}

/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
	
.modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto;background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{overflow-y: auto;overflow-x: hidden;}
.modal-dialog-slideout .modal-content{border: 0;}
.modal-dialog-slideout .modal-header, .modal-dialog-slideout .modal-footer { display: block;
    font-size: 18px;} 
.modal-dialog-slideout .modal-header h5 {float:left;}
.close{
padding-top: 8px;
    color: #fff;
    background: #0b260d;
    border: 1px solid rgba(255,255,255,.16);
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
	
	}
	.dialog-view-container {
    margin: 80px auto 25px;
    width: 300px;
	
}
.model-bg{
background-color: rgba(0,74,34,0.85);
}
form h2{
font-size: 58px;
    font-family: FestivoLettersNo1,Arial;
    color: #fff;
    line-height: 1;
    letter-spacing: -1.8px;
    text-align: center;
    margin-bottom: 5px;

}
.body-text.body-date {
    font-size: 21px;
    margin-bottom: 14px;
}
#mapView .name-overlay, #mapView .name-overlay button, .body-text.body-date, .content-next-button, .textbutton, .trailmenu li a, h2 {
    text-transform: uppercase;
}
.body-text {
    font-size: 16px;
    color: #c2c9c2;
    font-weight: 400;
    line-height: 1.2;
}
.formcontainer form .fieldrow {
    margin-top: 10px;
    font-size: 15px;
    color: #859386;
}
.formcontainer form .fieldrow input[type=text], .formcontainer form .fieldrow input[type=email] {
    background-position: 10px 13px,29px 5px;
    background-color: transparent;
    background-repeat: no-repeat,no-repeat;
    height: 38px;
    padding-left: 40px;
    border: 1px solid #859386;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}
.cls {
    color: #f8b434;
}

/*********Responsive***************/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
.textbutton {
    line-height: 51px;
    color: #fff;
    text-align: center;
    letter-spacing: -.5px;
    font-size: 17px;
    width: 100%;
    padding: 0px 31px 0px 47px;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  .textbutton {
    line-height: 51px;
    color: #fff;
    text-align: center;
    letter-spacing: -.5px;
    font-size: 17px;
    width: 100%;
    padding: 0px 31px 0px 47px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
  .textbutton {
    line-height: 51px;
    color: #fff;
    text-align: center;
    letter-spacing: -.5px;
    font-size: 17px;
    width: 100%;
    padding: 0px 31px 0px 47px;
}
.menu {
    top: 0;
    background: #98CFD1;
    position: fixed;
   /* right: 0;*/
    left: 100px;
}
.topmenu .social .mute {
    padding: 0 47px;
    border-right: 1px solid #fff;
}
  .topmenu .social .like {
    color: #fff;
    position: relative;
    padding: 0 9px;
}

}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
.textbutton {
    line-height: 51px;
    color: #fff;
    text-align: center;
    letter-spacing: -.5px;
    font-size: 17px;
    width: 100%;
    padding: 0px 31px 0px 47px;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
  .textbutton {
    line-height: 51px;
    color: #fff;
    text-align: center;
    letter-spacing: -.5px;
    font-size: 17px;
    width: 100%;
    padding: 0px 31px 0px 47px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  {
.textbutton {
    line-height: 51px;
    color: #fff;
    text-align: center;
    letter-spacing: -.5px;
    font-size: 17px;
    width: 100%;
    padding: 0px 31px 0px 47px;
}
.menu {
    top: 0;
    background: #98CFD1;
    position: fixed;
   /* right: 0;*/
    left: 100px;
}
.topmenu .social .mute {
    padding: 0 47px;
    border-right: 1px solid #fff;
}
  .topmenu .social .like {
    color: #fff;
    position: relative;
    padding: 0 9px;
}
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.logo {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0px;
   /* width: 240px;
    height: 143px;*/
}
.logo img {
    width: 100px;
    height: 100px;
    background: rgba(0,74,34,0.85);
}
.text-block {
    position: absolute;
    bottom: 10%;
     right: 17%; 
    padding-left: 20px;
    padding-right: 20px;
    /* text-align: center; */
}
.menu {
    top: 0;
    background: #98CFD1;
    position: fixed;
   /* right: 0;*/
    left: 100px;
}
.topmenu .social .mute {
    padding: 0 47px;
    border-right: 1px solid #fff;
}
  .topmenu .social .like {
    color: #fff;
    position: relative;
    padding: 0 9px;
}
.textbutton {
    line-height: 51px;
    color: #fff;
    text-align: center;
    letter-spacing: -.5px;
    font-size: 17px;
    width: 100%;
    padding: 0px 31px 0px 31px;
}
.ib {
     display: inline; 
    vertical-align: top;
}
.logo-light .logo-img:before {
    /* background: url(../img/logo-light.png) no-repeat; */
    background-color: rgb(0 74 34 / 84%);
}



}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .example {background: orange;}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .example {background: pink;}
}/* CSS Document */