body{margin:0;overflow-x:hidden;overflow-y:hidden}
body{overflow-y:auto}
body > .containerBg{background:url('/webimages/raftingBG.jpg')no-repeat center center;background-size:cover;overflow-x:hidden;overflow-y:auto;height:100vh;}
.containerBlue{background:url('/webimages/blueBGdesk.png')no-repeat center;width:1150px;height:1080px;float:right;position:relative}
.containerBlue .content{margin:60px 100px 200px 400px;}
.containerBlue .content .logo{text-align:center;}
.containerBlue .content .titles .main{line-height: 1;margin-top: 0px;text-align: center;font-size: 90px;color: rgb(245,245,245);font-family: "Assistant";font-weight:bold}
.containerBlue .sub{text-align:right;margin-top: 10px;font-size: 31px;color: rgb(171,208,55);font-family: "Assistant";font-weight: bold;}
.containerBlue .content .attractions{overflow:hidden}
.containerBlue .content .attractions .listCont{margin-top:15px;box-sizing:border-box;padding-right:35px;}
.containerBlue .content .attractions .listCont.rgt{float:right;width:60%}
.containerBlue .content .attractions .listCont.lft{float:left;width:40%}
.containerBlue .content .attractions .listCont > .item{margin-right: -15px;position:relative;font-weight:300;text-align:right;font-size: 22px;color: rgb(245,245,245);font-family: "Assistant";}
.containerBlue .content .attractions .listCont > .item::before{content:"";width: 25px;height: 25px;position:absolute; right: -25px;top: 0;bottom: 0;margin: auto;background:url('/webimages/greenARR.png')no-repeat center center;background-size:22px;}
.containerBlue form .title{margin-top:20px;}
.containerBlue .formContainer {transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-webkit-transition:all 1s;position:static;}
.containerBlue .formMObileTtl{display:none;}
.containerBlue form .text{font-weight:300;text-align:right;font-size: 22px;color: rgb(245,245,245);font-family: "Assistant";}
.containerBlue form .inputs .upperCont ,.containerBlue form .inputs .lowerCont{display:table;}
.containerBlue form .inputs div > span{ position: relative;display: inline-block;vertical-align: top;float: right;}
.containerBlue form .inputs div > span label{font-family: "Assistant";color:#bcbdc0;position:absolute; right: 20px;bottom: 0;opacity: 0;-moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.containerBlue form .inputs div > span input:valid + label,.containerBlue form .inputs div > span select:valid + label{opacity:1;bottom: calc(100% - 17px);}
.containerBlue form .inputs div > span input ,.containerBlue form .inputs div > span select{padding-top:7px;padding-right:20px;text-align:right;height:40px;font-weight:300;color: #000;font-family: "Assistant";font-weight: 300;font-size: 24px;} 
.containerBlue form .inputs .name ,.containerBlue form .inputs .passengers{padding-top:7px;width:250px;box-sizing:border-box;float:right;}
.containerBlue form .inputs .email ,.containerBlue form .inputs .phone{width:400px;box-sizing:border-box}
.containerBlue form .inputs select{direction:rtl; -moz-appearance: window;-webkit-appearance: none;background: #f5f5f5 url("/webimages/arrDown .png") left center no-repeat;background-size: 45px 50px;font-weight:300;}
.containerBlue form .inputs .lowerCont{margin-top:3px;}
.containerBlue form .inputs .upperCont{margin-top:15px;}
.containerBlue form .inputs .btnCont{margin-top:15px;text-align:center;}
.containerBlue form .inputs .btnCont .input{font-family:"Rubik";font-weight:600;cursor:pointer;margin:auto;border-style: none;width:125px;line-height:40px;height:40px;color:#fff;font-size:26px;text-align:center;padding-right:0;
background: rgb(175,209,57); /* Old browsers */
background: -moz-linear-gradient(top, rgba(175,209,57,1) 0%, rgba(139,176,61,1) 50%, rgba(139,176,61,1) 50%, rgba(139,176,61,1) 50%, rgba(139,176,61,1) 50%, rgba(102,147,62,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(175,209,57,1) 0%,rgba(139,176,61,1) 50%,rgba(139,176,61,1) 50%,rgba(139,176,61,1) 50%,rgba(139,176,61,1) 50%,rgba(102,147,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(175,209,57,1) 0%,rgba(139,176,61,1) 50%,rgba(139,176,61,1) 50%,rgba(139,176,61,1) 50%,rgba(139,176,61,1) 50%,rgba(102,147,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd139', endColorstr='#66933e',GradientType=0 ); /* IE6-9 */
}
.listCont.mobile {margin-top: 0;display: none;}

input::placeholder{color:#bcbdc0;font-weight:300;}
input::-moz-placeholder{color:#bcbdc0;font-weight:300;}
input::-ms-input-placeholder{color:#bcbdc0;font-weight:300;}
input::-webkit-input-placeholder{color:#bcbdc0;font-weight:300;}
textarea::-webkit-input-placeholder{color:#bcbdc0;font-weight:300;font-size: 22px;}

textarea{box-sizing:border-box;margin-top: 3px;color: #000;direction:rtl;height: 100px;max-width:650px;width: 100%;resize:none;padding-right: 20px;padding-top: 5px;font-family: "Assistant";font-size: 20px;}

.natbagMap {position:absolute;top:50px;left:-90px}
.natbagMap img{border-radius:50%}
.natbagMap .title {display:none}
.natbagMap .closeMap {display:none}
.toMap {display:none}


@font-face { 
	 font-family: Assistant; 
	 src: url('Assistant-Regular.ttf'); 
} 
@font-face { 
	 font-family: Mool Boran; 
	 src: url('moolbor_0.ttf');
 } 
 @font-face { 
	 font-family: Rubik; 
	 src: url('Assistant-Regular.ttf');
 } 

@media (max-width: 1200px) {
	.natbagMap {position:fixed;top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.9);z-index:99;display:none}
	.natbagMap img {position:absolute;top:50%;width:calc(100% - 10px);right:50%;transform:translateY(-50%) translateX(50%);max-width:435px}
	.natbagMap .closeMap {position:absolute;top:10px;left:10px;display:block}
	.natbagMap .title {display:block;position:absolute;color:#fff;top:10%;transform:translateY(-10%);right:0;left:0;text-align:center;font-family:"Assistant";font-weight:bold;font-size:18px}
	.toMap {position:fixed;top:60px;left:30px;display:block;z-index:10}
	.toMap img {max-width: 20vw;border-radius: 50%;}
}


 @media (max-width: 768px){
	 
	.toMap {bottom: 310px;left: 10px;top: auto;}
	 
	 body{overflow-y:hidden}
	 body.faze2{overflow-y:auto}
	 body > .containerBg{height:100vh;background:url('/webimages/raftingBGSMALL.jpg')no-repeat center bottom;background-size:cover;overflow-y:hidden}
	.containerBlue{width:100%;background: url('/webimages/blueBG.png')no-repeat right top;background-size: contain;overflow-y:hidden}
	.containerBlue .content{margin: 5px 50px;}
	.containerBlue .sub{text-align: center;font-size: 16px;}
	.containerBlue .formMObileTtl.sub{display:block;font-size:26px;}
	.containerBlue .content .logo{margin-top:15px;}
	.containerBlue .content .logo img{width: 95px;}
	.containerBlue .content .titles .main{font-size:58px;margin-top:00px;}
	.containerBlue .content .attractions{padding-right: 75px;height:400px;}
	.containerBlue .content .attractions .listCont.rgt{float: none; width: unset; }
	.containerBlue .content .attractions .listCont {padding-right: 0;z-index:2; }
	.containerBlue .content .attractions .listCont.lft {float: none; width: unset;margin-top:0; }
	.containerBlue form .inputs div > input ,.containerBlue form .inputs div > select{width:100%;height:40px;color:#000;font-size: 20px;}
	.containerBlue form .inputs .name, .containerBlue form .inputs .passengers{    float: none;font-size: 20px;padding: 0 10px;padding-right: 40%;height: 34px !important;position: absolute;}
	.containerBlue form .inputs .email, .containerBlue form .inputs .phone{  width: 100%;font-size: 20px;line-height: 20px;padding: 0 10px;background: transparent;position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 34px !important;padding-right: 40%;}
	.containerBlue form .title ,.containerBlue form .text{display:none;}
	.containerBlue form .inputs .name ,.containerBlue form .inputs .passengers{float:none;}
	.containerBlue form .inputs .lowerCont,.containerBlue form .inputs .btnCont{margin-top: 0;}
	.containerBlue form .inputs .upperCont , .containerBlue form .inputs .lowerCont{width:100%;max-width:600px}
	.containerBlue form .inputs select{background:#fff;color:#000}
	.containerBlue .formContainer {transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-webkit-transition: all 1s;position: fixed;left: 0;right: 0;bottom: -150%;background-color: rgba(1,36,77,0.6);padding: 0 100px 30px;}
	.containerBlue .content .attractions {padding-right: 15%;transition:0.5s all;overflow:hidden;}
	.listCont.mobile {margin-top: 0;display: none;}
	.faze2 .formContainer {opacity:1;bottom:0}
	.faze2 .containerBlue .content .attractions{height:calc(100vh - 490px);margin-top:15px;}
	.faze2 .containerBlue .content .attractions .listCont.mobile {margin-top: 0;display: block;}
	.containerBlue form .inputs .btnCont .input{line-height: 50px;margin-right:0;margin-top:5px;color:#fff;width:100%;height: 50px !important;border: 0;font-weight: bold;font-size: 30px;}
	.containerBlue form .inputs div > span{width:100%;height:34px;display:block;float:none;background:#fff}
	input::placeholder{color:#000;font-weight:300;}
	input::-moz-placeholder{color:#000;font-weight:300;}
	input::-ms-input-placeholder{color:#000;font-weight:300;}
	input::-webkit-input-placeholder{color:#000;font-weight:300;}
	textarea::-webkit-input-placeholder{color:#000;font-weight:300;}
	textarea{margin-top: 0; height: 60px;}
	.containerBlue form .inputs div > span label {opacity:1}
	.faze2 .listCont  {
		top: 6em;
		position: relative;
		box-sizing: border-box;
		animation: marquee 10s linear infinite;
	}


	/* Make it move! */
	@keyframes marquee {
		0%   { top:   0 }
		100% { top: -14.5em }
	}
	.containerBlue form .inputs div > span label {bottom: 6px;}
	.containerBlue form .inputs div > span input:valid + label, .containerBlue form .inputs div > span select:valid + label {bottom: 6px;}
	.containerBlue form .inputs .name, .containerBlue form .inputs .passengers {float: none;font-size: 20px;padding: 0 10px;padding-right: 40%;height: 34px !important;position: absolute;background: transparent;z-index: 1;width:100%}

}

 @media (max-width: 600px){
	 
	 .containerBlue .content{margin:5px 0;}
	 .containerBlue .content .attractions .listCont > .item{font-size:16px;}
	 .containerBlue .formContainer{padding:0 30px 25px;}
	 .containerBlue .content .attractions{padding-right:25%;}
	 .inputs input, .inputs select{height:38px !important;border:0;border-bottom:1px solid #ccc;}
	 .containerBlue form .inputs .btnCont .input{font-size:24px;}
	 .containerBlue form .inputs .btnCont .input{margin-right:0;margin-top:2px;color:#fff;width:100%;height: 50px !important;border: 0;font-weight: bold;font-size: 30px;}
	.containerBlue .content .titles .main{font-size:52px;margin-top:00px;}
 }

 @media (max-width: 400px){
	.containerBlue .content .titles .main {  font-size: 40px;font-weight: bold;}
	.containerBlue .sub {font-size: 12px;}
		.containerBlue{width:100%;background: url('/webimages/blueBG.png')no-repeat center top;background-size: 400px;}

 }